:root{color:#f5f2ff;font-synthesis:none;--accent:#53e7ff;--panel:#262344;--muted:#b6b1d4;--gold:#ffd35c;--red:#ff526c;background:#15112d;font-family:ui-rounded,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 80% 30%,#273b74aa,#0000 60%),radial-gradient(at 0 70%,#52238688,#0000 60%),#15112d;min-width:300px;min-height:100dvh;margin:0}body[data-theme=aurora]{--accent:#8affbe;--panel:#16353d;background:radial-gradient(at top,#23686d,#10182b 80%)}body[data-theme=sunset]{--accent:#ffc277;--panel:#422244;background:radial-gradient(at top,#733b5d,#20152b 80%)}button,input,a,label.button{touch-action:manipulation}button,.button{font:inherit;cursor:pointer;color:inherit;background:#332e57;border:1px solid #6c628e;border-radius:16px;min-height:46px;padding:12px 16px;font-weight:800;transition:transform .12s,background .12s;box-shadow:0 4px #0d0b20}button:active{transform:translateY(2px);box-shadow:0 2px #0d0b20}button:disabled{cursor:default;opacity:.4;transform:none}button.primary,.button.primary{color:#101633;background:linear-gradient(135deg,#39d0ff,#5980ff);border-color:#a6edff}button.gold{color:#382207;background:linear-gradient(#ffe193,#ffb847);border-color:#ffea9e}button.danger{border-color:#e4768b}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #fff}a{color:var(--accent)}h1,h2,h3,p{margin:0 0 14px}h1{letter-spacing:-1.4px;font-size:clamp(34px,9vw,52px);font-weight:1000;line-height:1.05}h1 em{color:var(--accent);font-style:normal}h2{font-size:24px}h3{margin-top:18px;font-size:19px}p{line-height:1.5}.muted{color:var(--muted);font-size:14px}.eyebrow{letter-spacing:2px;color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:900}.shell{max-width:620px;padding:calc(16px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));min-height:100dvh;margin:auto}.topbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.topbar .brand{color:#fff;letter-spacing:1px;font-weight:1000}.topbar button{min-width:46px;padding:8px 12px}.hero{text-align:center;padding:16px 0 8px}.hero img{filter:drop-shadow(0 14px 18px #0006);border-radius:30px;width:125px;height:125px}.card{background:linear-gradient(140deg,#ffffff0b,#ffffff03),var(--panel);border:1px solid #ffffff24;border-radius:24px;margin:14px 0;padding:20px;box-shadow:0 14px 35px #06041435}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row>*{flex:1}.stack{gap:12px;display:grid}.mode-card{text-align:left;align-items:center;gap:14px;padding:17px;display:flex}.mode-card .emoji{font-size:34px}.mode-card strong{font-size:19px;display:block}.mode-card small{color:var(--muted);margin-top:5px;font-weight:400;line-height:1.4;display:block}.chips{flex-wrap:wrap;justify-content:center;gap:9px;margin:14px 0;display:flex}.chip{background:#1c1937;border:1px solid #ffffff25;border-radius:40px;padding:7px 12px;font-size:13px;font-weight:800}.level-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.level-grid button{min-height:66px;padding:12px 2px;position:relative}.level-grid small{color:var(--gold);margin-top:4px;font-size:12px;display:block}.level-grid button.current{border:2px solid var(--accent)}.tabs{gap:8px;margin:14px 0;display:flex}.tabs button{flex:1;padding:10px 4px;font-size:13px}.tabs .selected{border-color:var(--accent);color:var(--accent)}.status{text-align:center;background:linear-gradient(120deg,#27386a,#211c48);border:1px solid #5ee0ff88;border-radius:21px;min-height:96px;padding:14px 18px;box-shadow:0 0 24px #2f83ff22}.command{letter-spacing:.3px;font-size:clamp(21px,6vw,30px);font-weight:1000;line-height:1.12}.subcommand{color:#c6c4e2;margin-top:8px;font-size:13px}.timer{background:#0c0d22;border-radius:9px;height:8px;margin-top:12px;overflow:hidden}.timer span{transform-origin:0;background:linear-gradient(90deg,#52d8ff,#9af8ff);width:100%;height:100%;display:block;box-shadow:0 0 12px #61ecff}progress{width:100%;accent-color:var(--accent)}#modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#050314c9;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow:auto}#modal section{background:#26213f;border:1px solid #8a7ec3;border-radius:26px;gap:12px;width:min(100%,480px);max-height:90dvh;padding:24px;display:grid;overflow:auto;box-shadow:0 30px 80px #0009}#modal header{justify-content:space-between;align-items:center;gap:10px;display:flex}#modal header h2{margin:0}#modal header button{flex:none}#modal label{justify-content:space-between;align-items:center;gap:15px;padding:7px 0;display:flex}#modal input[type=range]{width:52%;min-height:40px}#modal input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent)}#modal textarea{width:100%;min-height:100px}.achievement{border-bottom:1px solid #fff2;padding:10px 0}.toast{bottom:calc(30px + env(safe-area-inset-bottom));color:#fff;z-index:20000;text-align:center;background:#30264c;border:1px solid #c6b7ff;border-radius:18px;width:max-content;max-width:90vw;padding:15px 20px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 45px #0008}.footer{text-align:center;color:var(--muted);padding:20px 0 5px;font-size:12px}.result-stars{color:var(--gold);text-align:center;letter-spacing:8px;font-size:42px}body.reduced-motion *{transition:none!important;animation:none!important}.reduced-flashes .lit{filter:brightness(1.1)!important;box-shadow:inset 0 0 0 5px #fff!important}#app[inert]{filter:brightness(.5)}@media (width>=700px){.shell{padding-top:22px}}@media (width<=350px){.shell{padding-left:12px;padding-right:12px}.card{padding:15px}.level-grid{gap:6px}.command{font-size:22px}}@media (height<=600px) and (orientation:landscape){.shell{max-width:800px}.hero img{width:80px;height:80px}}body{--accent:#ffdb6f;--panel:#34305a;background:radial-gradient(at 0 0,#267b88,#252653 55%,#4f245d)}h1{color:#ffd870;text-shadow:3px 4px #a54069}.hang-game{max-width:590px}.game-meta{color:#ffe1b4;justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.category{text-align:center;color:#472a43;background:linear-gradient(#ffe593,#edbd50);border:3px solid #fff0b2;border-radius:15px;padding:11px;font-size:16px;font-weight:1000;box-shadow:0 4px #927746}.comic-scene{filter:drop-shadow(0 10px 12px #0003);width:min(100%,350px);height:auto;margin:0 auto;display:block}.speech{text-align:center;color:#543148;background:#fff4db;border-radius:20px;max-width:350px;margin:-5px auto 14px;padding:10px;font-size:13px;font-weight:800;box-shadow:0 4px #af8699}.word{flex-wrap:wrap;justify-content:center;gap:6px;margin:16px 0 10px;display:flex}.word span{color:#26365d;background:linear-gradient(#fff9ed,#d9e3eb);border:2px solid #8dc1ce;border-radius:9px;place-items:center;width:32px;min-height:44px;font-size:25px;font-weight:1000;display:grid;box-shadow:0 4px #455374}.word span.space{box-shadow:none;background:0 0;border:0;width:13px}.mistakes{color:#f6c3f3;text-align:center;min-height:18px;margin-bottom:14px;font-size:12px}.keyboard{grid-template-columns:repeat(9,1fr);gap:7px;display:grid}.keyboard button{color:#333654;background:linear-gradient(#eff9fc,#ccd7ed);border:1px solid #faffff;border-radius:9px;min-width:0;min-height:42px;padding:8px 0;font-size:16px;font-weight:1000;box-shadow:0 4px #6c79a4}.keyboard button.correct{opacity:.8;background:#37d9ab}.keyboard button.wrong{opacity:.45;background:#796997}.hang-game .row button{padding:11px 5px;font-size:12px}.hang-game .footer{font-size:11px}select{font:inherit;color:#fff;background:#30284f;border:1px solid #8b829b;border-radius:10px;padding:10px}@media (height<=740px) and (orientation:portrait){.comic-scene{width:255px}.speech{padding:7px;font-size:11px}.word{margin-top:12px}.keyboard{gap:5px}.keyboard button{min-height:38px}.hang-game .topbar{margin-bottom:10px}}@media (orientation:landscape) and (height<=600px){.hang-game{grid-template-columns:290px 1fr;gap:10px;max-width:840px;display:grid}.hang-game .topbar,.hang-game .game-meta,.hang-game .category{grid-column:1/3}.comic-scene{grid-area:4/1/8;width:275px}.speech,.word,.mistakes,.keyboard{grid-column:2}.hang-game .footer{grid-column:1/3}}.hero h1{text-transform:uppercase;letter-spacing:-1px}.reduced-flashes .alarm.lit{box-shadow:none!important;outline:3px solid #fff!important}body.reduced-motion .comic-scene{transition:none}.home-screen{--home-accent:#f9ca61;--home-bg:#3c214e;background:radial-gradient(at 90% 0,#f9ca6118,#0000 62%);max-width:600px}.home-screen .hero{text-align:left;align-items:center;gap:12px;padding:26px 0 20px;display:flex}.hero-copy{flex:1;min-width:0}.home-screen .hero img{border:2px solid #f9ca6166;flex:none;width:132px;height:132px;transform:rotate(5deg);box-shadow:0 16px 30px #0004}.home-screen h1{letter-spacing:-1px;font-size:clamp(34px,8vw,49px);line-height:1.02}.home-screen .hero p{color:var(--home-accent);margin:12px 0 0;font-size:16px;font-weight:800}.home-screen .eyebrow{letter-spacing:1.5px;color:var(--home-accent);font-size:10px}.home-mission{background:linear-gradient(120deg,var(--home-bg),#151829);border:1px solid #f9ca6166;border-radius:22px;margin-bottom:22px;padding:17px;box-shadow:0 8px 24px #0003}.home-mission>span{letter-spacing:2px;color:var(--home-accent);margin-bottom:7px;font-size:10px;font-weight:900;display:block}.home-mission strong{font-size:18px;display:block}.home-mission small{color:#d0d5df}.mission-track{background:#ffffff19;border-radius:8px;height:5px;margin:12px 0;overflow:hidden}.mission-track i{background:var(--home-accent);height:100%;display:block}.home-actions .stack{gap:11px}.home-actions button{text-align:left;min-height:59px;padding-left:20px}.home-actions .primary{background:linear-gradient(120deg,var(--home-accent),#fff3bc);color:#162438;min-height:69px;font-size:18px;box-shadow:0 5px #0006}.coach-card{border-left:3px solid var(--home-accent);margin:22px 0 8px;padding:4px 0 4px 14px}.coach-card b{letter-spacing:1px;color:var(--home-accent);font-size:10px}.coach-card p{color:#d3d6e3;margin:7px 0;font-size:13px;line-height:1.5}.stage-goal{color:var(--muted);font-size:13px;line-height:1.4}@media (width<=350px){.home-screen .hero img{width:102px;height:102px}.home-screen h1{font-size:32px}.home-mission strong{font-size:16px}}.rescue-goal{text-align:center;color:#f5d998;max-width:340px;margin:10px auto;font-size:12px}.rescue-recap{background:#482b57;border:2px dashed #f5ce79;border-radius:15px;gap:8px;padding:15px;display:grid}.rescue-recap small{color:#f3dfea;line-height:1.5}.hang-game .comic-scene{max-height:210px}@media (height<=750px){.hang-game .comic-scene{max-height:150px}.hang-game .speech{padding:7px;font-size:12px}.hang-game .topbar{margin-bottom:8px}.hang-game .keyboard button{min-height:43px;padding:7px 1px}}