:root{--bg: #000;--surface: #121418;--line: #262a31;--text: #e9ebef;--muted: #8a909b;--accent: #ff2d2d;--ad-edge: 10px;--pad: 12px;--rail: calc(var(--ad-edge) + 160px);--bottom: calc(90px + var(--pad) + var(--ad-edge));color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{height:100vh;height:100dvh;display:grid;grid-template-columns:1fr;grid-template-rows:1fr var(--bottom)}.shell.with-rails{grid-template-columns:var(--rail) 1fr var(--rail)}.shell.with-rails .rail{grid-row:1 / -1;grid-column:1}.shell.with-rails .rail:last-of-type{grid-column:3}.shell.with-rails .center{grid-column:2;grid-row:1}.shell.with-rails .bottom{grid-column:2;grid-row:2}.center{min-width:0;min-height:0;padding:var(--pad) var(--pad) 0;overflow:hidden}.rail{display:flex;align-items:flex-start;padding-top:var(--pad);overflow:hidden}.rail:first-child{justify-content:flex-start;padding-left:var(--ad-edge)}.rail:last-of-type{justify-content:flex-end;padding-right:var(--ad-edge)}.bottom{grid-column:1 / -1;display:grid;place-items:end center;padding-bottom:var(--ad-edge);overflow:hidden}@media(max-width:759px){:root{--pad: 8px;--ad-edge: 8px;--bottom: calc(50px + var(--pad) + var(--ad-edge))}}.ad{display:grid;place-items:center;overflow:hidden}ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}.ad-placeholder{display:grid;place-items:center;width:100%;height:100%;border:1px dashed var(--line);border-radius:6px;color:var(--muted);font-size:12px;text-align:center;letter-spacing:.04em}.stage{position:relative;width:100%;height:100%;background:#000;border-radius:10px;overflow:hidden}body.training .center{overflow:hidden;padding-bottom:12px}.stage.hide-cursor{cursor:none}.stage-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.progress{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff10}.progress-bar{height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}.drill-bar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;gap:8px;padding:10px 12px;background:#0c0d10;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.drill-bar::-webkit-scrollbar{display:none}.chip{flex:none;padding:7px 14px;border-radius:999px;border:1px solid #2f343c;background:transparent;color:#aeb4bd;font-size:14px}.chip:hover{border-color:var(--muted);color:var(--text)}.chip[aria-pressed=true]{border-color:var(--accent);background:#ff2d2d22;color:#fff}.chip-mix{margin-right:8px;position:relative}.chip-mix:after{content:"";position:absolute;right:-9px;top:6px;bottom:6px;width:1px;background:#2f343c}.menu-body{position:absolute;top:0;right:0;bottom:0;left:0;padding:72px 16px 16px;display:flex;justify-content:center;align-items:safe center;overflow-y:auto}.panel,.card{display:flex;flex-direction:column;align-items:stretch;gap:14px;text-align:center}.panel{width:min(440px,100%);margin:auto 0;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 32px));pointer-events:none}.panel h1,.panel h2,.card h2{margin:0;letter-spacing:-.01em}.panel h1{font-size:26px}.lede{margin:0;color:var(--muted);line-height:1.5}.hint{margin:0;color:var(--muted);font-size:13px}.hint a{color:inherit}.warning{margin:0;color:#c9a24a;font-size:12px}.note{margin:0;color:#ffd21f}.result-line{margin:0;font-size:13px;color:#7fd18b}.recap-box{display:flex;flex-direction:column;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}.card h2{font-size:clamp(24px,4vw,40px)}.card p{margin:0;font-size:clamp(15px,1.8vw,20px);color:#cfd3da;line-height:1.45}.card .step{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.card .countdown{font-size:56px;font-weight:700;color:var(--accent);min-height:1.2em;font-variant-numeric:tabular-nums}.choice{border:0;margin:0;padding:0;display:flex;gap:6px}.choice legend{width:100%;margin-bottom:6px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.choice button{flex:1;padding:9px 8px;border-radius:8px;background:transparent;border:1px solid var(--line)}.choice button[aria-pressed=true]{background:#ffffff12;border-color:var(--text)}.toggle{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:14px}.primary{padding:13px 16px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-weight:650;font-size:16px}.primary:hover{filter:brightness(1.1)}.ghost{padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:transparent}.ghost:hover{border-color:var(--muted)}.recap{margin:0;padding:0;list-style:none;text-align:left;font-size:14px}.recap li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}.recap span{color:var(--muted);font-variant-numeric:tabular-nums}.corner{position:absolute;top:12px;right:12px;z-index:3;display:flex;align-items:center;gap:8px;opacity:.2;transition:opacity .25s}.corner.visible,.corner:focus-within{opacity:1}.clock{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;margin-right:4px}.icon-btn{width:40px;height:40px;display:grid;place-items:center;padding:0;border-radius:10px;background:#000c;border:1px solid var(--line)}.icon-btn:hover{border-color:var(--muted)}.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}@media(prefers-reduced-motion:reduce){.corner{transition:none}}