:root{color-scheme:dark;--bg:#0b0c17;--panel:#161828;--line:#303247;--ink:#f1f2fa;--muted:#a1a5bc;--green:#b9fa67;--blue:#78d9ff;font:16px 'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,.stage:focus-visible{outline:3px solid var(--blue);outline-offset:4px}header{max-width:1440px;margin:auto;padding:27px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--green);font:bold 21px 'Courier New',monospace;letter-spacing:-1px}.wordmark>span{color:var(--blue)}.wordmark small{font:11px 'Segoe UI',sans-serif;letter-spacing:1.6px;color:var(--muted);margin-left:18px}.header-meta{display:flex;gap:24px;align-items:center}.tag{font-size:11px;font-weight:650;letter-spacing:1.3px;color:var(--muted)}.network{font-size:11px;letter-spacing:1px;color:var(--green)}main{max-width:1440px;margin:auto;padding:35px 40px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}h1{font-size:42px;font-weight:650;letter-spacing:-1.7px;margin:9px 0 0}h2{font-size:24px;letter-spacing:-.5px;margin:8px 0 19px}.eyebrow{font:650 11px 'Segoe UI',sans-serif;letter-spacing:1.8px;color:var(--green);margin:0}.edition{font-size:14px;text-align:right;color:var(--muted);line-height:1.7}.arcade-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:26px;align-items:start}.machine{background:#1a1b2e;border:1px solid #3b3d59;border-radius:17px;padding:0 14px;box-shadow:0 25px 70px #0005;overflow:hidden}.machine-top{display:flex;justify-content:space-between;align-items:center;padding:22px 9px;font:11px 'Courier New',monospace;letter-spacing:1px;color:var(--muted)}.machine-top>span{display:flex;flex-direction:column;gap:6px}.machine-top b{font-size:16px;color:var(--green)}.machine-top>span:last-child{text-align:right}.machine-top>span:last-child b{color:var(--blue)}.machine-top .machine-title{color:#fff;font-size:16px;font-weight:bold;letter-spacing:2px}.stage{background:#000;aspect-ratio:4/3;position:relative;border:1px solid #44445e;border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center}.stage canvas,.stage video{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;background:#000}.stage:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;aspect-ratio:auto}.screen-cover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:radial-gradient(ellipse at 50% 42%,#20233d,#060710 75%)}.pixel-label{font:12px 'Courier New',monospace;letter-spacing:2px;color:var(--blue)}.screen-cover h2{font:700 clamp(26px,3vw,44px)/1.1 'Courier New',monospace;letter-spacing:-1px;color:var(--green);margin:24px 0 16px}.screen-cover p{font-size:14px;line-height:1.8;color:var(--muted)}.screen-credit{font:10px 'Courier New',monospace;letter-spacing:2px;color:#72758d;margin-top:32px}.machine-bottom{display:flex;align-items:center;justify-content:space-between;padding:15px 5px;gap:12px;font-size:12px;color:var(--muted)}.sidebar{display:flex;flex-direction:column;gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:23px}.card h2{font-size:22px}.card label{display:block;font-size:14px;margin-bottom:9px}input:not([type=range]){width:100%;border:1px solid #484b65;border-radius:7px;background:#0f1120;color:var(--ink);padding:12px;font-size:15px}.primary,.secondary{border:0;border-radius:7px;min-height:43px;padding:12px 16px;font-size:14px;font-weight:650}.primary{background:var(--green);color:#14230b;width:100%;margin-top:15px}.primary:hover{background:#ccff90}.secondary{background:#24273b;color:var(--ink);border:1px solid #444762}.secondary:hover{background:#30354b}.muted{font-size:12px;color:var(--muted);line-height:1.7;margin:13px 0 0}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.card-top h2{margin:0;font-size:17px}.quiet{border:0;background:transparent;color:var(--muted);padding:5px;font-size:12px;white-space:nowrap}.quiet:hover{color:var(--ink)}.player-card{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.player-number{font:700 20px 'Courier New',monospace;color:var(--green);background:#b9fa6710;padding:11px 8px;border-radius:7px}.blue .player-number{color:var(--blue);background:#78d9ff10}.player-card strong{font-size:14px;overflow-wrap:anywhere}.player-card small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.player-card div{min-width:0}#invite-controls .secondary{width:100%;margin:17px 0 7px}#invite-link{font-size:11px;color:var(--muted);padding:8px}.key-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:var(--muted)}kbd{font:12px 'Courier New',monospace;border:1px solid #555972;border-bottom-width:3px;background:#24283d;color:var(--ink);border-radius:5px;padding:5px 9px;min-width:30px;display:inline-block;text-align:center}.small-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.small-buttons button{font-size:11px;padding:8px;min-height:36px}.sound{display:flex;align-items:center;gap:9px;padding:3px 6px;font-size:12px;color:var(--muted)}.sound input{min-width:40px;flex:1;accent-color:var(--green)}.sound output{width:33px;font-variant-numeric:tabular-nums}footer{display:flex;justify-content:space-between;gap:12px;margin-top:25px;font-size:11px;line-height:1.6;color:#7d829d}.error{border:1px solid #ce7865;background:#382022;color:#ffc6b9;padding:16px;border-radius:8px;font-size:14px;line-height:1.6}.touch-controls{display:flex;gap:10px;margin-top:16px;touch-action:none}.touch-controls button{flex:1;background:#24283d;border:1px solid #4d5474;color:#f1f2fa;border-radius:8px;padding:16px;font:14px 'Courier New',monospace;touch-action:none;user-select:none}@media(max-width:1000px){header{padding:22px 24px}main{padding:25px 24px}.arcade-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.card{padding:18px}.machine-top .machine-title{font-size:12px}.machine-top{padding:16px 0}.wordmark small{display:none}}@media(max-width:780px){.arcade-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.sound{grid-column:1/-1;max-width:380px}.page-heading h1{font-size:32px}.edition{font-size:12px}.stage{max-height:65vh}.machine-top .machine-title{font-size:16px}}@media(max-width:500px){header{padding:18px 16px}.header-meta .tag{display:none}.wordmark{font-size:17px}main{padding:24px 15px}.page-heading h1{font-size:28px}.edition{display:none}.sidebar{grid-template-columns:1fr}.machine{padding:0 8px}.machine-top .machine-title{font-size:12px}.machine-top{font-size:9px}.screen-cover h2{font-size:29px}.stage{aspect-ratio:4/3}.machine-bottom{font-size:11px}footer{flex-direction:column}.screen-credit{font-size:9px;margin-top:12px}}
select{width:100%;font:inherit;font-size:14px;color:var(--ink);background:#0f1120;border:1px solid #484b65;border-radius:7px;padding:10px}select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}