:root{color-scheme:dark;--bg:#120820;--panel:#211139;--raised:#2d1748;--line:#5d3474;--text:#fff6ee;--muted:#c5add2;--cyan:#ffb454;--blue:#e879f9;--danger:#ff607d;--glow:#f05cff35}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:'Space Grotesk','Segoe UI',sans-serif;padding:clamp(18px,4vw,54px);background:radial-gradient(circle at 18% 12%,#792a6c 0,transparent 31%),radial-gradient(circle at 82% 78%,#2537a7 0,transparent 34%),linear-gradient(145deg,#190b2d,#080615)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px);mask-image:linear-gradient(to bottom,#0003,transparent 70%)}button,select{font:inherit}button{cursor:pointer}.game-shell{position:relative;z-index:1;width:min(1120px,100%);margin:auto;padding:clamp(18px,3vw,34px);border:1px solid #9a55aa;border-radius:10px 34px 10px 34px;background:#160d28dc;box-shadow:14px 14px 0 #07030d,0 0 70px #e879f924;backdrop-filter:blur(18px)}.game-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{color:var(--cyan);font:500 11px 'DM Mono',monospace;letter-spacing:.13em}h1{margin:7px 0 5px;font-size:clamp(38px,6vw,68px);line-height:.92;letter-spacing:-.07em;text-shadow:4px 4px 0 #6e2a75}h1 em{color:var(--blue);font-style:normal}.game-head p{max-width:590px;margin:0;color:var(--muted)}.live-status{display:flex;align-items:center;gap:8px;flex:none;padding:10px 14px;border:1px solid var(--line);border-radius:5px 18px;background:var(--panel);font:500 12px 'DM Mono',monospace;text-transform:uppercase}.live-status span{width:8px;height:8px;border-radius:50%;background:var(--muted)}.live-status.running span{background:#7dff9b;box-shadow:0 0 14px #7dff9b}.live-status.paused span{background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.live-status.over span{background:var(--danger);box-shadow:0 0 14px var(--danger)}.control-deck{display:flex;align-items:stretch;flex-wrap:wrap;gap:9px;margin-bottom:14px}.control-deck button,.speed-control{min-height:48px;border:1px solid var(--line);border-radius:5px 14px}.control-deck button{padding:0 18px;font-weight:700}.primary-action{border-color:var(--blue)!important;background:linear-gradient(135deg,#f264c5,#9a62ff);color:#160720}.secondary-action{background:var(--raised);color:var(--text)}.control-deck button:hover,.arena-overlay button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #08040d}.speed-control{display:flex;align-items:center;gap:10px;padding:5px 6px 5px 12px;background:var(--panel);color:var(--muted);font-size:12px}.speed-control select{height:36px;border:1px solid var(--line);border-radius:5px 10px;background:var(--raised);color:var(--text);padding:0 26px 0 9px}.space-hint{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--muted);font-size:12px}kbd{display:inline-grid;place-items:center;min-width:30px;height:27px;padding:0 7px;border:1px solid #9c5caf;border-bottom-width:3px;border-radius:5px;background:var(--raised);font:500 10px 'DM Mono',monospace}.score-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.score-grid article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:5px 13px;background:var(--panel)}.score-grid span{color:var(--muted);font:500 9px 'DM Mono',monospace;letter-spacing:.06em}.score-grid strong{font-size:22px}.score-grid .insight-score strong{color:var(--blue)}.score-grid .high-score strong{color:var(--cyan)}.arena-wrap{position:relative;overflow:hidden;border:2px solid #ec68e8;border-radius:7px 22px;background:#090413;box-shadow:0 0 0 5px #30133f,0 0 40px #e879f94a}canvas{display:block;width:100%;height:auto;aspect-ratio:5/3;touch-action:none;filter:hue-rotate(74deg) saturate(1.45)}.arena-overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:24px;background:#130824d4;backdrop-filter:blur(4px)}.arena-overlay[hidden]{display:none}.overlay-mark{color:var(--cyan);font:500 10px 'DM Mono',monospace;letter-spacing:.15em}.arena-overlay h2{margin:8px 0 5px;font-size:clamp(27px,5vw,48px);letter-spacing:-.05em}.arena-overlay p{margin:0 0 20px;color:var(--muted)}.arena-overlay button{min-height:46px;padding:0 21px;border:1px solid #ffadfa;border-radius:5px 14px;background:linear-gradient(135deg,#f264c5,#9a62ff);color:#160720;font-weight:800}.touch-controls{display:none;position:absolute;left:12px;bottom:12px;gap:8px}.touch-controls button{width:48px;height:48px;border:1px solid var(--line);border-radius:7px;background:#211139df;color:var(--text);font-size:21px}.instructions{display:flex;align-items:center;gap:20px;margin-top:14px;color:var(--muted);font-size:12px}.instructions div{display:flex;align-items:center;gap:6px}.instructions p{margin:0 0 0 auto;text-align:right}@media(max-width:820px){body{padding:10px}.game-shell{padding:15px;border-radius:8px 22px}.game-head{align-items:flex-start}.control-deck{flex-wrap:wrap}.space-hint{display:none}.speed-control{flex:1}.score-grid{grid-template-columns:repeat(2,1fr)}.score-grid .high-score{grid-column:span 2}.instructions{flex-wrap:wrap}.instructions p{width:100%;margin:0;text-align:left}.touch-controls{display:flex}}@media(max-width:500px){.game-head{display:block}.live-status{width:max-content;margin-top:14px}.speed-control{width:100%;flex-basis:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
