:root{--bg: #0b0e14;--panel: #141a24;--panel-2: #1b2230;--line: #2b3447;--text: #e8edf6;--dim: #9aa7bd;--accent: #4da3ff;--accent-2: #2b7fd4;--good: #45d67a;--warn: #ffb020;--bad: #ff5d5d;--ui-scale: 1;--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;font-size:calc(16px * var(--ui-scale));-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0;display:block;width:100%;height:100%}.hidden{display:none!important}.btn,.icon-btn,.menu-card,.lesson-card{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:background .13s ease,border-color .13s ease,transform .13s ease}.btn:hover,.icon-btn:hover,.menu-card:hover:not(:disabled),.lesson-card:hover:not(:disabled){background:#263145;border-color:#3d4b66}.btn:active,.icon-btn:active{transform:translateY(1px)}.btn:focus-visible,.icon-btn:focus-visible,.menu-card:focus-visible,.lesson-card:focus-visible,.set-row select:focus-visible,.toggle:focus-visible,.swatch:focus-visible,input[type=range]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.btn:disabled,.menu-card:disabled,.lesson-card:disabled{opacity:.55;cursor:not-allowed}.btn{padding:.8em 1.4em;font-weight:600;font-size:1rem}.btn-primary{background:var(--accent-2);border-color:#58a9ff}.btn-primary:hover{background:#3b93e8;border-color:#7cbcff}.btn-quiet{background:#1a2130;border-color:#2b3447;color:var(--dim)}.btn-quiet:hover{background:#232c3d;color:var(--text)}.icon-btn{width:2.6em;height:2.6em;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:10px;flex:none}.icon-btn:hover{background:#ffffff29;border-color:#ffffff42}.icon-btn.back{font-size:1.3em}.screen{position:fixed;inset:0;z-index:40;background:radial-gradient(1100px 700px at 50% -10%,#18202e,#0b0e14 62%);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:3vh 4vw}.menu-wrap{width:min(1080px,100%);margin:auto}.brand{display:flex;gap:1.1rem;align-items:center;margin-bottom:2.2rem}.brand-mark{width:3.4em;height:3.4em;flex:none;display:grid;place-items:center;font-size:1.5rem;color:#cfe6ff;background:linear-gradient(160deg,#2b7fd4,#14406e);border:1px solid #58a9ff;border-radius:16px}.brand h1{font-size:2.1rem;letter-spacing:.16em;font-weight:800}.tagline{color:var(--dim);font-size:.95rem;margin-top:.2rem;line-height:1.5}.note{color:var(--dim);font-size:.9rem;line-height:1.6;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;padding:.85rem 1.1rem;margin-bottom:1.2rem}.screen-head{display:flex;gap:1rem;align-items:center;margin-bottom:1.8rem}.screen-head h2{font-size:1.6rem}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.menu-card{display:flex;flex-direction:column;gap:.45rem;padding:1.4rem;text-align:left;min-height:172px}.menu-card .mc-ico{font-size:1.7rem}.menu-card .mc-title{font-size:1.15rem;font-weight:700}.menu-card .mc-sub{color:var(--dim);font-size:.88rem;line-height:1.5;flex:1}.menu-card .mc-meta{font-size:.8rem;color:var(--accent);font-weight:600}.menu-card-quiet .mc-meta{color:var(--bad)}.lesson-list{display:flex;flex-direction:column;gap:.7rem;padding-bottom:3rem}.lesson-card{display:grid;grid-template-columns:3rem 1fr auto;gap:1.1rem;align-items:center;padding:1rem 1.2rem;text-align:left}.lc-num{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:50%;background:#10161f;border:1px solid var(--line);font-weight:700;color:var(--dim)}.lesson-card.done .lc-num{background:#123a22;border-color:var(--good);color:var(--good)}.lesson-card.locked{opacity:.5}.lesson-card.nudge{animation:nudge 1.5s ease-out}@keyframes nudge{0%,to{opacity:.5;border-color:var(--line)}12%{opacity:1;border-color:var(--accent);box-shadow:0 0 0 3px #4da3ff47}70%{opacity:1;border-color:var(--accent);box-shadow:0 0 0 3px #4da3ff47}}.lc-title{font-weight:700;font-size:1.02rem}.lc-sub{color:var(--dim);font-size:.85rem;margin-top:.2rem;line-height:1.45}.lc-skill{display:inline-block;margin-top:.45rem;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);background:#14273c;border:1px solid #24486e;border-radius:999px;padding:.18em .7em}.stars{color:#3a465c;font-size:1rem;letter-spacing:.1em;white-space:nowrap}.stars i{font-style:normal}.stars i.on{color:var(--warn)}.stars.big{font-size:2rem;margin:.6rem 0}.set-group{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;margin-bottom:1rem}.set-group>h3{font-size:1.05rem;margin-bottom:.3rem}.set-group>.tagline{margin-bottom:1.1rem}.set-row{display:grid;grid-template-columns:1fr 13.125rem 3.875rem;gap:1rem;align-items:center;padding:.75rem 0;border-top:1px solid #202838}.set-row:first-of-type{border-top:0}.set-row label{font-weight:600;font-size:.95rem}.set-row .set-help{display:block;color:var(--dim);font-weight:400;font-size:.82rem;margin-top:.2rem;line-height:1.45}.set-row output{text-align:right;color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:1.625rem;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}input[type=range]::-webkit-slider-runnable-track{height:.4375rem;border-radius:4px;background:#2b3447}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.4375rem;border-radius:50%;background:var(--accent);border:2px solid #0b0e14}input[type=range]::-moz-range-track{height:.4375rem;border-radius:4px;background:#2b3447}input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:var(--accent);border:2px solid #0b0e14}.set-row select{width:100%;font:inherit;font-size:.92rem;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:.55em .7em;cursor:pointer}.toggle{position:relative;width:3.625rem;height:1.875rem;flex:none;background:#2b3447;border:1px solid var(--line);border-radius:999px;cursor:pointer;transition:background .15s}.toggle:after{content:"";position:absolute;top:.1875rem;left:.1875rem;width:1.375rem;height:1.375rem;border-radius:50%;background:#8b98ae;transition:transform .15s,background .15s}.toggle[aria-checked=true]{background:#1d4e7f;border-color:var(--accent)}.toggle[aria-checked=true]:after{transform:translate(1.75rem);background:var(--accent)}.swatches{display:flex;gap:.5rem}.swatch{width:2.125rem;height:2.125rem;border-radius:9px;border:2px solid transparent;cursor:pointer;background-clip:padding-box}.swatch[aria-checked=true]{border-color:#fff}.key{display:inline-grid;place-items:center;min-width:2.1em;padding:.22em .5em;font-size:.8em;font-weight:700;font-family:inherit;background:#232c3d;color:#dce6f7;border:1px solid #3d4b66;border-bottom-width:3px;border-radius:7px;line-height:1.4}.key.hot{background:#1d4e7f;border-color:var(--accent);color:#fff}.key-or{padding:0 .3em;font-size:.78em;opacity:.75}#hud{position:fixed;inset:0;z-index:20;pointer-events:none;user-select:none}#hud>*{pointer-events:none}#hud #btn-pause{pointer-events:auto;position:absolute;top:18px;right:18px}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0}#crosshair .ch{position:absolute;background:var(--ch-color, #4dff9e);box-shadow:0 0 3px #000000e6}#crosshair .ch-t,#crosshair .ch-b{width:2px;height:var(--ch-len, 8px);left:-1px}#crosshair .ch-l,#crosshair .ch-r{height:2px;width:var(--ch-len, 8px);top:-1px}#crosshair .ch-t{bottom:var(--ch-gap, 6px)}#crosshair .ch-b{top:var(--ch-gap, 6px)}#crosshair .ch-l{right:var(--ch-gap, 6px)}#crosshair .ch-r{left:var(--ch-gap, 6px)}#crosshair .ch-dot{width:2px;height:2px;left:-1px;top:-1px;border-radius:50%}#crosshair.dot-only .ch{display:none}#crosshair.dot-only .ch-dot{display:block;width:7px;height:7px;left:-3.5px;top:-3.5px;background:#eaf2ff8c;border:1px solid rgba(10,14,20,.85)}#hitmarker{position:absolute;left:50%;top:50%;width:0;height:0;opacity:0}#hitmarker.show{animation:hm .22s ease-out}#hitmarker span{position:absolute;width:12px;height:2px;background:#fff;box-shadow:0 0 4px #000}#hitmarker span:nth-child(1){transform:rotate(45deg) translate(9px)}#hitmarker span:nth-child(2){transform:rotate(45deg) translate(-9px)}#hitmarker span:nth-child(3){transform:rotate(-45deg) translate(9px)}#hitmarker span:nth-child(4){transform:rotate(-45deg) translate(-9px)}@keyframes hm{0%{opacity:1;scale:.6}to{opacity:0;scale:1.3}}#hud-top{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:center}#coach-wrap{width:min(42.5rem,88vw);display:flex;flex-direction:column;align-items:center;gap:.7rem}#coach{width:100%;padding:1rem 1.3rem;background:#0e131ced;border:1px solid #34405a;border-radius:var(--radius);backdrop-filter:blur(6px);box-shadow:0 14px 42px #0000008c}#coach-step{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);font-weight:700}#coach-text{font-size:1.12rem;line-height:1.5;margin-top:.35rem}#coach-text b{color:var(--accent)}#coach-keys{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.7rem}#coach-keys:empty{display:none}#coach-bar{height:5px;background:#232c3d;border-radius:3px;margin-top:.9rem;overflow:hidden}#coach-bar i{display:block;height:100%;width:0;background:var(--accent);border-radius:3px;transition:width .25s ease}#coach.pop{animation:pop .35s ease-out}@keyframes pop{0%{transform:scale(.96)}60%{transform:scale(1.02)}to{transform:scale(1)}}#objective{display:flex;gap:.5rem;align-items:center;max-width:min(26rem,40vw);background:#0e131cd9;border:1px solid #34405a;border-radius:999px;padding:.45em 1.1em;font-size:.92rem;font-weight:600}#objective-icon{color:var(--warn)}#objective:empty,#objective.hidden{display:none}#hud-bottomleft{position:absolute;left:26px;bottom:22px;display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}#stats-strip{display:flex;gap:1.4rem;background:#0e131ccc;border:1px solid #2b3447;border-radius:12px;padding:.6rem 1.1rem}#stats-strip .stat{text-align:left}#stats-strip label{display:block;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}#stats-strip b{font-size:1.15rem;font-variant-numeric:tabular-nums}#ammo-block{position:absolute;right:26px;bottom:22px;text-align:right;background:#0e131ccc;border:1px solid #2b3447;border-radius:12px;padding:.5rem .9rem}#ammo-mag{font-size:3rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px rgba(0,0,0,.8)}#ammo-mag.low{color:var(--bad)}#ammo-reserve{color:#e6eefb;font-size:1.1rem;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px rgba(0,0,0,.9)}#reload-hint{margin-top:.5rem;font-size:.85rem;color:var(--warn)}#reload-hint.hidden{visibility:hidden}#health-block{width:230px;background:#0e131ccc;border:1px solid #2b3447;border-radius:12px;padding:.5rem .9rem}#health-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#e6eefb;margin-bottom:.3rem;text-shadow:0 2px 10px rgba(0,0,0,.9)}#health-bar{height:12px;background:#1a2130;border:1px solid var(--line);border-radius:7px;overflow:hidden}#health-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#45d67a,#7ce8a4);transition:width .2s ease,background .2s}#health-bar.hurt i{background:linear-gradient(90deg,#ff5d5d,#ff9060)}#health-num{font-size:1.5rem;font-weight:800;margin-top:.2rem;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px rgba(0,0,0,.8)}#reload-ring{position:absolute;left:50%;top:calc(50% + 60px);transform:translate(-50%);text-align:center}#reload-ring svg{width:54px;height:54px;transform:rotate(-90deg)}#reload-ring circle{fill:none;stroke:#2b3447;stroke-width:4}#reload-ring #reload-arc{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:106.8;stroke-dashoffset:106.8}#reload-ring span{display:block;font-size:.7rem;letter-spacing:.12em;color:var(--accent);font-weight:700}#toast{position:absolute;left:50%;top:62%;transform:translate(-50%);font-size:1.6rem;font-weight:800;opacity:0;text-shadow:0 3px 14px rgba(0,0,0,.9)}#toast.show{animation:toast 1.1s ease-out}@keyframes toast{0%{opacity:0;transform:translate(-50%,14px)}18%{opacity:1;transform:translate(-50%)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-18px)}}#keyhints{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;background:#0e131ccc;border:1px solid #2b3447;border-radius:12px;padding:.55rem .9rem;font-size:.82rem;color:var(--dim)}#keyhints:empty,#keyhints.hidden{display:none}#keyhints span.kh{display:inline-flex;gap:.35rem;align-items:center}#hud:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px var(--vig, transparent);transition:box-shadow .18s}#lock-prompt{background:#06090ed1;backdrop-filter:blur(3px);z-index:45}.lock-card{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:2.6rem 3rem;max-width:460px}.lock-ico{font-size:2.6rem;margin-bottom:.6rem}.lock-card h2{margin-bottom:.7rem}.lock-card p{color:var(--dim);line-height:1.65;margin-bottom:1.6rem;font-size:.95rem}.pause-card,.results-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:2.2rem 2.6rem;width:min(560px,92vw);margin:auto;text-align:center}.pause-card h2,.results-card h2{font-size:1.7rem;margin-bottom:.5rem}.pause-obj{color:var(--dim);margin-bottom:1.6rem;line-height:1.55}.pause-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:1.4rem}.pause-controls{margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:.6rem .9rem;font-size:.85rem;color:var(--dim);text-align:left}.pause-controls div{display:flex;gap:.4rem;align-items:center}#res-badge{width:4rem;height:4rem;margin:0 auto .8rem;display:grid;place-items:center;font-size:1.8rem;border-radius:50%;background:#123a22;border:2px solid var(--good);color:var(--good)}#res-badge.fail{background:#3a1616;border-color:var(--bad);color:var(--bad)}#res-sub{color:var(--dim);line-height:1.55}.res-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.8rem;margin:1.4rem 0 .4rem}.res-stats .rs{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:.8rem .5rem}.res-stats .rs label{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:.25rem}.res-stats .rs b{font-size:1.3rem;font-variant-numeric:tabular-nums}.res-stats .rs b.pb{color:var(--warn)}.res-tip{margin-top:1rem;padding:.9rem 1.1rem;background:#14273c;border:1px solid #24486e;border-radius:12px;font-size:.89rem;color:#cfe0f5;line-height:1.55;text-align:left}.res-tip:empty{display:none}.res-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.res-badges:empty{display:none}.res-badge{padding:.42rem .85rem;border-radius:999px;font-size:.82rem;font-weight:700;background:var(--panel-2);border:1px solid var(--line);color:var(--text)}.res-badge.big{background:linear-gradient(100deg,#6a4a12,#8a6116);border-color:#d8a13a;color:#ffe9b8;box-shadow:0 0 22px #d8a13a4d;animation:badge-in .42s cubic-bezier(.2,1.5,.4,1) backwards}.res-badge.big:nth-child(2){animation-delay:.1s}.res-badge.big:nth-child(3){animation-delay:.2s}@keyframes badge-in{0%{opacity:0;transform:scale(.6) translateY(8px)}}#res-milestones:empty{display:none}.milestone{display:flex;gap:.85rem;align-items:flex-start;text-align:left;margin-top:1rem;padding:.95rem 1.1rem;border-radius:14px;background:linear-gradient(120deg,#2a2010,#3a2c14);border:1px solid #d8a13a;animation:badge-in .5s cubic-bezier(.2,1.4,.4,1) .28s backwards}.milestone-mark{color:#ffc94d;font-size:1.2rem;line-height:1.3;flex:none}.milestone b{display:block;color:#ffe9b8;font-size:1rem;margin-bottom:.18rem}.milestone span{display:block;color:#e2d3b0;font-size:.86rem;line-height:1.5}@media(max-height:820px){.screen{padding:1.4vh 4vw}#coach{padding:.8rem 1.2rem}#coach-bar{margin-top:.6rem}#coach-wrap{gap:.5rem}.results-card{padding:1.3rem 2rem}.results-card h2{font-size:1.45rem;margin-bottom:.3rem}#res-badge{width:2.9rem;height:2.9rem;font-size:1.4rem;margin-bottom:.45rem}.stars.big{font-size:1.6rem;margin:.3rem 0}.res-badges{margin-top:.6rem}.res-stats{margin:.8rem 0 .2rem}.res-stats .rs{padding:.5rem}.milestone{margin-top:.6rem;padding:.7rem 1rem}.res-tip{margin-top:.6rem;padding:.65rem 1rem}.results-card .pause-actions{margin-top:.9rem;gap:.45rem}}@media(prefers-reduced-motion:reduce){.res-badge.big,.milestone{animation:none}.lesson-card.nudge{animation:none;opacity:1;border-color:var(--accent)}}.chart-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;margin-bottom:1rem}.chart-card h3{font-size:1rem;margin-bottom:.2rem}.chart-card svg{width:100%;height:190px;margin-top:1rem;overflow:visible}.chart-card .axis{stroke:#2b3447;stroke-width:1}.chart-card .gridline{stroke:#1e2635;stroke-width:1}.chart-card .line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart-card .dot{fill:var(--accent)}.chart-card .lbl{fill:var(--dim);font-size:11px}.empty-note{color:var(--dim);text-align:center;padding:3rem 1rem;line-height:1.6}