:root{--paper:#f4f1e8;--surface:#fffdf8;--surface-2:#f8f4ea;--line:#e4ddcb;--ink:#26221a;--muted:#6b6353;--brand:#2c6e49;--brand-2:#3d8b60;--gold:#8a6411;--blue:#0072b2;--ok:#009e73;--no:#d55e00;--ok-ink:#007a58;--no-ink:#b34e00;--shadow-sm:0 1px 3px #3a32261a;--shadow-md:0 6px 18px #3a32261f;--shadow-lg:0 12px 32px #3a322624;--r-sm:10px;--r-md:14px;--r-lg:20px;--font:"Nunito", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--fs-xs:.82rem;--fs-sm:.88rem;--fs-md:.95rem;--fs-lg:1.1rem;--fs-xl:1.3rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--tap:44px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.5}body.modal-open,html.modal-open{overflow:hidden}.app{max-width:880px;padding:20px 16px 40px;padding:20px max(16px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));min-height:100vh;flex-direction:column;justify-content:center;min-height:100svh;margin:0 auto;display:flex}.app--town{max-width:1060px;padding-top:10px}:where(button,[role=button],input,select,.tap-obj,.choice,.bld--open,.game,.stimulus,.stimulus--hidden,.choices,.feedback,.map-wrap,.town-map){touch-action:manipulation}.stimulus,.stimulus--hidden,.choices,.prompt,.town-map,.hud-brand,.tap-obj,.avatar-opt{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:where(button,[role=button]):focus-visible{outline:3px solid var(--brand-2);outline-offset:2px;border-radius:var(--r-sm)}.hud{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:2px 2px 10px;display:flex}.hud-brand{align-items:baseline;gap:var(--sp-2);font-size:var(--fs-xl);letter-spacing:-.01em;display:flex}.hud-brand strong{font-weight:900}.hud-stats{flex-wrap:wrap;gap:10px;display:flex}.hud-chip{background:var(--surface);border:1px solid var(--line);font-weight:800;font-size:var(--fs-md);box-shadow:var(--shadow-sm);min-height:var(--tap);font-family:var(--font);color:var(--ink);border-radius:99px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.hud-child{color:var(--brand)}.hud-chip:disabled,.hud-chip[aria-disabled=true]{color:var(--muted);background:var(--surface-2);cursor:not-allowed;box-shadow:none;pointer-events:none;border-style:dashed}.map-wrap{border-radius:var(--r-lg);box-shadow:var(--shadow-lg);-webkit-overflow-scrolling:touch;scrollbar-width:thin;justify-content:safe center;display:flex;overflow-x:auto}.town-map{border-radius:var(--r-lg);border:1px solid var(--line);background:#d7e9f2;width:100%;min-width:760px;height:auto;margin-inline-start:auto;margin-inline-end:auto;display:block}.map-wrap:after{content:"";pointer-events:none;border-radius:0 var(--r-lg) var(--r-lg) 0;opacity:0;background:linear-gradient(90deg,#26221a00,#26221a38);flex:none;align-self:stretch;width:36px;margin-left:-36px;transition:opacity .25s;position:sticky;right:0}.map-wrap.can-scroll:after{opacity:1}.map-wrap.map-wrap--end:after{opacity:0}@media (max-width:787px){.map-wrap:not(.map-wrap--end):after{opacity:1}}.district-label{font-family:var(--font);fill:#fff;letter-spacing:.06em;font-size:12px;font-weight:800}.bld{cursor:default}.bld--open{cursor:pointer;-webkit-tap-highlight-color:transparent}@media (hover:hover){.bld--open:hover .bld-name{fill:var(--brand)}}.bld--open:active .bld-art{filter:brightness(1.12)}.bld--soon{pointer-events:none}.bld-icon{-webkit-user-select:none;user-select:none}.bld-name{font-family:var(--font);fill:#4d4536;paint-order:stroke;stroke:#fffdf8e6;stroke-width:3.5px;letter-spacing:.02em;font-size:14px;font-weight:700}.bld-name--soon{fill:#6f6551}.foot{text-align:center;color:var(--muted);font-size:var(--fs-md);background:var(--surface);border:1px solid var(--line);width:-moz-fit-content;width:fit-content;max-width:100%;box-shadow:var(--shadow-sm);border-radius:99px;margin:12px auto 0;padding:6px 16px;font-weight:700;position:sticky;bottom:8px}.bld--sleep .bld-art{opacity:.58;filter:grayscale(.82)brightness(.92);transition:filter .35s,opacity .35s}.bld--sleep .bld-name{fill:#5c6672}.bld--awake .bld-art{filter:none;transition:filter .35s}.bld--awake .bld-name{fill:#35503e}.intro-overlay{z-index:100;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#26221a8c;justify-content:center;align-items:safe center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.intro-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);text-align:center;width:100%;max-width:480px;box-shadow:var(--shadow-lg);max-height:calc(100vh - 40px);flex-direction:column;align-items:center;gap:10px;max-height:calc(100dvh - 40px);margin:auto;padding:30px 28px;display:flex;overflow-y:auto}.intro-card>div:has(>.btn){align-items:center}.center>div:has(>.btn){align-items:center}.intro-card h2{margin:0;font-size:1.5rem;font-weight:900}.intro-card p{color:var(--muted);margin:0 0 8px;font-size:1.05rem;line-height:1.65}.session-intro .si-icon{font-size:52px;line-height:1}.session-intro .si-task{color:var(--ink);margin:2px 0 0;font-size:1.2rem;font-weight:800}.session-intro .si-tip{color:var(--muted);margin:0;font-size:1rem}.session-intro .si-prog{color:var(--muted);font-size:var(--fs-md);background:var(--surface-2);border:1px solid var(--line);border-radius:99px;margin:6px 0 2px;padding:7px 16px}.session-intro .si-prog b{color:var(--ink)}.yol{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.yol .adim{border:2px solid var(--line);background:var(--surface);border-radius:50%;flex-shrink:0;width:18px;height:18px}.yol .adim.gecti{background:var(--brand-2);border-color:var(--brand)}.yol .adim.simdi{border-color:var(--gold);background:#ffe9a8;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex;box-shadow:0 0 0 4px #b9861f2e}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:26px 24px}.center{text-align:center;align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.big{font-size:var(--fs-xl);font-weight:800}.muted{color:var(--muted)}.sm-text{font-size:var(--fs-sm);margin:2px 0 0}.panel{gap:var(--sp-4);flex-direction:column;display:flex}.panel-head{align-items:center;gap:14px;display:flex}.panel-icon{font-size:48px}.panel-head h2{letter-spacing:-.01em;margin:0;font-size:1.45rem;font-weight:900}.panel-stats{gap:var(--sp-3);flex-wrap:wrap;display:flex}.stat{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;flex:1;gap:2px;min-width:160px;padding:12px 16px;display:flex}.stat-label{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.02em;font-weight:800}.stat-value{font-size:1.25rem;font-weight:900}.stat-sub{font-size:var(--fs-sm);color:var(--muted)}.book-title{color:var(--muted);letter-spacing:.02em;font-size:.9rem;font-weight:800}.order-card{background:var(--surface-2);border:1.5px solid var(--line);border-left:5px solid var(--brand);border-radius:var(--r-md);flex-direction:column;gap:8px;padding:16px 18px;display:flex}.order-title{color:var(--brand);letter-spacing:.02em;font-size:.92rem;font-weight:900}.order-text{margin:0;font-size:1.08rem;font-weight:700}.order-reward{color:var(--gold);margin:0;font-weight:800}.reward{position:relative;overflow:hidden}.reward-emoji{font-size:58px;animation:.55s cubic-bezier(.2,1.4,.4,1) rewardPop}@keyframes rewardPop{0%{opacity:0;transform:scale(0)}65%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.confetti{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti i{opacity:0;border-radius:2px;width:8px;height:13px;animation:2.6s ease-in both confettiFall;position:absolute;top:-14px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}85%{opacity:.95}to{opacity:0;transform:translateY(560px)rotate(540deg)}}.citizen-card{border-radius:var(--r-md);background:#f3f7ef;border:1.5px solid #bfdcc6;flex-direction:column;align-items:center;gap:2px;margin-top:6px;padding:12px 18px;display:flex}.citizen-card-emoji{font-size:44px;line-height:1.15;animation:.6s cubic-bezier(.2,1.4,.4,1) .15s both rewardPop}.citizen-card-name{margin:2px 0 0;font-size:1.05rem}.reward h2{margin:4px 0;font-weight:900}.reward-line{font-size:var(--fs-lg);color:var(--gold);margin:0;font-weight:800}.levelup{border-radius:var(--r-md);background:#eef6ef;border:1.5px solid #bfdcc6;margin-top:6px;padding:10px 16px}.levelup p{margin:4px 0}.game{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);width:100%;max-width:620px;margin:0 auto;padding:18px 22px 28px}.game-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.game-top-right{flex:none;align-items:center;gap:8px;display:flex}.mute-btn{padding:4px 9px;font-size:1rem;line-height:1}.game-title{font-weight:800;font-size:var(--fs-md);overflow-wrap:anywhere;flex:auto;min-width:0;line-height:1.25}.game-meta{font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums;font-weight:700}.game-top .btn.sm{min-height:36px;position:relative}.game-top .btn.sm:after{content:"";width:max(100%, var(--tap));height:max(100%, var(--tap));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress{background:var(--surface-2);border:1px solid var(--line);border-radius:99px;height:7px;margin:12px 0 8px;overflow:hidden}.progress-bar{background:var(--brand-2);border-radius:99px;height:100%;transition:width .3s}.game-body{flex-direction:column;align-items:center;gap:18px;padding-top:18px;display:flex}.prompt{text-align:center;justify-content:center;align-items:center;min-height:2.6em;margin:0;font-size:max(1.1rem,min(3.5vw,1.45rem));font-weight:800;display:flex}.prompt--repeat{color:var(--muted);min-height:1.6em;font-size:max(.85rem,min(2.4vw,1rem));font-weight:600}.tts-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;vertical-align:middle;box-shadow:var(--shadow-sm);border-radius:99px;margin-right:10px;padding:4px 9px;font-size:1rem}.tts-btn,.mute-btn{min-width:32px;min-height:32px;position:relative}.tts-btn:after,.mute-btn:after{content:"";width:max(100%, var(--tap));height:max(100%, var(--tap));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover){.tts-btn:hover{border-color:var(--brand-2)}}.tts-btn:active{transform:scale(.94)}.stimulus,.stimulus--hidden{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);justify-content:center;align-items:center;width:100%;max-width:560px;height:340px;padding:18px 24px;line-height:normal;display:flex;overflow:hidden}.stimulus>*,.stimulus--hidden>*{max-width:100%;max-height:100%}.stimulus svg{width:auto;max-width:100%;height:auto;max-height:100%}.stimulus--hidden{flex-direction:column;gap:6px;animation:.25s fadeIn}.hidden-spark{font-size:40px}.hidden-ask{color:var(--muted);font-size:1.05rem;font-weight:800}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.choices{gap:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.choice{border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);min-width:84px;min-height:56px;color:var(--ink);font-family:var(--font);cursor:pointer;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;padding:16px 22px;font-size:1.55rem;font-weight:800;transition:all .15s}@media (hover:hover){.choice:hover:not(:disabled){border-color:var(--brand-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.choice:active:not(:disabled){transform:scale(.97)}.choice:disabled{cursor:default}.choice.correct{background:var(--ok);border-color:var(--ok);color:#fff;animation:.4s cubic-bezier(.2,1.2,.4,1) correctPop}@keyframes correctPop{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}.choice.wrong{background:var(--no);border-color:var(--no);color:#fff;animation:.4s shake}.choice.dim{color:var(--muted);background:var(--surface-2);border-color:var(--line);box-shadow:none}.choice.dim .choice-visual{opacity:.55;filter:grayscale(.6)}.choice--visual{flex:0 250px;min-width:0;max-width:250px;padding:10px 12px;line-height:0}.choice-visual{justify-content:center;align-items:center;min-width:0;max-width:100%;display:inline-flex}.choice-visual svg{max-width:104px;height:auto;max-height:104px}.choice-visual>*{max-width:100%}.stimulus>*{min-width:0;max-width:100%}.choice.correct .choice-visual,.choice.wrong .choice-visual{filter:saturate(1.1)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.tap-obj{border-radius:var(--r-md);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:3px solid #0000;justify-content:center;align-items:center;padding:2px;line-height:0;transition:transform .12s,border-color .15s,background .15s;animation:3.2s ease-in-out infinite objBob;display:inline-flex;position:relative}.tap-obj:after{content:"";width:max(100%, var(--tap));height:max(100%, var(--tap));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover){.tap-obj:hover{transform:translateY(-2px)scale(1.04)}}.tap-obj:active{animation:none;transform:scale(.82)}.tap-obj:focus-visible{outline:3px solid var(--brand-2);outline-offset:2px}.tap-obj--counted{border-color:var(--ok);background:#2c6e491a;animation:none}.no-idle .tap-obj,.no-idle .anim-bob,.no-idle .anim-flutter,.no-idle .hero-bob{animation:none}.tap-check{background:var(--ok-ink);color:#fff;text-align:center;width:20px;height:20px;box-shadow:var(--shadow-sm);border-radius:50%;font-size:12px;font-weight:900;line-height:20px;animation:.28s pop;position:absolute;top:-4px;right:-4px}.count-tally{z-index:2;background:var(--brand);color:#fff;font-weight:900;font-size:var(--fs-md);box-shadow:var(--shadow-sm);border-radius:99px;padding:3px 12px;animation:.25s pop;position:absolute;top:-14px;right:-6px}@keyframes objBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tap-obj,.tap-check,.count-tally{animation:none}}.anim-bird{animation:26s linear infinite birdFly}.anim-cloud{animation:34s ease-in-out infinite alternate cloudDrift}.anim-bob{animation:2.6s ease-in-out infinite townBob}.anim-duck{animation:7s ease-in-out infinite duckDrift}.anim-flutter{animation:6s ease-in-out infinite flutter}@keyframes birdFly{0%{transform:translate(0)}25%{transform:translate(312px,-16px)}50%{transform:translate(625px,4px)}75%{transform:translate(938px,-12px)}to{transform:translate(1250px)}}@keyframes cloudDrift{0%{transform:translate(-14px)}to{transform:translate(34px)}}@keyframes townBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}@keyframes duckDrift{0%,to{transform:translate(0)}50%{transform:translate(16px)}}@keyframes flutter{0%,to{transform:translate(0)}25%{transform:translate(6px,-9px)}50%{transform:translate(11px,-3px)}75%{transform:translate(4px,-12px)}}@media (prefers-reduced-motion:reduce){.anim-bird,.anim-cloud,.anim-bob,.anim-duck,.anim-flutter{animation:none}}.glow-pulse{animation:1.2s ease-in-out infinite glowPulse}@keyframes glowPulse{0%,to{opacity:.55}50%{opacity:1}}.spark{transform-box:fill-box;transform-origin:50%;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;animation:1.9s ease-out infinite sparkRise}@keyframes sparkRise{0%{opacity:0;transform:translateY(8px)scale(.4)}22%{opacity:1}to{opacity:0;transform:translateY(-44px)scale(1.15)}}.bld--celebrate .bld-win{animation:.7s both winOn}@keyframes winOn{0%{opacity:.25}60%{opacity:1;filter:brightness(1.7)}to{opacity:1;filter:brightness()}}.citizen-arrive{transform-box:fill-box;transform-origin:50%;animation:.7s cubic-bezier(.2,1.4,.4,1) both arrivePop}@keyframes arrivePop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}.arrive-balloon{animation:.5s .5s both balloonIn}@keyframes balloonIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.glow-pulse,.spark,.bld--celebrate .bld-win,.citizen-arrive,.arrive-balloon{animation:none}.arrive-balloon{opacity:1}}.morning-emoji{font-size:54px;animation:.55s cubic-bezier(.2,1.4,.4,1) rewardPop}.morning-extra{max-width:420px}.town-hero{transition:transform 1.6s cubic-bezier(.34,.02,.2,1);animation:.45s heroFade}.hero-bob{animation:1.4s ease-in-out infinite heroBob}.next-ring{animation:1.8s ease-in-out infinite nextPulse,7s linear infinite nextSpin}@keyframes heroBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes heroFade{0%{opacity:0}to{opacity:1}}@keyframes nextPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes nextSpin{to{stroke-dashoffset:-160px}}@media (prefers-reduced-motion:reduce){.town-hero{transition:none;animation:none}.hero-bob,.next-ring{animation:none}}.avatar-pick .avatar-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 4px;display:grid}.avatar-opt{border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);cursor:pointer;min-height:var(--tap);min-width:var(--tap);-webkit-tap-highlight-color:transparent;padding:10px 6px;font-size:38px;line-height:1;transition:transform .12s,border-color .12s,background .12s}@media (hover:hover){.avatar-opt:hover{border-color:var(--brand-2);transform:translateY(-3px)scale(1.07)}}.avatar-opt:active{transform:scale(.95)}.avatar-opt--on{border-color:var(--brand-2);background:var(--surface-2)}.feedback{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.feedback .ok{color:var(--ok-ink);font-weight:800;font-size:var(--fs-lg)}.feedback .no{color:var(--no-ink);font-weight:800;font-size:var(--fs-lg)}.feedback .hint{color:var(--ink);background:#fdf3d7;border:1.5px solid #e3c46a;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:1.02rem;font-weight:700;display:inline-flex}.tts-btn--sm{padding:2px 6px;font-size:.95rem}.choice-mark-wrap{align-items:center;gap:6px;display:inline-flex}.choice-mark{font-size:1.2rem;font-weight:900}.btn{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--font);cursor:pointer;font-weight:800;font-size:var(--fs-md);min-height:var(--tap);box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:6px;padding:12px 22px;line-height:1.25;transition:border-color .15s,box-shadow .15s,transform .12s;display:inline-flex}@media (hover:hover){.btn:hover{border-color:var(--brand-2);box-shadow:var(--shadow-md)}.btn.primary:hover{background:var(--brand-2);border-color:var(--brand-2)}.btn.ghost:hover{box-shadow:none;background:var(--surface-2)}}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.ghost{box-shadow:none;background:0 0}.panel>.btn.ghost,.panel>.btn-back{align-self:flex-start}.center .btn.ghost,.intro-card .btn.ghost,.center .btn-back,.intro-card .btn-back{align-self:center}.btn.sm{font-size:var(--fs-xs);padding:8px 14px}.big-btn{padding:14px 30px;font-size:1.05rem}.btn-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:6px;display:flex}.intro-card>div:has(>.btn){margin-top:6px}.center>div:has(>.btn){margin-top:6px}.btn-back{box-shadow:none;font-size:var(--fs-sm);min-height:var(--tap);background:0 0;padding:8px 14px}.btn:disabled,.btn[aria-disabled=true],.btn.primary:disabled,.btn.primary[aria-disabled=true]{background:var(--surface-2);color:var(--muted);border-color:var(--line);box-shadow:none;cursor:not-allowed;pointer-events:none;border-style:dashed;transform:none}.btn[aria-busy=true]{pointer-events:none;color:var(--muted);padding-left:34px;position:relative}.btn[aria-busy=true]:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;margin-top:-7px;animation:.8s linear infinite spin;position:absolute;top:50%;left:12px}@keyframes spin{to{transform:rotate(360deg)}}.status-text{color:var(--muted);font-weight:700;font-size:var(--fs-md);align-items:center;gap:8px;margin:0;display:flex}.status-text[aria-busy=true]:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}.status-text--error{color:var(--no-ink)}.hud-adult{cursor:pointer;font-family:var(--font)}@media (hover:hover){.hud-adult:hover{border-color:var(--brand-2)}}.adult-check .adult-row{justify-content:center;align-items:center;gap:8px;display:flex}.adult-input{border-radius:var(--r-md);border:2px solid var(--line);width:110px;font:800 1.3rem var(--font);text-align:center;background:var(--surface);padding:12px 14px}.adult-input:focus{outline:3px solid var(--brand-2);outline-offset:1px}.adult-section{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:14px;display:flex}.adult-title{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:.78rem;font-weight:800}.adult-line{margin:0}.student-list{flex-wrap:wrap;gap:8px;display:flex}.adult-table-wrap{overflow-x:auto}.adult-table{border-collapse:collapse;width:100%;font-size:.9rem}.adult-table th,.adult-table td{text-align:left;border-bottom:1px solid var(--line);padding:6px 10px}.adult-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.74rem}.adult-table .row-soon{color:var(--muted)}.adult-map .map-row{cursor:pointer}@media (hover:hover){.adult-map .map-row:hover td{background:var(--surface-2)}}.adult-map .map-row:focus-visible{outline:2px solid var(--brand-2);outline-offset:-2px}.adult-map .map-row--on td{background:var(--surface-2);font-weight:700}.adult-map .map-detail td{background:var(--surface-2);padding:4px 10px 12px}.map-levels{columns:240px;column-gap:22px;margin:0;padding:0;list-style:none}.map-levels li{color:var(--muted);break-inside:avoid;margin-bottom:2px;font-size:.82rem;line-height:1.5}.map-levels .lv-n{background:var(--surface);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:4px;place-items:center;min-width:17px;height:17px;margin-right:5px;font-size:.68rem;font-weight:700;display:inline-grid}.map-levels .lv-now{color:var(--ink);font-weight:800}.map-levels .lv-now .lv-n{background:var(--brand-2);color:#fff;border-color:var(--brand-2)}.map-levels .lv-here{color:var(--brand);font-size:.76rem;font-weight:700}.book-stats{flex-wrap:wrap;gap:10px;display:flex}.book-stat{border-radius:var(--r-md);background:var(--surface);border:2px solid var(--line);flex-direction:column;align-items:center;gap:2px;min-width:108px;padding:12px 14px;display:flex}.book-stat-icon{font-size:1.5rem}.book-stat-value{color:var(--ink);font-size:1.5rem;font-weight:900;line-height:1.1}.book-stat-label{font-size:var(--fs-xs);color:var(--muted);text-align:center;font-weight:700;line-height:1.5}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.badge{text-align:center;border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);flex-direction:column;align-items:center;gap:3px;padding:12px 8px;display:flex}.badge--on{border-color:var(--gold);background:#fdf6e0}.badge--off .badge-icon{opacity:.45;filter:grayscale(.6)}.badge-icon{font-size:1.7rem}.badge-name{font-size:var(--fs-xs);font-weight:800}.badge--off .badge-name{color:var(--muted)}.badge-hint{font-size:var(--fs-xs);color:var(--muted);line-height:1.5}.citizen-row{flex-wrap:wrap;gap:8px;display:flex}.citizen-chip{background:var(--surface);border:1.5px solid var(--line);font-size:var(--fs-sm);border-radius:99px;padding:6px 12px;font-weight:700}.citizen-chip--card{border-radius:var(--r-md);flex-direction:column;gap:1px;max-width:240px;padding:8px 14px;display:flex}.citizen-chip--card .cz-line{align-items:center;gap:6px;display:flex}.citizen-chip--card .cz-story{font-size:var(--fs-xs);color:var(--muted);font-weight:600;line-height:1.5}.reward-badge{border-radius:var(--r-md);border:2px solid var(--gold);background:#fdf6e0;margin:6px 0 0;padding:8px 14px;font-size:.98rem}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.decor-card{text-align:center;border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}.decor-card--owned{border-color:var(--gold);background:#fdf6e0}.decor-icon{font-size:2rem}.decor-name{font-size:var(--fs-sm);font-weight:800}.decor-owned{font-size:var(--fs-xs);color:var(--gold);font-weight:800}.decor-need{font-size:var(--fs-xs);color:var(--muted);line-height:1.5}@media (max-width:900px){.app{padding:16px 14px 32px}.panel-icon{font-size:42px}}@media (max-width:640px){.app{padding:10px 10px 24px}.hud{flex-wrap:wrap;row-gap:6px}.hud-brand{font-size:1.15rem}.hud-brand .sm-text{display:none}.hud-chip{padding:5px 11px;font-size:.85rem}.card{padding:18px 14px}.panel-head h2{font-size:1.25rem}.panel-stats{flex-direction:column}.stat{min-width:0}.game{padding:12px 10px 20px}.game-title{font-size:.85rem}.stimulus,.stimulus--hidden{padding:14px 12px}.choice{flex:26%;min-width:64px;min-height:56px;padding:12px 10px;font-size:1.35rem}.choices>.choice:first-child:nth-last-child(4):not(.choice--visual),.choices>.choice:first-child:nth-last-child(4)~.choice:not(.choice--visual),.choices>.choice:first-child:nth-last-child(2):not(.choice--visual),.choices>.choice:first-child:nth-last-child(2)~.choice:not(.choice--visual),.choices[data-n="4"]>.choice:not(.choice--visual),.choices[data-n="2"]>.choice:not(.choice--visual){flex-basis:calc(50% - 6px)}.choice--visual{flex:100%;max-width:100%}.big-btn{width:100%}.feedback{flex-direction:column;gap:8px}.feedback .btn{width:100%}.foot{font-size:var(--fs-sm)}}@media (min-width:641px) and (max-height:760px){.app{padding-top:12px;padding-bottom:16px}.game{padding:12px 18px 18px}.progress{margin:8px 0 6px}.game-body{gap:12px;padding-top:12px}.prompt{min-height:2em}}@media (max-height:559px){.app{padding-top:8px;padding-bottom:12px}.hud{padding-bottom:6px}.game{padding:8px 14px 14px}.game-top{gap:6px}.progress{height:5px;margin:6px 0 4px}.game-body{gap:8px;padding-top:8px}.prompt{min-height:1.6em;font-size:max(1rem,min(3vw,1.2rem))}.stimulus,.stimulus--hidden{height:260px;padding:10px 16px}.choice{min-height:52px;padding:10px 16px;font-size:1.3rem}.feedback{gap:8px}.feedback .hint{font-size:var(--fs-md);padding:6px 12px}.intro-card{gap:6px;padding:16px 18px}.intro-card h2{font-size:1.25rem}.session-intro .si-icon{font-size:36px}.avatar-opt{padding:6px 4px;font-size:30px}.panel-icon{font-size:36px}}@media (min-width:1000px) and (max-height:820px){.town-map{height:calc(100vh - 170px);width:auto;max-width:100%;height:calc(100svh - 170px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.arrive-balloon{opacity:1}}.motion-off,.motion-off *{transition:none!important;animation:none!important}.motion-off .arrive-balloon,.motion-off .glow-pulse{opacity:1}@media (pointer:coarse){.anim-flutter{animation:none}}.prompt:focus,.feedback:focus,h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1.hud-brand{font-weight:inherit;margin:0;line-height:1.2}.hud-stat{min-height:var(--tap);font-weight:800;font-size:var(--fs-md);color:var(--muted);align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.hud-gate-label{font-size:var(--fs-xs);color:var(--muted);font-weight:800}@media (max-width:640px){.hud-gate-label{display:none}.hud-stat{padding:5px 6px;font-size:.85rem}}.map-guide{width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--ink);box-shadow:var(--shadow-sm);background:#fdf3d7;border:1.5px solid #e3c46a;border-radius:99px;margin:0 auto 10px;padding:8px 16px;font-weight:800;animation:1.8s ease-in-out infinite guidePulse}@keyframes guidePulse{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 0 6px #e8a33d40}}.no-idle .map-guide{animation:none}.reward-sub{color:var(--muted);margin:0 0 4px;font-weight:700}.earned{text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;gap:8px;width:100%;max-width:460px;margin:10px 0 4px;padding:10px 14px;list-style:none;display:flex}.earned-row{align-items:center;gap:10px;font-weight:700;line-height:1.4;display:flex}.earned-icon{text-align:center;flex:none;width:1.8em;font-size:1.25em}.earned-row--lead{font-size:var(--fs-lg);font-weight:800}.earned-row--gold,.earned-row--badge{color:var(--gold);font-weight:800}.earned-row--step{color:var(--brand);font-weight:800}.earned-row--muted{color:var(--muted)}.earned-row--citizen{align-items:flex-start}.earned-citizen-text{flex-direction:column;gap:2px;display:flex}.reward-actions{margin-top:10px}.next-stop-btn{white-space:normal}.intro-emoji{font-size:54px}.avatar-pick-head{font-size:46px;line-height:1.1}.lang-pick-head{font-size:40px}.lang-grid{flex-direction:column;gap:10px;width:100%;max-width:280px;display:flex}.lang-opt{width:100%;font-size:var(--fs-lg)}.lang-opt--on{border-color:var(--brand);background:var(--surface-2)}.si-how{border-radius:var(--r-md);background:var(--surface-2);border:1px dashed var(--line);font-weight:700;font-size:var(--fs-md);margin:0;padding:8px 12px;line-height:1.5}[aria-pressed=true].is-speaking{border-color:var(--brand-2);background:var(--surface-2)}.is-speaking{animation:1.2s ease-in-out infinite speakPulse}@keyframes speakPulse{0%,to{box-shadow:0 0 #2c6e4900}50%{box-shadow:0 0 0 5px #2c6e492e}}@media (forced-colors:active){.avatar-opt--on,.lang-opt--on{outline-offset:2px;outline:3px solid highlight}}.bld--pending .bld-art{filter:drop-shadow(0 0 2px #f2c14e)drop-shadow(0 0 5px #f2c14eb3)}@media (forced-colors:active){.bld--pending .bld-art{filter:none}}.consolidate-line{margin:6px 0 0}.gs-range{line-height:1.6}.gs-block{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 14px}.gs-h{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:.78rem;font-weight:800}.gs-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;line-height:1.55;display:flex}.gs-list li::marker{color:var(--brand)}.gs-list a{color:var(--brand)}.gs-table td{vertical-align:top}.gs-note{margin:0;line-height:1.5}@media print{@page{margin:14mm}html,body{color:#000!important;background:#fff!important}.app{max-width:none;min-height:0;padding:0;display:block}.hud,.btn,.btn-row,.btn-back,.tts-btn,.mute-btn,.adult-input,.adult-check .adult-row,.student-list,.foot,.map-wrap,.intro-overlay,[data-print=hide],.no-print{display:none!important}.card,.panel,.gs-block,.adult-section,.adult-table,.adult-table th,.adult-table td{color:#000!important;box-shadow:none!important;background:#fff!important;border-color:#999!important}.card{border:0;padding:0}.muted,.gs-h,.adult-title,.adult-line,.gs-note,.gs-list,.gs-range,.adult-table th{color:#000!important}.gs-h,.adult-title{border-bottom:1px solid #000;padding-bottom:2px}.adult-table-wrap{overflow:visible!important}.adult-table{width:100%;font-size:10.5pt}.adult-table th,.adult-table td{border-bottom:1px solid #999;padding:4px 6px}.adult-map .map-detail td{background:#fff!important}.gs-block,.adult-section,.adult-table tr,.gs-list li{break-inside:avoid;page-break-inside:avoid}.adult-section{border-top:1px solid #000;margin-top:8px;padding-top:8px}.gs-list a{color:#000;text-decoration:none}.gs-list a[href^=http]:after{content:" (" attr(href) ")";color:#333;font-size:8.5pt}.print-only{display:block!important}.print-break{break-before:page;page-break-before:always}}@media screen{.print-only{display:none}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.adult-panel h3.adult-title{margin:0}.adult-panel .btn-back{align-self:flex-start}.adult-link{color:var(--brand);font-weight:700}.build-label{text-align:center;margin:var(--sp-2) 0 0}.nowrap{white-space:nowrap}.setting-row{gap:var(--sp-2) 16px;padding:var(--sp-2) 0;border-bottom:1px dashed var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.setting-row:last-child{border-bottom:0}.setting-title{font-weight:800;font-size:var(--fs-md)}.setting-desc{margin:2px 0 0;line-height:1.45}.setting-ctl{justify-self:end}@media (max-width:640px){.setting-row{grid-template-columns:1fr}.setting-ctl{justify-self:start}}.setting-group{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-2) 14px;background:var(--surface)}.setting-group-h{font-size:var(--fs-sm);margin-bottom:2px;font-weight:800}.setting-banner{gap:var(--sp-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.seg{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg-opt{font:inherit;font-weight:800;font-size:var(--fs-xs);min-height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:8px 14px}.seg-opt+.seg-opt{border-left:1px solid var(--line)}.seg-opt--on{background:var(--brand);color:#fff}.seg-opt:focus-visible{outline:3px solid var(--brand-2);outline-offset:-3px}.seg-opt:disabled{color:var(--muted);background:var(--surface-2);cursor:not-allowed}.seg-opt--on:disabled{background:var(--line);color:var(--ink)}.adult-fold>summary{cursor:pointer;min-height:var(--tap,44px);align-items:center;gap:6px;list-style:none;display:flex}.adult-fold>summary::-webkit-details-marker{display:none}.adult-fold>summary:before{content:"▸";color:var(--brand);font-size:.9rem}.adult-fold[open]>summary:before{content:"▾"}.adult-fold>summary:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px;border-radius:6px}.adult-fold-body{gap:var(--sp-2);flex-direction:column;display:flex}.adult-warn{color:var(--no-ink);margin:0;font-weight:700}.adult-chip{background:var(--brand);color:#fff;vertical-align:1px;border-radius:999px;margin:0 4px 2px 6px;padding:1px 8px;font-size:.74rem;font-weight:800;display:inline-block}.adult-chip--soft{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.adult-chip--ok{background:var(--ok-ink);color:#fff}.sync-list{flex-direction:column;gap:3px;margin:0;padding-left:20px;line-height:1.5;display:flex}.btn-row--start{justify-content:flex-start;margin-top:0}.plan-box{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);gap:var(--sp-2);flex-direction:column;padding:10px 14px;display:flex}.confirm-box{border:1px dashed var(--no-ink);border-radius:var(--r-sm);background:var(--surface);flex-direction:column;gap:6px;max-width:520px;padding:8px 10px;display:inline-flex}.confirm-q{font-size:var(--fs-sm);line-height:1.45}.confirm-row{justify-content:flex-start;margin-top:0}.btn.btn-danger{background:var(--no-ink);border-color:var(--no-ink);color:#fff}.danger-zone{border-top:1px solid var(--line);margin-top:var(--sp-2)}.gate-form{gap:var(--sp-2);flex-direction:column;align-items:center;width:100%;max-width:420px;display:flex}.gate-lead{text-align:center;margin:0;line-height:1.5}.gate-icon{font-size:40px}.gate-words{font-size:var(--fs-xl);text-align:center;margin:0;font-weight:800}.gate-field{font-size:var(--fs-sm);flex-direction:column;gap:4px;font-weight:700;display:flex}.gate-field--row{flex-flow:wrap;align-items:center;gap:8px}.adult-input--wide{width:min(260px,100%)}.adult-input--num{width:90px}.adult-input--date{width:auto}.adult-select{font:inherit;font-size:var(--fs-sm);border:2px solid var(--line);border-radius:var(--r-sm);background:var(--surface);max-width:280px;min-height:40px;color:var(--ink);padding:8px 10px}.adult-select:focus{outline:3px solid var(--brand-2);outline-offset:1px}.file-btn{cursor:pointer;position:relative}.roster-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.roster-row{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.roster-row--on{border-color:var(--brand-2);box-shadow:inset 3px 0 0 var(--brand)}.roster-edit,.roster-add{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hist-filters{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.hist-table td{vertical-align:top}.gs-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.map-toggle{font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;min-height:32px;padding:4px 2px;font-weight:800}.map-toggle:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px;border-radius:4px}.lv-down{color:var(--no-ink);font-weight:800}.map-levels .lv-build{color:var(--muted);font-size:.76rem;font-weight:700}.lv-explain{color:var(--ink);margin:4px 0 8px}.lv-actions{flex-direction:column;gap:8px;margin-top:10px;display:flex}.override{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.override-fields{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.lv-notes{color:var(--muted);margin:8px 0 0;padding-left:18px;font-size:.8rem}.guide-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.guide-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);padding:10px 14px}.guide-h{font-size:var(--fs-md);margin:0 0 4px;font-weight:800}.guide-card p{margin:0;line-height:1.5}.privacy-h{font-size:var(--fs-sm);margin:6px 0 2px;font-weight:800}.privacy-body a{color:var(--brand);font-weight:700}@media print{.adult-fold:not([open]){display:none!important}.adult-fold>summary:before{content:none}.adult-chip,.adult-chip--soft,.adult-chip--ok{border:1px solid #999;color:#000!important;background:#fff!important}.hist-table{font-size:9.5pt}.print-head{margin:0 0 6px;font-weight:800}}