:root{color-scheme:dark;font-family:ui-monospace,Menlo,Consolas,monospace;background:#040309;color:#f4f2ff;--rb-bg: #040309;--rb-floor: #0b0a14;--rb-panel: #0a0818;--rb-wall: #141126;--rb-edge: #2a2158;--rb-dim: #57509b;--rb-cyan: #00e5ff;--rb-magenta: #ff2bd6;--rb-purple: #7a3cff;--rb-white: #f4f2ff;--rb-deck-height: 60px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:linear-gradient(rgba(122,60,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(122,60,255,.025) 1px,transparent 1px),var(--rb-bg);background-size:24px 24px}button,input{font:inherit}#cabinet{position:relative;width:min(100vw,1560px);height:100vh;margin:0 auto}#game{position:relative;width:100%;height:100%;min-width:0;overflow:hidden}#game canvas{image-rendering:pixelated;cursor:crosshair;outline:none}#boot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--rb-cyan);letter-spacing:.4em;font-size:14px;pointer-events:none}#feedback-button-root{position:absolute;z-index:20;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:32px;height:32px;pointer-events:none}body[data-scene=arena] #feedback-button-root{top:max(4px,env(safe-area-inset-top));right:max(240px,env(safe-area-inset-right))}.feedback-button{display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--rb-purple);border-radius:50%;background:var(--rb-panel);box-shadow:inset 2px 2px #21184a,inset -2px -2px #05030d;color:var(--rb-cyan);line-height:0;text-decoration:none;cursor:pointer;pointer-events:auto;transition:color 80ms ease-out,border-color 80ms ease-out,background-color 80ms ease-out,box-shadow 80ms ease-out,transform 80ms ease-out}.feedback-button svg{display:block}.feedback-button:hover{border-color:var(--rb-cyan);background:var(--rb-wall);color:var(--rb-white)}.feedback-button:active{border-color:var(--rb-magenta);box-shadow:inset 2px 2px #05030d;color:var(--rb-magenta);transform:translate(1px,1px)}.feedback-button:focus-visible{border-color:var(--rb-cyan);outline:2px solid var(--rb-white);outline-offset:2px}#music-player-root{position:absolute;z-index:10;right:0;bottom:0;left:0;width:100%;height:var(--rb-deck-height);min-width:0;visibility:hidden;opacity:0;pointer-events:none}body[data-scene=arena] #music-player-root{visibility:visible;opacity:1;pointer-events:auto}.track-deck{position:relative;display:grid;grid-template-columns:clamp(144px,12vw,184px) minmax(0,1fr) 144px 192px;align-items:stretch;gap:6px;width:100%;height:100%;padding:6px;border:2px solid var(--rb-purple);background:var(--rb-panel);box-shadow:0 -5px #170d38,inset 0 0 0 2px #160f30;color:var(--rb-white);image-rendering:pixelated}.track-deck:before,.track-deck:after{content:"";position:absolute;top:5px;width:4px;height:4px;background:var(--rb-dim)}.track-deck:before{left:5px}.track-deck:after{right:5px}.deck-titlebar{height:100%;display:flex;align-items:center;gap:7px;padding:0 9px;background:var(--rb-purple);color:#080411;overflow:hidden;font-size:clamp(8px,.7vw,10px);font-weight:900;letter-spacing:.12em;white-space:nowrap}.deck-titlebar:before{flex:0 0 auto;content:"";width:7px;height:7px;background:var(--rb-cyan);box-shadow:9px 0 0 var(--rb-magenta);margin-right:9px}.deck-screen{position:relative;display:grid;grid-template-columns:minmax(180px,1.25fr) minmax(180px,.75fr);grid-template-rows:9px 1fr;column-gap:12px;min-width:0;min-height:0;padding:3px 8px;overflow:hidden;border:2px solid #24174c;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,229,255,.035) 3px 4px),#050912}.deck-status{grid-column:1;grid-row:1;display:flex;justify-content:space-between;color:var(--rb-cyan);font-size:8px;font-weight:800;letter-spacing:.13em}.deck-led{display:inline-flex;align-items:center;gap:6px}.deck-led:before{content:"";width:5px;height:5px;background:currentColor;box-shadow:0 0 7px currentColor}.track-deck[data-state=paused] .deck-led{color:var(--rb-dim)}.deck-track-window{grid-column:1;grid-row:2;align-self:center;min-width:0;margin-top:1px;overflow:hidden;white-space:nowrap}.deck-track,.deck-artist{display:block;overflow:hidden}.deck-marquee-runner{display:block;overflow:hidden;text-overflow:ellipsis}.deck-marquee-runner:after{display:none}.deck-track{color:var(--rb-white);font-size:clamp(11px,.9vw,14px);line-height:1;font-weight:900;letter-spacing:.045em;text-transform:uppercase}.deck-artist[hidden]{display:none}.deck-artist{min-height:8px;margin-top:2px;color:var(--rb-magenta);font-size:8px;font-weight:800;letter-spacing:.1em;line-height:1;text-transform:uppercase}.deck-time{grid-column:2;grid-row:1;display:flex;justify-content:space-between;margin:0;color:var(--rb-cyan);font-size:9px;font-variant-numeric:tabular-nums}.deck-seek,.deck-volume{width:100%;height:18px;margin:0;appearance:none;background:transparent;cursor:pointer}.deck-seek::-webkit-slider-runnable-track,.deck-volume::-webkit-slider-runnable-track{height:5px;border:1px solid #2d2258;background:linear-gradient(90deg,var(--rb-cyan) 0 var(--fill, 0%),#100c22 var(--fill, 0%) 100%)}.deck-seek::-moz-range-track,.deck-volume::-moz-range-track{height:5px;border:1px solid #2d2258;background:#100c22}.deck-seek::-moz-range-progress,.deck-volume::-moz-range-progress{height:3px;background:var(--rb-cyan)}.deck-seek::-webkit-slider-thumb,.deck-volume::-webkit-slider-thumb{width:7px;height:13px;margin-top:-5px;appearance:none;border:1px solid var(--rb-white);border-radius:0;background:var(--rb-purple)}.deck-seek::-moz-range-thumb,.deck-volume::-moz-range-thumb{width:7px;height:13px;border:1px solid var(--rb-white);border-radius:0;background:var(--rb-purple)}.deck-seek{grid-column:2;grid-row:2;align-self:center}.deck-controls{display:grid;grid-template-columns:repeat(3,1fr);align-self:center;gap:3px}.deck-button{min-width:44px;height:44px;border:1px solid #49328d;border-radius:0;background:#17112d;box-shadow:inset -2px -2px #090614,inset 2px 2px #2e2354;color:var(--rb-white);cursor:pointer;font-size:13px;line-height:1}.deck-button:hover{color:var(--rb-cyan);border-color:var(--rb-cyan)}.deck-button:active{transform:translate(1px,1px);box-shadow:inset 2px 2px #090614}.deck-button:focus-visible,.deck-seek:focus-visible,.deck-volume:focus-visible{outline:2px solid var(--rb-cyan);outline-offset:2px}.deck-mixer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;align-self:center;margin:0 4px;color:var(--rb-dim);font-size:9px;font-weight:900;letter-spacing:.1em}.deck-volume{--fill: 72%;margin-top:0}@media(max-width:900px){.track-deck{grid-template-columns:minmax(0,1fr) 144px minmax(128px,180px);grid-template-rows:1fr;gap:6px}.deck-titlebar{display:none}.deck-screen{grid-column:1;grid-row:1}.deck-controls{grid-column:2;grid-row:1}.deck-mixer{grid-column:3;grid-row:1}}@media(max-width:520px){.track-deck{grid-template-columns:minmax(0,1fr) 132px 82px;padding:6px}.deck-screen{grid-template-columns:minmax(0,1fr) 92px;grid-template-rows:9px 1fr;padding-inline:6px}.deck-index,.deck-artist{display:none}.deck-button{min-width:40px}.deck-mixer>span{display:none}.deck-mixer{display:block;margin-inline:0}}@media(prefers-reduced-motion:reduce){.feedback-button{transition:none}.feedback-button:active,.deck-button:active{transform:none}}