@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:wght@400;500;600&display=swap');
[hidden]{display:none!important}.home-nav{display:flex;justify-content:space-between;align-items:center;padding:32px 6vw}.home-tag{font-size:12px;color:var(--muted)}.home-layout{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;max-width:1400px;margin:15px auto 40px;padding:0 6vw}.home-copy h1{font-size:clamp(40px,4.5vw,68px);line-height:1.08;letter-spacing:-2px;margin:23px 0}.home-copy h1 em{color:#819a5f;font-weight:400}.home-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:420px;color:var(--muted)}.home-stats{font-size:11px;color:#607451;padding:16px 0;border-top:1px solid var(--line);margin-top:23px}.home-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:410px}.home-menu .primary{grid-column:1/-1;margin:0;font-size:15px;padding:18px}.home-menu button{font-size:12px;padding:14px}.home-menu #newGameButton{grid-column:1/-1;background:transparent;border:0;color:var(--muted);padding:8px}.home-copy .home-note{font-size:10px!important;margin-top:20px}.home-art{height:530px;position:relative;overflow:hidden;border-radius:170px 170px 24px 24px;background:#dae5d7;border:8px solid #eeeee0;box-shadow:0 20px 50px #4c694510}.sun{position:absolute;width:72px;height:72px;background:#f5df9d;top:45px;right:70px;border-radius:50%;box-shadow:0 0 0 16px #f5df9d25}.cloud{position:absolute;background:#f5f7eb;width:95px;height:25px;border-radius:40px}.cloud:before{content:'';position:absolute;left:20px;top:-18px;width:45px;height:40px;background:inherit;border-radius:50%}.cloud-one{top:115px;left:50px}.cloud-two{top:160px;right:18px;transform:scale(.7)}.hill{position:absolute;border-radius:50% 50% 0 0;width:150%;height:360px;bottom:-20px}.hill-back{background:#b1c69a;left:-70%;bottom:0;transform:rotate(15deg)}.hill-front{background:#8fab76;right:-40%;bottom:-55px;transform:rotate(-13deg)}.home-cottage{position:absolute;width:142px;height:108px;background:#f3e4c6;left:30%;bottom:162px;border-radius:4px;transform:rotate(-3deg);box-shadow:8px 12px 0 #546b3420}.cottage-roof{position:absolute;top:-56px;left:-15px;width:172px;height:73px;background:#b87956;clip-path:polygon(50% 0,100% 72%,100% 100%,0 100%,0 72%)}.cottage-door{position:absolute;bottom:0;left:58px;width:29px;height:55px;background:#776950;border-radius:16px 16px 0 0}.cottage-window{position:absolute;left:15px;top:26px;width:27px;height:28px;background:#9fbab0;border:4px solid #fcf0d5}.art-tree{position:absolute;font-size:115px;line-height:1}.tree-one{bottom:157px;left:-25px}.tree-two{bottom:193px;right:5px;font-size:135px}.art-animal,.art-flower{position:absolute;font-size:46px;filter:drop-shadow(3px 5px 1px #47623615)}.animal-one{bottom:94px;left:21%;transform:rotate(-9deg)}.animal-two{bottom:115px;right:21%}.animal-three{bottom:192px;right:24%;font-size:44px}.animal-four{top:196px;left:22%;font-size:26px;animation:float 5s ease-in-out infinite}.flower-one{bottom:100px;left:5%;font-size:30px}.flower-two{bottom:95px;right:5%;font-size:30px}.art-caption{position:absolute;bottom:18px;left:18px;right:18px;background:#fff9e8e8;border-radius:12px;padding:15px;display:flex;align-items:center;gap:12px}.art-caption>span{font-size:28px;color:#8e9c68}.art-caption strong{font-size:12px}.art-caption small{font-size:10px;margin-top:5px;letter-spacing:0}.home-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 6vw;font-size:9px;letter-spacing:2px;color:var(--muted)}#journalDialog{width:550px;max-height:85dvh}.journal-tools{display:flex;gap:8px}.journal-tools input{max-width:none;min-width:0;flex:1}.journal-tools select{font-size:12px}.rarity{border-radius:20px;padding:4px 7px;background:#e8eddf}.rarity.rare{background:#eee7f6;color:#8972a0}.rarity.legendary{background:#f5eacb;color:#9b7c3a}@keyframes float{50%{transform:translate(5px,-10px)}}@media(prefers-reduced-motion:reduce){.animal-four{animation:none}}@media(max-width:700px){.home-nav{padding:22px}.home-tag{display:none}.home-layout{display:flex;flex-direction:column-reverse;gap:20px;padding:0 22px;margin-top:0}.home-art{height:260px;width:100%;max-width:410px;border-radius:100px 100px 20px 20px;border-width:5px}.home-cottage{transform:scale(.65) rotate(-3deg);transform-origin:bottom;bottom:95px;left:27%}.sun{width:45px;height:45px;top:22px;right:70px}.cloud-one{top:70px;left:45px;transform:scale(.7)}.cloud-two{top:95px}.hill{height:180px}.tree-one{font-size:80px;bottom:88px;left:-5px}.tree-two{font-size:90px;bottom:108px}.animal-one{font-size:32px;bottom:61px}.animal-two{font-size:30px;bottom:65px}.animal-three{font-size:29px;bottom:105px;right:21%}.animal-four{top:100px;left:20%;font-size:20px}.art-flower{display:none}.art-caption{padding:8px 12px;bottom:9px;left:9px;right:9px}.art-caption strong{font-size:10px}.art-caption small{font-size:9px}.home-copy{width:100%;max-width:410px}.home-copy h1{font-size:43px;margin:14px 0}.home-copy>.eyebrow{font-size:8px}.home-copy>p:not(.eyebrow){font-size:12px}.home-stats{margin-top:15px;padding:12px 0;font-size:10px}.home-menu{gap:8px}.home-menu button{padding:12px;font-size:11px}.home-menu .primary{padding:15px}.home-footer{padding:18px 22px;font-size:8px;letter-spacing:1px;gap:20px}.home-footer span:last-child{display:none}.journal-tools{flex-wrap:wrap}}
:root{--ink:#344b3e;--muted:#7d877a;--paper:#f8f7ef;--green:#41654d;--line:#e3e6d9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#fffdf7;color:var(--ink);border-radius:9px;padding:11px 16px;font-weight:600}button:hover{background:#e9eedf}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:3px;font-size:22px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;margin:7px 0 0 28px}.resources{display:flex;align-items:center;gap:12px}.resources>span{padding:12px 20px;background:#eeead7;border-radius:20px;color:#8c7542;font-weight:700}main{display:grid;grid-template-columns:275px 1fr;gap:30px;max-width:1600px;padding:30px;margin:auto}aside{padding:9px 5px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#88967b}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:500}h1{font-size:47px;line-height:1.1;margin:20px 0}h2{font-size:34px;margin:12px 0}.intro{font-size:13px;line-height:1.8;color:var(--muted);max-width:230px}.location{display:flex;gap:14px;align-items:center;margin:26px 0}.location>span{font-size:28px;background:#e7eddc;border-radius:12px;padding:10px 16px}small{display:block;font-size:10px;color:var(--muted);letter-spacing:1px}.location strong{display:block;font-size:14px;margin-top:6px}.card{border-top:1px solid var(--line);padding:20px 0;font-size:13px;line-height:1.7}.card strong{display:block;margin:6px 0}.hint{font-size:11px;line-height:1.9;color:var(--muted)}#reset{font-size:10px;background:transparent;border:0;padding:10px 0;color:var(--muted)}.game{position:relative;overflow:hidden;border:1px solid #d8e1cc;border-radius:18px;background:#b4cca0;min-width:0;box-shadow:0 12px 35px #3d563b0c}.map-top{position:absolute;z-index:2;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none}.map-top span{background:#fafbefdc;padding:9px 14px;border-radius:7px;font-size:10px;letter-spacing:1.5px;font-weight:600}canvas{display:block;width:100%;height:650px;touch-action:none}.bottom{position:absolute;bottom:18px;left:18px;right:18px;background:#fffef3ef;border:1px solid #ffffff80;border-radius:12px;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.bottom strong{font-size:14px}.bottom small{font-size:11px;letter-spacing:0;margin-top:5px}#buildButton,.primary{background:var(--green);color:white;border:0}#toast{position:absolute;bottom:104px;left:50%;transform:translateX(-50%);background:#344b3eef;color:white;padding:12px 20px;border-radius:20px;font-size:12px;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s;width:max-content;max-width:90%}#buildTray{position:absolute;bottom:100px;left:18px;right:18px;background:#fffcf2;border-radius:12px;padding:10px;z-index:4}#buildTray button{margin:4px;font-size:12px}#buildTray button.selected{background:#dce8ce;border-color:#41654d}dialog{border:1px solid var(--line);border-radius:20px;padding:32px;width:440px;max-width:94vw;color:var(--ink);background:var(--paper);box-shadow:0 25px 100px #142f3a44}dialog::backdrop{background:#233c365c;backdrop-filter:blur(5px)}dialog p{color:var(--muted);font-size:13px;line-height:1.7}label{display:flex;align-items:center;justify-content:space-between;margin:14px 0;font-size:13px}input,select{padding:9px;border:1px solid var(--line);border-radius:7px;max-width:180px;background:white}input[type=color]{padding:3px;width:70px;height:35px}.primary{width:100%;margin-top:15px;padding:15px}#avatarPreview{text-align:center;font-size:54px;margin:15px}.close{float:right;border:0;background:transparent}.journal-row{display:flex;gap:15px;border-top:1px solid var(--line);padding:14px 0;align-items:center}.journal-row .emoji{font-size:30px}.journal-row strong{font-size:14px}.journal-row small{letter-spacing:0;margin-top:4px}.journal-row .rarity{margin-left:auto;font-size:10px}.mobile-controls{display:none}#shopItems button{display:block;width:100%;margin:10px 0;text-align:left}@media(max-width:1000px){main{grid-template-columns:210px 1fr;padding:20px;gap:18px}h1{font-size:38px}header{padding:0 20px}canvas{height:620px}}@media(pointer:coarse),(max-width:700px){.mobile-controls{display:flex;position:absolute;bottom:115px;left:22px;right:22px;justify-content:space-between;pointer-events:none}#joystick{width:95px;height:95px;border-radius:50%;background:#fff9;border:1px solid #fff;position:relative;touch-action:none;pointer-events:auto}#stick{width:38px;height:38px;background:#46684dbb;border-radius:50%;position:absolute;left:28px;top:28px}.actions{display:flex;gap:10px;align-items:end}.actions button{pointer-events:auto;border-radius:50%;width:65px;height:65px;background:#fffddd;font-size:23px;touch-action:none}.actions span{display:block;font-size:9px}#toast{bottom:225px}}@media(max-width:700px){header{height:72px;padding:0 14px}.brand{font-size:17px;letter-spacing:2px}.brand small{font-size:6px;margin-left:23px}.resources{gap:6px}.resources button{font-size:0;padding:9px}.resources button:first-of-type::after{content:'📖';font-size:18px}.resources button:last-of-type::after{content:'✎';font-size:18px}.resources>span{padding:9px;font-size:12px}main{display:flex;flex-direction:column;padding:12px;gap:12px}aside{display:none}canvas{height:calc(100dvh - 105px);min-height:460px}.game{border-radius:14px}.map-top{left:12px;right:12px;top:12px}.map-top span{font-size:8px;padding:8px}.bottom{left:10px;right:10px;bottom:10px;padding:12px}.bottom strong{font-size:12px}.bottom small{font-size:10px;max-width:190px}#buildButton{font-size:11px;padding:10px}#buildTray{bottom:90px}dialog{padding:24px}}