:root{--bg:#07111d;--panel:#0e1d2b;--panel2:#12283a;--line:#20384c;--ink:#f4f8fb;--muted:#9fb2c2;--accent:#35e58f;--accent2:#61a5ff;--warn:#ffd166;--bad:#ff6b6b;--shadow:0 20px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 80% 0,#132a40 0,#07111d 40%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh;padding-bottom:92px}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:20;background:rgba(7,17,29,.88);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;background:none;border:0;font-size:17px;cursor:pointer}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--accent),#16b8e8);display:grid;place-items:center;color:#041219;font-weight:950}.profile-chip{display:flex;flex-direction:column;text-align:right;font-size:12px;color:var(--muted)}.profile-chip b{color:var(--ink);font-size:14px}main{width:min(1180px,calc(100% - 28px));margin:28px auto 50px}.loading,.empty{padding:50px;text-align:center;color:var(--muted)}.hero{display:grid;grid-template-columns:1.2fr 1fr;min-height:390px;background:linear-gradient(120deg,#0d2232,#0b1725);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.hero-media{min-height:360px;position:relative;overflow:hidden}.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#0d2232)}.hero-copy{padding:48px 42px;display:flex;flex-direction:column;justify-content:center}.eyebrow,.code{font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,5vw,62px);line-height:.98;letter-spacing:-.05em;margin-bottom:18px}h2{font-size:28px;letter-spacing:-.035em}.hero-copy p,.lead{color:#c6d4de;font-size:17px;line-height:1.6}.hero-actions,.flex{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:13px;padding:13px 18px;font-weight:850;background:var(--accent);color:#042016;cursor:pointer;box-shadow:0 7px 24px rgba(53,229,143,.12)}.btn.secondary{background:#172d40;color:var(--ink);border:1px solid #29445a}.btn.small{padding:9px 12px}.btn:disabled{opacity:.4;cursor:not-allowed}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 28px}.metric{background:rgba(14,29,43,.82);border:1px solid var(--line);border-radius:16px;padding:17px}.metric span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.metric b{font-size:24px}.metric.energy b{color:var(--warn)}.coach{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center;background:linear-gradient(90deg,rgba(53,229,143,.09),rgba(97,165,255,.06));border:1px solid rgba(53,229,143,.22);border-radius:20px;padding:22px;margin:20px 0}.coach p{margin:0;color:#c7d5df;line-height:1.5}.quest-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 30px}.quest-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.quest-card.done{border-color:rgba(53,229,143,.45)}.quest-title{display:flex;justify-content:space-between;font-weight:900;margin-bottom:12px}.quest-title b{color:var(--warn)}.quest-task{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.05);font-size:13px}.quest-task span{color:#c8d5dd}.quest-foot{font-size:11px;color:var(--muted);margin-top:10px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:30px 0 14px}.section-head.compact{margin-top:34px}.section-head p{color:var(--muted);margin:5px 0 0}.mode-chip,.energy-pill{background:#14283a;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#cfe0ea;font-size:12px}.energy-pill{color:var(--warn);font-weight:900}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card,.module,.game-card{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),#0a1825);border-radius:18px;text-align:left;padding:20px;cursor:pointer}.card h3,.module h3,.game-card h3{margin:8px 0 7px}.card p,.module p,.game-card p{color:var(--muted);line-height:1.45;font-size:13px}.arrow{margin-top:14px;color:var(--accent);font-weight:850}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.module{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:13px}.module-icon{width:48px;height:48px;border-radius:14px;background:#142f43;display:grid;place-items:center;font-weight:950;color:var(--accent)}.session{max-width:780px;margin:30px auto}.session-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin-bottom:10px}.session-progress{height:5px;border-radius:99px;background:#14293a;overflow:hidden}.session-progress i{display:block;height:100%;background:var(--accent)}.question-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.question-card h2{font-size:34px;margin:12px 0 20px}.muted{color:var(--muted)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer{border:1px solid #294258;background:#13273a;border-radius:13px;padding:15px;cursor:pointer;font-weight:800;text-align:left}.answer.good{background:rgba(53,229,143,.16);border-color:var(--accent)}.answer.bad{background:rgba(255,107,107,.15);border-color:var(--bad)}.feedback{min-height:28px;color:#c7d4dd;margin-top:14px}.result{max-width:760px;margin:40px auto;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:32px}.score{font-size:76px;font-weight:950;letter-spacing:-.06em;margin:10px 0}.story-shot{position:relative;border-radius:20px;overflow:hidden;min-height:330px;background:#0a1622}.story-shot img,.story-shot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-shot .overlay{position:absolute;inset:auto 0 0;padding:50px 22px 20px;background:linear-gradient(transparent,rgba(3,10,17,.94));text-align:left}.victory-result .story-shot{margin:18px 0}.mission-list{display:grid;gap:10px;margin:20px 0}.mission-step{display:flex;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.mission-step span{display:flex;flex-direction:column;gap:5px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-card{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center}.game-card.disabled{opacity:.38}.game-icon{font-size:34px}.game-card small{color:#7e94a5}.game-stage{max-width:760px;margin:auto}.game-hud{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#0d1e2c;border:1px solid var(--line);border-radius:14px;padding:12px 15px;margin-bottom:10px}.pitch{height:430px;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(#156c3a,#0f562f);border:7px solid rgba(255,255,255,.65);box-shadow:var(--shadow)}.pitch:before,.pitch:after{content:"";position:absolute;inset:0 33.33%;border-left:2px dashed rgba(255,255,255,.25);border-right:2px dashed rgba(255,255,255,.25)}.goal-line{position:absolute;top:12px;left:36%;right:36%;height:45px;border:3px solid #fff;border-bottom:0;text-align:center;font-size:11px;padding-top:5px}.defender,.runner,.ball{position:absolute;transition:left .14s;transform:translateX(-50%)}.defender{top:37%;width:54px;height:54px;border-radius:50%;background:#ff6b6b;box-shadow:0 0 0 8px rgba(255,107,107,.12)}.runner{bottom:18%;width:52px;height:52px;border-radius:17px;background:var(--accent);color:#032015;font-weight:950;display:grid;place-items:center}.ball{bottom:11%;left:50%;font-size:28px}.lane-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.lane-controls button,.shoot-btn{border:1px solid var(--line);background:#13283a;border-radius:12px;padding:14px;font-weight:850;cursor:pointer}.shoot-btn{width:100%;margin-top:10px}.shoot-btn.hot{background:var(--accent);color:#052016;transform:scale(1.01)}#arena{display:block;width:min(100%,620px);aspect-ratio:1;margin:auto;border:1px solid var(--line);border-radius:24px;touch-action:none;background:#081725}.riddle-stage{max-width:700px;margin:auto;text-align:center}.reveal-frame{height:420px;background:#0b1723;border:1px solid var(--line);border-radius:24px;overflow:hidden;display:grid;place-items:center;margin-bottom:18px}.reveal-frame img{width:100%;height:100%;object-fit:cover;transition:.45s ease}.hint-box{margin:12px 0;padding:12px;border-radius:12px;background:#13283a;color:#c9d8e1}.chess-arena{display:grid;grid-template-columns:minmax(300px,500px) 1fr;gap:18px;align-items:start}.tap-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border:8px solid #182735;border-radius:10px;overflow:hidden}.sq{border:0;display:grid;place-items:center;font-size:clamp(24px,6vw,48px);aspect-ratio:1;cursor:pointer}.sq.light{background:#d8c8a8;color:#111}.sq.dark{background:#6f7d62;color:#111}.sq.selected{outline:5px solid var(--warn);z-index:2}.puzzle-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.hunt-banner{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid rgba(255,209,102,.35);background:rgba(255,209,102,.06);border-radius:18px;padding:18px;margin-top:16px}.checkpoint-list{display:grid;gap:10px;margin:20px 0}.checkpoint{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:15px}.checkpoint.done{border-color:var(--accent);opacity:.75}.checkpoint span{color:var(--muted);font-size:13px}.field-code{display:flex;gap:8px}.field-code input{flex:1;background:#0d1e2c;border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:14px}.safety-note{color:var(--muted);font-size:12px}.reward-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reward{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:17px}.cost{color:var(--warn);font-weight:900;margin:10px 0}.bottom-nav{position:fixed;z-index:30;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(620px,calc(100% - 22px));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(8,19,30,.94);border:1px solid #23384c;border-radius:18px;padding:7px;backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.35)}.bottom-nav button{background:none;border:0;border-radius:12px;padding:9px 5px;color:#8399aa;font-size:11px;font-weight:800}.bottom-nav button span{display:block;font-size:10px}.bottom-nav button.active{background:#14283a;color:var(--accent)}.toast{position:fixed;left:50%;bottom:98px;transform:translate(-50%,20px);background:#f5f9fb;color:#08111d;border-radius:12px;padding:10px 16px;font-weight:800;opacity:0;pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:780px){main{width:min(100% - 18px,720px);margin-top:14px}.hero{grid-template-columns:1fr;min-height:0}.hero-media{min-height:260px}.hero-media:after{background:linear-gradient(transparent 50%,#0d2232)}.hero-copy{padding:26px 20px}.metric-row{grid-template-columns:1fr 1fr}.coach,.quest-grid,.game-grid,.chess-arena{grid-template-columns:1fr}.cards,.reward-list{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr}.answers{grid-template-columns:1fr}.question-card h2{font-size:28px}.pitch{height:370px}.reveal-frame{height:340px}.section-head{align-items:start;flex-direction:column}.topbar{padding:0 12px}}
.dojo{height:360px;border-radius:24px;background:radial-gradient(circle at 50% 30%,#27425b,#0b1622 65%);border:1px solid var(--line);display:grid;place-items:center;align-content:center;gap:14px;box-shadow:var(--shadow)}.dojo-title{font-size:12px;letter-spacing:.2em;color:var(--accent);font-weight:950}.ninja-target{font-size:96px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.4))}.ninja-combo{font-weight:900;color:var(--warn)}.ninja-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.ninja-controls button{font-size:28px;background:#14283a;border:1px solid var(--line);border-radius:14px;padding:14px;cursor:pointer}

/* v2.4.2 — snappy learning feedback */
.answer{position:relative;overflow:hidden;transition:transform .11s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease}
.answer:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.answer:not(:disabled):active,.answer.pressed{transform:scale(.965)}
.answer.checking{border-color:rgba(97,165,255,.9);box-shadow:0 0 0 3px rgba(97,165,255,.12)}
.answer.good{box-shadow:0 0 0 3px rgba(53,229,143,.12),0 10px 28px rgba(53,229,143,.09)}
.answer.bad{box-shadow:0 0 0 3px rgba(255,107,107,.11)}
.answer-pop{animation:answerPop .3s cubic-bezier(.2,.9,.2,1)}
.answer-shake{animation:answerShake .28s ease}
.question-enter{animation:questionEnter .2s ease both}
.session-progress i{transition:width .22s ease}
.feedback{transition:opacity .15s ease,color .15s ease}
.feedback b{color:var(--accent);font-size:16px}
.feedback-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent2);margin-right:7px;vertical-align:1px;animation:feedbackPulse .65s ease-in-out infinite alternate}
@keyframes answerPop{0%{transform:scale(.965)}55%{transform:scale(1.035)}100%{transform:scale(1)}}
@keyframes answerShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}60%{transform:translateX(4px)}80%{transform:translateX(-2px)}}
@keyframes questionEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes feedbackPulse{from{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}
@media (prefers-reduced-motion:reduce){.answer,.session-progress i,.feedback{transition:none}.answer-pop,.answer-shake,.question-enter,.feedback-dot{animation:none}}
.session-loading{min-height:230px;display:flex;flex-direction:column;justify-content:center}
.loading-bar{height:7px;border-radius:99px;background:#14293a;overflow:hidden;margin:10px 0 18px}.loading-bar i{display:block;width:38%;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent2));animation:loadingSweep .9s ease-in-out infinite alternate}
@keyframes loadingSweep{from{transform:translateX(-15%)}to{transform:translateX(185%)}}
@media (prefers-reduced-motion:reduce){.loading-bar i{animation:none;width:100%;opacity:.7}}

/* =========================================================
   KampioenLab v2.5 — kid-first theme system
   Theme is parent-selected; education route and visual theme are independent.
   ========================================================= */
:root{--kid-radius:28px;--kid-shadow:0 14px 0 rgba(19,33,54,.08),0 24px 70px rgba(31,37,83,.16)}
html[data-theme="stadium"]{--bg:#eff7ff;--panel:#fff;--panel2:#f6fbff;--line:#d8e6f3;--ink:#14223a;--muted:#5f7187;--accent:#5bdc6c;--accent2:#4d5fff;--warn:#ffbf3c;--bad:#ff6464;--shadow:var(--kid-shadow)}
html[data-theme="strategy"]{--bg:#f5f0ff;--panel:#fff;--panel2:#fbf9ff;--line:#ded3f4;--ink:#251a42;--muted:#6c6082;--accent:#6f5cff;--accent2:#20c7b7;--warn:#ffb84d;--bad:#ff626d;--shadow:0 14px 0 rgba(68,47,124,.07),0 24px 70px rgba(60,40,120,.15)}
html[data-theme] body{background:var(--bg);color:var(--ink);background-image:radial-gradient(circle at 10% 0,rgba(255,255,255,.95),transparent 28%),radial-gradient(circle at 90% 5%,rgba(77,95,255,.12),transparent 25%)}
html[data-theme="stadium"] body:before,html[data-theme="strategy"] body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.65;background-size:46px 46px}
html[data-theme="stadium"] body:before{background-image:radial-gradient(circle,rgba(77,95,255,.08) 2px,transparent 2px)}
html[data-theme="strategy"] body:before{background-image:linear-gradient(45deg,rgba(111,92,255,.045) 25%,transparent 25%,transparent 75%,rgba(111,92,255,.045) 75%),linear-gradient(45deg,rgba(32,199,183,.04) 25%,transparent 25%,transparent 75%,rgba(32,199,183,.04) 75%);background-position:0 0,23px 23px}
html[data-theme] .topbar{height:76px;border:0;background:rgba(255,255,255,.82);box-shadow:0 8px 30px rgba(40,56,90,.06);backdrop-filter:blur(18px)}
html[data-theme] .brand{color:var(--ink);font-size:18px}.brand small{font-size:9px;letter-spacing:.13em;color:var(--muted);margin-left:4px}.brand-mark{border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--accent2),var(--accent));box-shadow:0 6px 0 rgba(38,54,110,.12)}
html[data-theme] .profile-chip{background:var(--panel2);border:2px solid var(--line);padding:7px 12px;border-radius:16px;color:var(--muted)}html[data-theme] .profile-chip b{color:var(--ink)}
html[data-theme] main{margin-top:20px}
html[data-theme] .kid-hero{grid-template-columns:1.05fr 1fr;min-height:390px;border:0;border-radius:34px;background:var(--panel);box-shadow:var(--shadow);position:relative}
html[data-theme] .hero-media{min-height:390px}html[data-theme] .hero-media:after{background:linear-gradient(90deg,transparent 58%,rgba(255,255,255,.97))}
html[data-theme="strategy"] .hero-media:after{background:linear-gradient(90deg,transparent 58%,rgba(255,255,255,.97))}
html[data-theme] .hero-copy{padding:44px 40px}html[data-theme] .hero-copy p{color:var(--muted);font-size:18px}html[data-theme] h1{color:var(--ink);font-weight:950;letter-spacing:-.045em}html[data-theme] h2,html[data-theme] h3{color:var(--ink)}
.hero-sticker{position:absolute;left:18px;top:18px;z-index:3;border:3px solid rgba(255,255,255,.9);background:var(--warn);color:#3e2a00;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:950;box-shadow:0 6px 0 rgba(73,55,7,.16);transform:rotate(-2deg)}
html[data-theme] .eyebrow,html[data-theme] .code{color:var(--accent2)}
html[data-theme] .btn{border-radius:17px;padding:14px 20px;background:linear-gradient(145deg,var(--accent2),#394dde);color:#fff;box-shadow:0 7px 0 rgba(35,53,138,.18);transition:transform .1s ease,box-shadow .1s ease}html[data-theme="strategy"] .btn{background:linear-gradient(145deg,var(--accent),#5543d9)}html[data-theme] .btn:not(:disabled):active{transform:translateY(4px);box-shadow:0 3px 0 rgba(35,53,138,.18)}html[data-theme] .btn.secondary{background:#fff;color:var(--ink);border:2px solid var(--line);box-shadow:0 6px 0 rgba(51,70,98,.08)}
html[data-theme] .metric-row{gap:14px;margin-top:18px}html[data-theme] .metric{border:0;background:#fff;border-radius:22px;padding:18px 20px;box-shadow:0 7px 0 rgba(42,65,93,.06)}html[data-theme] .metric span{font-weight:800;color:var(--muted)}html[data-theme] .metric b{color:var(--ink);font-size:26px}
html[data-theme] .coach{border:0;border-radius:28px;padding:24px;background:linear-gradient(130deg,rgba(77,95,255,.09),rgba(91,220,108,.14));box-shadow:0 7px 0 rgba(48,65,90,.05)}html[data-theme="strategy"] .coach{background:linear-gradient(130deg,rgba(111,92,255,.12),rgba(32,199,183,.12))}html[data-theme] .coach p{color:var(--muted)}
html[data-theme] .quest-card,html[data-theme] .card,html[data-theme] .module,html[data-theme] .game-card,html[data-theme] .question-card,html[data-theme] .result,html[data-theme] .reward,html[data-theme] .puzzle-panel,html[data-theme] .mission-step,html[data-theme] .checkpoint{background:#fff;border:0;border-radius:25px;box-shadow:0 7px 0 rgba(42,65,93,.06)}
html[data-theme] .quest-card.done{box-shadow:0 7px 0 rgba(60,175,79,.13);outline:2px solid rgba(91,220,108,.3)}
html[data-theme] .card,html[data-theme] .module,html[data-theme] .game-card{transition:transform .14s ease,box-shadow .14s ease}html[data-theme] .card:hover,html[data-theme] .module:hover,html[data-theme] .game-card:hover{transform:translateY(-3px);box-shadow:0 11px 0 rgba(42,65,93,.07),0 20px 38px rgba(37,52,89,.09)}
html[data-theme] .card p,html[data-theme] .module p,html[data-theme] .game-card p,html[data-theme] .section-head p,html[data-theme] .muted{color:var(--muted)}html[data-theme] .module-icon{background:linear-gradient(145deg,rgba(77,95,255,.14),rgba(91,220,108,.16));color:var(--accent2);border-radius:18px}
html[data-theme="strategy"] .module-icon{background:linear-gradient(145deg,rgba(111,92,255,.15),rgba(32,199,183,.16));color:var(--accent)}
html[data-theme] .mode-chip,html[data-theme] .energy-pill{background:#fff;border:2px solid var(--line);color:var(--ink);font-weight:850}
html[data-theme] .question-card{padding:32px}html[data-theme] .question-card h2{font-size:clamp(30px,6vw,46px);color:var(--ink)}html[data-theme] .answer{background:var(--panel2);border:3px solid var(--line);border-radius:20px;padding:17px 18px;color:var(--ink);font-size:17px;box-shadow:0 5px 0 rgba(42,65,93,.07)}html[data-theme] .answer.good{background:#e9ffec;border-color:#58d66a;color:#174d21}html[data-theme] .answer.bad{background:#fff0f1;border-color:#ff737c;color:#6d1c23}
html[data-theme] .session-progress{height:10px;background:#dce7f0}html[data-theme] .session-progress i{background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:99px}
html[data-theme] .bottom-nav{background:rgba(255,255,255,.94);border:0;border-radius:24px;padding:8px;box-shadow:0 12px 40px rgba(40,53,86,.18)}html[data-theme] .bottom-nav button{color:#718197;border-radius:17px;font-size:12px;padding:10px 5px}html[data-theme] .bottom-nav button span{font-size:19px;line-height:1.1;margin-bottom:3px}html[data-theme] .bottom-nav button.active{background:linear-gradient(145deg,rgba(77,95,255,.12),rgba(91,220,108,.14));color:var(--accent2)}html[data-theme="strategy"] .bottom-nav button.active{background:linear-gradient(145deg,rgba(111,92,255,.14),rgba(32,199,183,.12));color:var(--accent)}
html[data-theme] .game-hud{background:#fff;border:0;color:var(--ink);border-radius:20px;box-shadow:0 6px 0 rgba(42,65,93,.06)}html[data-theme] .lane-controls button,html[data-theme] .shoot-btn,html[data-theme] .ninja-controls button{background:#fff;border:2px solid var(--line);color:var(--ink);box-shadow:0 5px 0 rgba(42,65,93,.07)}
html[data-theme] .riddle-stage h2{color:var(--ink)}html[data-theme] .hint-box{background:#fff;border:2px dashed var(--line);color:var(--ink)}
html[data-theme] .toast{background:#18233b;color:#fff;border-radius:18px;box-shadow:0 12px 35px rgba(20,30,55,.28)}
@media(max-width:780px){html[data-theme] .kid-hero{grid-template-columns:1fr;border-radius:28px}html[data-theme] .hero-media{min-height:245px}html[data-theme] .hero-media:after{background:linear-gradient(transparent 62%,rgba(255,255,255,.98))}html[data-theme] .hero-copy{padding:25px 20px 28px}html[data-theme] .metric{padding:15px}html[data-theme] .metric b{font-size:22px}html[data-theme] .topbar{height:68px}.hero-sticker{top:12px;left:12px}}