@font-face{font-family:Outfit;src:url(assets/Outfit.ttf)}@font-face{font-family:Geist;src:url(assets/Geist.woff2)}:root{--ink:#173e31;--cream:#fff9ec;--gold:#e9b954;--muted:#617366;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body{margin:0;background:#c6dec6;color:var(--ink);font:14px Geist,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #c47535;outline-offset:4px}button{transition:transform .25s var(--ease),background .25s var(--ease)}button:active{transform:scale(.96)}button:disabled{cursor:default;opacity:.55}h1,h2,h3{font-family:Outfit,sans-serif;color:var(--ink)}#app{position:relative;width:100%;height:100dvh;min-height:540px;overflow:hidden}#world{position:absolute;width:100%;height:100%;display:block;touch-action:none}#loading{position:absolute;inset:0;z-index:9;background:#e2e9cc;display:grid;place-content:center;text-align:center}#loading[hidden]{display:none}.loader{width:42px;height:42px;display:block;margin:auto;border:4px solid #173e3120;border-top-color:var(--ink);border-radius:50%;animation:spin 1s infinite}@keyframes spin{to{transform:rotate(360deg)}}.topbar{position:absolute;top:22px;left:28px;right:28px;display:flex;align-items:center;gap:20px;z-index:3;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:800 24px/.8 Outfit;letter-spacing:-1px}.brand img{width:46px;height:46px;object-fit:contain;background:#fff9ec;border-radius:50%;padding:5px}.brand-town{display:block;font-size:15px;letter-spacing:5px;margin-top:6px}.preview{font-size:9px;letter-spacing:1.5px;border-left:1px solid #173e3130;padding-left:20px}.counters{margin-left:auto;display:flex;gap:8px}.counters>span{display:flex;align-items:center;gap:9px;background:var(--cream);box-shadow:0 5px 30px #20402a0c;border-radius:30px;padding:11px 17px}.counters i{font-style:normal;color:#b17717;font-size:23px}.counters b{font:600 21px Outfit}.counters small{font-size:11px}.icon-button{border-radius:50%;width:46px;height:46px;background:var(--cream);font-size:19px}.intro{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#f9f5e9f2 0%,#f9f5e9df 26%,#f9f5e900 60%)}.intro-copy{position:absolute;left:6%;top:23%;width:47%;pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.intro h1{font-size:clamp(42px,5.4vw,82px);line-height:1.01;letter-spacing:-2.8px;font-weight:600;margin:23px 0}.intro h1 em{font-style:normal;color:#427459}.intro p{font-size:15px;line-height:1.7;color:#526759}.avatar-options{display:flex;align-items:center;gap:15px;margin:30px 0}.avatar-options>span{font-size:11px;font-weight:600}.swatches,.skin-options{display:flex;gap:7px}.swatch,.skin-options button{width:25px;height:25px;border-radius:50%;background:var(--swatch);outline-offset:3px}.forest{--swatch:#23705a}.honey{--swatch:#e6a440}.rust{--swatch:#c7724d}.swatch.selected,.skin-options .selected{outline:2px solid var(--ink)}.skin-options{padding-left:14px;border-left:1px solid #173e3120}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--ink);color:var(--cream);font-weight:600;border-radius:50px;padding:10px 10px 10px 25px;min-height:55px}.primary>span{display:grid;place-items:center;background:#ffffff20;border-radius:50%;width:37px;height:37px;font-size:24px}.intro-notes{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;font-size:10px;color:#59705e}.world-label{position:absolute;right:8%;bottom:20%;font-size:10px;letter-spacing:2px;transform:rotate(-4deg);color:var(--ink);background:#fff9ece8;padding:20px 26px;border-radius:14px;box-shadow:0 12px 40px #234d2515}.world-label small{display:block;font:500 22px Outfit;letter-spacing:-.4px;margin-top:10px}.live-dot{display:inline-block;width:6px;height:6px;background:#53864c;border-radius:50%;margin-right:7px}.intro-bottom{position:absolute;bottom:27px;left:6%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.intro-bottom button{pointer-events:auto;background:none;font-size:11px;letter-spacing:0}.game-ui{display:none}.playing .intro{display:none}.playing .game-ui{display:block}.panel{background:#fff9ecf5;box-shadow:0 8px 36px #1d42251a;border:5px solid #ffffff70;border-radius:22px}.quests{position:absolute;left:28px;top:98px;width:260px;padding:12px}.quest-heading{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;text-align:left;padding:5px 3px 17px}.quest-heading small,.build-goal small{font-size:8px;letter-spacing:1.6px;display:block;margin-bottom:7px}.quest-heading strong{font:500 20px/1.1 Outfit;letter-spacing:-.4px}.quest-heading>span:last-child{font-size:11px;background:#e4ead8;border-radius:8px;padding:6px}.quest{display:flex;align-items:center;gap:10px;width:100%;padding:13px 8px;border-radius:13px;text-align:left;background:transparent;margin-bottom:4px}.quest.active{background:#e2ead9}.quest-icon{background:#fffaf0;border-radius:12px;flex:0 0 34px;height:38px;display:grid;place-items:center;font-size:24px;color:#698850}.quest strong{display:block;font-size:12px;font-weight:600}.quest small{display:block;margin-top:5px;font-size:10px;color:#657164}.quest small b{font-weight:400}.quest-check{margin-left:auto;font-size:14px}.quest.complete .quest-check{color:#41784e}.quest-foot{font-size:9px;text-align:center;color:#73806c;margin:15px 0 2px}.build-goal{position:absolute;right:28px;top:98px;padding:13px 17px;display:flex;align-items:center;gap:12px;text-align:left}.build-symbol{font:500 43px Outfit;color:#ba8b3d;transform:translateY(-6px)}.build-goal strong{font:500 18px Outfit}.build-arrow{margin-left:12px;font-size:23px}.build-progress{display:flex;gap:4px;margin-top:9px}.build-progress i{height:4px;width:30px;border-radius:4px;background:#d9dfcc}.build-progress i.done{background:#609052}.destination{position:absolute;left:50%;top:100px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;background:var(--ink);color:var(--cream);padding:8px 8px 8px 17px;border-radius:30px;font-size:11px;box-shadow:0 8px 25px #173e3120}.destination #distance{font-size:9px;color:#bfd2a9}.destination button{background:#fff9ec;color:var(--ink);padding:9px 13px;border-radius:22px;font-size:11px;white-space:nowrap}.minimap{position:absolute;left:28px;bottom:28px;padding:9px;width:164px;border-radius:21px}.minimap canvas{width:100%;height:auto;display:block;border-radius:11px}.minimap>span{display:block;font-size:8px;letter-spacing:1px;padding:7px 2px 0}.minimap b{float:right;font-weight:400}.context{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);text-align:center;min-width:210px}.context>span{display:block;font-size:10px;background:#fff9eceb;border-radius:12px;padding:6px 12px;margin:0 auto 8px;width:max-content;max-width:280px}.context button{display:flex;gap:12px;align-items:center;justify-content:center;background:var(--ink);color:var(--cream);padding:12px 22px 12px 12px;min-height:52px;border-radius:32px;font-weight:600;width:100%;box-shadow:0 5px 20px #173e3120}kbd{font:10px Geist;background:#ffffff26;padding:6px 8px;border-radius:7px}.context button:disabled{opacity:.8}.keyboard-hint{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-size:9px;background:#fff9ecb8;padding:8px 12px;border-radius:20px;white-space:nowrap}.keyboard-hint kbd{background:#173e3110;font-size:8px}#toast{position:absolute;top:42%;left:50%;transform:translate(-50%,-20px);max-width:380px;width:max-content;background:var(--cream);padding:15px 22px;border-radius:18px;text-align:center;box-shadow:0 12px 40px #173e3120;opacity:0;pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease);font-size:13px;font-weight:500}#toast.show{opacity:1;transform:translate(-50%,0)}#joystick,#jump{display:none}dialog{border:0;border-radius:30px;padding:36px;max-width:500px;width:calc(100% - 32px);background:var(--cream);color:var(--ink);box-shadow:0 30px 100px #16331e26}dialog::backdrop{background:#193e3266;backdrop-filter:blur(8px)}.modal-close{position:absolute;right:15px;top:12px;font-size:25px;background:transparent;padding:6px}.modal-eyebrow{font-size:10px;letter-spacing:2px;color:#75816d}dialog h2{font-size:35px;line-height:1.05;letter-spacing:-1px;margin:16px 0}dialog p{font-size:13px;line-height:1.7;color:#60705e}.stage-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #63765b20}.stage-row>b{width:32px;height:32px;display:grid;place-items:center;background:#e8eddb;border-radius:50%;font:16px Outfit}.stage-row span{flex:1}.stage-row strong{font-size:13px}.stage-row small{display:block;font-size:10px;color:#78816a;margin-top:4px}.stage-row em{font-size:11px;font-style:normal}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.secondary{background:#e6eadc;border-radius:30px;padding:15px 20px;font-size:12px}.settings-list{display:grid;gap:10px;margin:20px 0}.settings-list button{padding:14px 17px;border-radius:14px;text-align:left;background:#e9eddd}#unsupported{position:absolute;inset:0;z-index:10;background:var(--cream);padding:15%;text-align:center}#unsupported[hidden]{display:none}.playing .topbar .preview{display:none}
@media(max-width:1100px){.destination{top:auto;bottom:145px}.build-goal{right:18px;top:98px;max-width:255px}.quests{left:18px;width:237px}.quest-heading strong{font-size:18px}.intro-copy{left:5%}.intro h1{font-size:58px}.avatar-options{gap:10px}.world-label{right:5%;bottom:16%}}
@media(max-width:650px){#app{min-height:560px}.topbar{top:14px;left:14px;right:14px;gap:10px}.brand{font-size:18px;gap:6px}.brand img{width:36px;height:36px}.brand-town{font-size:11px;letter-spacing:4px}.preview{font-size:7px;padding-left:10px}.counters{gap:5px}.counters>span{padding:7px 10px;gap:4px}.counters b{font-size:16px}.counters i{font-size:18px}.counters small{display:none}.icon-button{width:35px;height:35px;font-size:16px}.welcome .counters{display:none}.welcome .icon-button{margin-left:auto}.intro{background:linear-gradient(180deg,#f8f4e9f5 0%,#f8f4e9ed 32%,#f8f4e900 64%)}.intro-copy{top:105px;left:7%;width:86%}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro h1{font-size:48px;letter-spacing:-2px;margin:15px 0 12px}.intro p{font-size:12px;line-height:1.6}.avatar-options{margin:18px 0;gap:12px}.avatar-options>span{font-size:10px}.swatch,.skin-options button{width:20px;height:20px}.primary{min-height:49px;font-size:13px}.primary>span{width:32px;height:32px}.intro-notes{margin-top:13px;font-size:8px;gap:10px}.intro-bottom{left:6%;right:6%;bottom:16px;font-size:7px;letter-spacing:1px}.intro-bottom button{font-size:9px}.world-label{display:none}.quests{top:70px;left:14px;width:calc(100% - 28px);padding:9px 11px;border-radius:18px}.quest-heading{padding:0;gap:10px}.quest-heading>span:first-child{display:flex;align-items:center;gap:9px}.quest-heading small{font-size:7px;letter-spacing:1px;max-width:57px;margin:0;line-height:1.5}.quest-heading strong{font-size:16px}.quest-heading>span:last-child{font-size:10px;padding:5px}.quests.collapsed #quest-list{display:none}#quest-list{padding-top:10px}.quest{padding:9px}.quest-foot{display:none}.build-goal{right:14px;top:132px;padding:8px 10px;gap:6px;border-radius:16px;max-width:205px}.build-goal small{font-size:6px;letter-spacing:1px}.build-goal strong{font-size:13px}.build-symbol{font-size:28px}.build-arrow{font-size:18px;margin-left:2px}.build-progress{margin-top:5px}.build-progress i{width:24px;height:3px}.destination{top:auto;bottom:212px;max-width:94%;padding:6px 6px 6px 12px;gap:6px;font-size:10px;white-space:nowrap}.destination button{font-size:10px;padding:8px 11px}#distance{display:none}.minimap{left:14px;bottom:auto;top:132px;width:89px;padding:4px;border-width:3px;border-radius:14px}.minimap>span{font-size:5px;padding-top:3px;letter-spacing:.5px}.minimap b{display:none}.context{left:auto;right:14px;bottom:34px;transform:none;min-width:0;width:155px}.context>span{max-width:155px;font-size:8px;padding:7px 9px;line-height:1.4}.context button{padding:14px 9px;font-size:11px;min-height:54px;gap:6px}.context kbd{display:none}.keyboard-hint{display:none}#joystick{position:absolute;left:24px;bottom:45px;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:#fff9ec80;border:2px solid #fff9ecb0;touch-action:none;user-select:none}#stick{width:46px;height:46px;border-radius:50%;background:#fff9ec;box-shadow:0 6px 15px #173e311c;pointer-events:none}#joystick i{position:absolute;bottom:-19px;font-size:8px;letter-spacing:1px;font-style:normal;pointer-events:none}#jump{position:absolute;right:25px;bottom:125px;display:flex;align-items:center;justify-content:center;gap:7px;background:#fff9eceb;border-radius:30px;width:81px;height:46px;font-size:23px;touch-action:none}#jump small{font-size:8px}#toast{max-width:calc(100% - 36px);top:40%;font-size:12px;padding:13px 18px}.quests:not(.collapsed){z-index:4}dialog{padding:29px 25px}dialog h2{font-size:30px}}
@media(max-width:360px){.intro h1{font-size:42px}.avatar-options{gap:8px}.intro-copy{top:89px}.skin-options{padding-left:8px}.swatches,.skin-options{gap:6px}.quest-heading strong{font-size:14px}.context{width:142px}#joystick{left:18px;width:94px;height:94px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* 0.1.1: visible, child-friendly instructions before and during play. */
.intro-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.instruction-link{display:flex;align-items:center;gap:8px;background:transparent;font-size:12px;font-weight:600;min-height:44px;padding:0}.instruction-link span,.game-help span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #173e3150;border-radius:50%;font:500 15px Outfit}.game-help{position:absolute;right:28px;bottom:28px;display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 15px;background:var(--cream);border-radius:30px;font-size:11px;box-shadow:0 5px 25px #173e3115}.play-guide h2{margin:13px 0 10px}.play-guide .guide-intro{margin:0 0 20px}.guide-steps{list-style:none;padding:0;margin:0;display:grid;gap:17px}.guide-steps li{display:flex;gap:13px}.guide-steps li>b{flex:0 0 30px;height:30px;border-radius:50%;background:#e6ecd9;display:grid;place-items:center;font:500 16px Outfit}.guide-steps h3{font-size:17px;margin:1px 0 5px;font-weight:500;letter-spacing:-.25px}.guide-steps p{font-size:12px;line-height:1.55;margin:0}.guide-controls{margin-top:23px;padding:5px;border-radius:18px;background:#e8eddf}.control-switch{display:flex;gap:4px}.control-switch button{width:50%;min-height:42px;border-radius:13px;background:transparent;font-size:12px}.control-switch button[aria-pressed=true]{background:#fff9ec;font-weight:600;box-shadow:0 3px 10px #173e3108}#control-instructions{display:grid;grid-template-columns:1.4fr 1fr 1fr;padding:17px 7px 12px;gap:9px;text-align:center}#control-instructions div{display:flex;flex-direction:column;align-items:center;gap:8px}#control-instructions b{font:600 10px Geist;color:var(--ink)}#control-instructions span{font-size:10px;line-height:1.5;color:#526759}.play-guide .guide-tip{font-size:11px;line-height:1.5;margin:16px 0}.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-footer>span{font-size:9px;line-height:1.7;color:#617366}.guide-footer .primary{font-size:12px;gap:15px;padding-left:18px;white-space:nowrap}dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}.modal-close{width:44px;height:44px;padding:0;top:5px;right:7px}
@media(max-width:650px){.intro-actions{gap:17px}.instruction-link{font-size:11px}.game-help{left:14px;right:auto;top:238px;bottom:auto;min-height:44px;padding:7px 10px;font-size:9px;gap:6px}.game-help span{width:20px;height:20px;font-size:13px}.play-guide h2{font-size:29px}.play-guide .guide-intro{font-size:12px;margin-bottom:17px}.guide-steps{gap:14px}.guide-steps h3{font-size:16px}.guide-steps p{font-size:11px}.guide-steps li{gap:10px}.guide-controls{margin-top:18px}.guide-footer{flex-direction:column-reverse;align-items:stretch;gap:10px}.guide-footer .primary{justify-content:space-between}.guide-footer>span{text-align:center;font-size:9px}.play-guide .guide-tip{margin:13px 0}#control-instructions{padding:14px 3px 10px;gap:5px}#control-instructions b{font-size:9px}}

.avatar-options[hidden]{display:none}.profile-link{display:inline-block;font-size:12px;color:#173e31;margin-bottom:8px}
body.arrival::after{content:'';position:fixed;inset:0;z-index:20;background:#123d31;pointer-events:none;animation:town-arrival 1.6s cubic-bezier(.22,1,.36,1) forwards}@keyframes town-arrival{from{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){body.arrival::after{display:none}}
.ask-guide{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding:14px 16px;margin-top:10px;border-radius:17px;background:#e6d3a5;color:#173e31;font:600 13px Outfit;border:0}.ask-guide span{font:400 10px Geist;color:#4c654a}.npc-talk{position:absolute;bottom:130px;right:24px;background:#e9be68;color:#143b2f;border:4px solid #fff4d94a;border-radius:28px;padding:14px 19px;font:600 12px Geist;box-shadow:0 8px 28px #123d311a}.npc-talk[hidden]{display:none}#modal.conversation-modal{max-width:465px;width:calc(100% - 36px);margin:auto 4% auto auto;padding:32px;background:#fbf5e4;border:6px solid #e2d6b6;border-radius:30px;max-height:calc(100dvh - 32px)}#modal.conversation-modal::backdrop{background:#102e211f;backdrop-filter:none}.conversation-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px}.speaker-seal{width:47px;height:47px;border-radius:16px;background:#1d513e;color:#f5e3b6;display:grid;place-items:center;font:600 26px Outfit}.conversation-heading h2{font-size:32px!important;margin:3px 0 0!important}.conversation-heading .modal-eyebrow{font-size:8px}.conversation-modal .salam{font:35px/1.4 serif;color:#887036;margin:0!important;text-align:left}.conversation-modal .salam-caption{font:10px/1.6 Geist;color:#738065;margin:2px 0 18px!important}.conversation-modal .npc-line{font:400 17px/1.65 Outfit;color:#234b37;margin:0!important}.dialogue-choices{display:grid;gap:9px}.dialogue-choices button{display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;background:#fffdf6;border:1px solid #b5bd953b;border-radius:14px;padding:13px 15px;color:#173e31;font:500 12px Geist;transition:transform .25s cubic-bezier(.22,1,.36,1)}.dialogue-choices button:hover{transform:translateX(3px);background:#e9d4a5}.dialogue-choices b{background:#e7ecd7;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;flex-shrink:0}@media(max-width:650px){#modal.conversation-modal{margin:auto auto 12px;max-height:65dvh;padding:22px;border-width:4px;border-radius:25px}.conversation-heading{margin-bottom:12px}.conversation-heading h2{font-size:25px!important}.conversation-modal .salam{font-size:27px}.conversation-modal .npc-line{font-size:15px;line-height:1.6}.conversation-modal .salam-caption{margin-bottom:12px!important}.dialogue-choices button{font-size:11px;padding:11px 12px}.npc-talk{right:15px;bottom:250px;font-size:11px;padding:12px 15px}}

/* Quiet character conversations keep the town clear behind the dialogue. */
.in-conversation .game-ui,.in-conversation .topbar{opacity:0;pointer-events:none}.dialogue-hint{display:block;margin:22px 0 12px;font:600 9px Geist;letter-spacing:.12em;color:#6c765a}