:root{--paper:#f4f1e8;--surface:#fffdf8;--surface-2:#f8f4ea;--line:#e4ddcb;--ink:#26221a;--muted:#7d7566;--brand:#2c6e49;--brand-2:#3d8b60;--gold:#b9861f;--blue:#0072b2;--ok:#009e73;--no:#d55e00;--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}*{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}.app{max-width:880px;min-height:100%;margin:0 auto;padding:20px 16px 40px}.app--town{max-width:1060px}: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:12px;padding:4px 2px 14px;display:flex}.hud-brand{letter-spacing:-.01em;align-items:baseline;gap:8px;font-size:1.3rem;display:flex}.hud-brand strong{font-weight:900}.hud-stats{flex-wrap:wrap;gap:8px;display:flex}.hud-chip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:99px;padding:6px 14px;font-size:.92rem;font-weight:800}.hud-child{color:var(--brand)}.map-wrap{border-radius:var(--r-lg);box-shadow:var(--shadow-lg);-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto}.town-map{border-radius:var(--r-lg);border:1px solid var(--line);background:#d7e9f2;width:100%;min-width:760px;height:auto;display:block}.district-label{font-family:var(--font);fill:#fff;letter-spacing:.02em;font-size:15.5px;font-weight:900}.bld{cursor:default}.bld--open{cursor:pointer}.bld--open:hover .bld-name{fill:var(--brand)}.bld--soon{pointer-events:none}.bld-icon{-webkit-user-select:none;user-select:none}.bld-name{font-family:var(--font);fill:#262014;paint-order:stroke;stroke:#fffdf8f2;stroke-width:4.5px;letter-spacing:.01em;font-size:15.5px;font-weight:900}.bld-name--soon{fill:#6f6551;font-weight:800}.foot{text-align:center;color:var(--muted);margin-top:16px;font-size:.84rem}.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;flex-direction:column;align-items:center;gap:8px;display:flex}.big{font-size:1.3rem;font-weight:800}.muted{color:var(--muted)}.sm-text{margin:2px 0 0;font-size:.88rem}.panel{flex-direction:column;gap:16px;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{flex-wrap:wrap;gap:12px;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{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:.74rem;font-weight:800}.stat-value{font-size:1.25rem;font-weight:900}.stat-sub{color:var(--muted);font-size:.85rem}.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-emoji{font-size:58px}.reward h2{margin:4px 0;font-weight:900}.reward-line{color:var(--gold);margin:0;font-size:1.12rem;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);padding:16px 18px 26px}.game-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.game-title{font-size:.95rem;font-weight:800}.game-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:700}.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;margin:0;font-size:clamp(1.1rem,3.5vw,1.45rem);font-weight:800}.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:hover{border-color:var(--brand-2)}.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;min-height:250px;padding:20px 28px;display:flex}.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{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.choice{border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);min-width:84px;color:var(--ink);font-family:var(--font);cursor:pointer;box-shadow:var(--shadow-sm);padding:16px 22px;font-size:1.55rem;font-weight:800;transition:all .15s}.choice:hover:not(:disabled){border-color:var(--brand-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.choice.correct{background:var(--ok);border-color:var(--ok);color:#fff}.choice.wrong{background:var(--no);border-color:var(--no);color:#fff;animation:.4s shake}.choice.dim{opacity:.35}.choice--visual{min-width:0;max-width:100%;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)}}.feedback{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.feedback .ok{color:var(--ok);font-size:1.1rem;font-weight:800}.feedback .no{color:var(--no);font-size:1.1rem;font-weight:800}.feedback .hint{color:var(--muted);font-size:.9rem}.btn{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--font);cursor:pointer;box-shadow:var(--shadow-sm);padding:12px 22px;font-size:.95rem;font-weight:800;transition:border-color .15s,box-shadow .15s}.btn:hover{border-color:var(--brand-2);box-shadow:var(--shadow-md)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-2);border-color:var(--brand-2)}.btn.ghost{box-shadow:none;background:0 0;align-self:flex-start}.btn.sm{padding:7px 12px;font-size:.82rem}.big-btn{align-self:center;margin-top:6px;padding:14px 30px;font-size:1.05rem}.hud-adult{cursor:pointer;font-family:var(--font)}.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);opacity:.7}@media (width<=900px){.app{padding:16px 14px 32px}.panel-icon{font-size:42px}}@media (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{min-height:170px;padding:14px 12px}.choice{flex:26%;min-width:64px;min-height:56px;padding:12px 10px;font-size:1.35rem}.choice--visual{flex:100%}.btn{min-height:44px}.big-btn{width:100%}.feedback{flex-direction:column;gap:8px}.feedback .btn{width:100%}.foot{font-size:.76rem}}@media (pointer:coarse){.choice:hover:not(:disabled){transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}