:root{font:16px system-ui,-apple-system,Segoe UI,sans-serif;color:#f7faff;background:#0c1728;color-scheme:dark;--mint:#a9e6d6;--gold:#ffce63;--muted:#b8c6d8;--line:#304054}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#16435380,transparent 48%),#0c1728}a{color:var(--mint);text-decoration:none}main{max-width:1240px;margin:auto;padding:36px 22px 24px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--mint)}h1{font-size:clamp(34px,5vw,52px);color:var(--gold);letter-spacing:-1.6px;margin:12px 0}h1 span{font-size:.65em}p{color:var(--muted);line-height:1.65}.heading p{margin:0}.heading>a{font-size:13px;white-space:nowrap}.layout{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(240px,1fr);gap:24px}.game-shell,.panel{background:#152338;border:1px solid var(--line);border-radius:20px;overflow:hidden}.hud{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 20px;gap:12px;background:#182a3e}.hud>div{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.hud strong{display:block;font-size:23px;color:var(--gold);margin-top:4px;letter-spacing:0;font-variant-numeric:tabular-nums}#stage{position:relative;isolation:isolate}canvas{display:block;width:100%;height:auto;touch-action:none;outline-offset:-4px}.overlay{position:absolute;inset:0;background:linear-gradient(0deg,#0c1728ee,#0c1728a3);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;z-index:3}.overlay[hidden]{display:none}.overlay h2{font-size:clamp(25px,3.1vw,39px);letter-spacing:-1px;margin:13px 0 0}.overlay p{font-size:14px;max-width:380px;margin:14px 0 20px}.overlay label{font-size:12px;text-align:left;width:min(100%,310px);margin-bottom:20px}.overlay button{font-size:15px;padding:14px 24px}select{display:block;width:100%;margin-top:8px;background:#20324a;border:1px solid #4c6179;color:#f7faff;border-radius:10px;padding:12px;font:inherit}button{font:700 12px system-ui;background:#20324a;color:#f7faff;border:1px solid #405268;border-radius:10px;padding:11px 14px;min-height:44px;cursor:pointer;touch-action:manipulation}button:hover{filter:brightness(1.12)}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,canvas:focus-visible,input:focus-visible{outline:3px solid var(--mint)}button[aria-pressed=true],button.held{background:var(--mint);color:#102443}.primary{background:var(--gold);color:#102443;border-color:var(--gold)}.controls{display:grid;grid-template-columns:1fr 1fr 1.6fr 1.4fr;gap:8px;padding:12px 16px 0}.controls button{font-size:16px;user-select:none;-webkit-user-select:none;touch-action:none}.bar{padding:14px 16px}.bar p{margin:0 0 12px;font-size:12px;color:var(--mint)}.bar>div{display:flex;gap:7px;flex-wrap:wrap}.panel{padding:24px;margin-bottom:20px}.panel h2{font-size:22px;letter-spacing:-.5px;margin:13px 0}.panel p{font-size:13px}.keys{display:grid;gap:10px;margin:22px 0;font-size:12px;color:var(--mint)}.keys span{display:flex;justify-content:space-between}.keys b{color:#dce7f4;font-weight:500}.auto{display:flex;align-items:center;gap:10px;font-size:13px}.auto input{width:18px;height:18px;accent-color:var(--gold)}.small{font-size:11px!important}.power-list{padding:0;list-style:none;display:grid;gap:20px}.power-list li{display:flex;gap:12px;align-items:center}.power-list i{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;color:var(--gold);background:#ffce6314;font-style:normal;font-size:21px}.power-list strong{display:block;font-size:12px}.power-list span{display:block;font-size:11px;color:var(--muted);margin-top:5px}#cue{position:absolute;top:37%;left:0;right:0;text-align:center;color:var(--gold);font-size:38px;font-weight:850;pointer-events:none;text-shadow:0 2px 15px #0c1728}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:30px;padding:22px 0;font-size:11px;color:var(--muted)}.game-shell:fullscreen{display:flex;flex-direction:column;background:#0c1728;border:0;border-radius:0;align-items:center;overflow:auto}.game-shell:fullscreen .hud,.game-shell:fullscreen .controls,.game-shell:fullscreen .bar{width:min(100%,800px)}.game-shell:fullscreen #stage{width:min(100%,calc((100dvh - 225px)*1.212));min-width:250px}.game-shell:fullscreen .bar>div{justify-content:center}@media(max-width:950px){.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{margin-bottom:0}}@media(max-width:540px){main{padding:24px 12px}.heading{align-items:flex-start;flex-direction:column;gap:14px}.heading p{font-size:13px}h1{font-size:36px}.hud{padding:12px 14px;gap:8px}.hud strong{font-size:20px}.overlay{padding:16px}.overlay h2{font-size:25px}.overlay p{font-size:12px;margin:8px 0 12px}.overlay .eyebrow{font-size:9px}.overlay label{margin-bottom:12px}.overlay select{padding:9px}.overlay button{padding:10px 18px;font-size:13px}.controls{padding:10px 10px 0;gap:5px}.controls button{font-size:13px;padding:9px 6px}.bar{padding:12px 10px}aside{grid-template-columns:1fr}.panel{padding:20px}.heading>a{font-size:12px}footer{line-height:1.8}}