:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#eef0e9;background:#101316;font-synthesis:none;--lime:#d1ff67;--muted:#a0aaa9;--line:#343b3c}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.file-button{border:1px solid #53605b;background:#1b2223;color:#f0f2eb;border-radius:4px;padding:13px 19px;cursor:pointer;min-height:46px}button:hover:not(:disabled){border-color:var(--lime);background:#30392b}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:4px}header,footer{max-width:1400px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 46px;gap:20px}header{border-bottom:1px solid var(--line);font-size:13px}.wordmark{font-size:24px;font-weight:900;letter-spacing:-1px}.wordmark span{color:var(--lime)}.edition,footer>span{letter-spacing:2px;font-size:10px;color:var(--muted)}main{max-width:1308px;margin:auto;padding:0 30px}.intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:40px;padding:65px 0 44px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--lime);margin:0 0 16px}h1{font-size:clamp(44px,6.1vw,84px);line-height:.98;letter-spacing:-4px;margin:0;font-weight:850}.intro-copy{max-width:425px;padding-bottom:4px}.intro-copy p{font-size:16px;line-height:1.65;color:#bac2be}.compat{font:11px monospace;color:var(--lime);display:inline-block;border:1px solid #52613b;padding:9px 12px;border-radius:30px}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:15px 0 18px}.games a{padding:22px 20px;display:flex;align-items:center;gap:15px;border-bottom:2px solid var(--line);background:#191e20;font-weight:800;font-size:16px}.games a[aria-current=page]{border-color:var(--lime);background:#293025}.games small{display:block;margin-top:7px;font:9px monospace;letter-spacing:1px;color:var(--muted)}.number{color:#829073;font:12px monospace}.arrow{margin-left:auto;color:var(--lime)}.screen{position:relative;aspect-ratio:16/8;background:#07090b;overflow:hidden;border-radius:5px 5px 0 0;display:flex;align-items:center;justify-content:center}.screen>img{width:100%;height:100%;object-fit:cover}.screen canvas{display:none;width:auto;height:100%;max-width:100%;object-fit:contain;cursor:crosshair}.screen.playing canvas{display:block}.screen.playing>img{display:none}.screen-label{position:absolute;top:20px;left:22px;display:flex;align-items:center;gap:8px;background:#101316d9;padding:8px 11px;font:10px monospace;letter-spacing:1px;pointer-events:none}.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%}.cabinet-bottom{background:#1c2224;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:0 0 5px 5px}h2{font-size:32px;letter-spacing:-1px;margin:0 0 10px}.cabinet-bottom .eyebrow{margin-bottom:10px}.cabinet-bottom p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:0}.launch{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:300px}.launch p{grid-column:1/-1;max-width:420px;line-height:1.5;margin:0!important}.primary{background:var(--lime);border-color:var(--lime);color:#151b10;font-weight:800}.primary span{margin-left:15px}.primary:hover:not(:disabled){background:#e0ffa1;color:#151b10}.loading{position:absolute;inset:0;background:#0b1010d9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;text-align:center;padding:20px}.loading[hidden]{display:none}progress{width:min(380px,80%);height:6px;accent-color:var(--lime)}.playbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 0}.playbar[hidden]{display:none}.playbar button{padding:9px 13px;font-size:12px}.playbar .sound{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:12px}.sound input{max-width:100px}#performance{font:11px monospace;color:var(--muted)}.settings{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:60px 0;border-bottom:1px solid var(--line)}.settings p{line-height:1.7;color:var(--muted);max-width:300px;font-size:14px}.settings .eyebrow{color:var(--lime);font-size:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px}.settings-grid label{font-size:12px;color:#c8ceca}.settings-grid output{float:right;color:var(--lime);font:11px monospace}.settings input[type=range]{display:block;width:100%;margin:15px 0 0;accent-color:var(--lime)}select{display:block;width:100%;margin-top:10px;padding:10px;background:#1b2223;border:1px solid #414a48;color:#e8eee8;border-radius:3px;font-size:12px}.check{align-self:center;display:flex;align-items:center;gap:8px}.check input{accent-color:var(--lime)}.guide{padding:50px 0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.guide article>span{font:10px monospace;color:#869184}.guide h3{font-size:22px;letter-spacing:-.5px}.guide p{color:var(--muted);font-size:13px;line-height:1.75}.small{font-size:11px!important;color:var(--muted);line-height:1.6}.guide>.small{max-width:830px;margin-top:28px}.support{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;font-size:13px;line-height:1.7}.support summary{cursor:pointer;color:#c7d1c5}.support p{max-width:850px;color:var(--muted)}.support a{color:var(--lime);text-decoration:underline}.support button,.file-button{display:inline-block;font-size:12px}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#91a68b;font-size:11px;max-height:240px;overflow:auto}footer{font-size:12px;padding-top:42px;padding-bottom:42px}.error{color:#ffac8b!important}body.in-vr .compat{color:var(--lime)}
.vr-connection{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.vr-connection p{flex:1 1 260px;font-size:13px;line-height:1.65;color:var(--muted);margin:0;overflow-wrap:anywhere}.vr-connection button{font-size:12px;flex-shrink:0}
@media(max-width:800px){header,footer{padding:24px}.edition{display:none}main{padding:0 20px}.intro{grid-template-columns:1fr;padding-top:40px;gap:15px}h1{letter-spacing:-2px}.intro-copy{max-width:none}.games a{padding:15px 10px;font-size:12px;gap:8px}.games small{font-size:7px;letter-spacing:0}.games .number,.games .arrow{display:none}.screen{aspect-ratio:4/3}.screen-label{top:10px;left:10px;font-size:8px}.cabinet-bottom{display:block;padding:22px}.launch{margin-top:22px;min-width:0}.settings{grid-template-columns:1fr;gap:15px;padding:40px 0}.settings p{max-width:none}.settings-grid{gap:22px 18px}.guide-grid{grid-template-columns:1fr;gap:25px}.guide{padding:35px 0}.guide h3{margin:10px 0}.guide p{margin-top:0}footer>span{display:none}.playbar .sound{margin-left:0}.support button,.file-button{margin-bottom:10px}}
/* The lobby remains usable on a headset browser before entering immersive VR. */
.online-panel{display:grid;grid-template-columns:1fr 1.3fr;gap:3rem;padding:2.5rem 0;border-top:1px solid #344047}
.online-panel[hidden]{display:none}.online-panel h2{margin:.5rem 0}.online-panel p{line-height:1.55}
.online-controls fieldset{border:0;padding:0;margin:0;display:grid;gap:1rem;min-width:0}
.online-controls label{display:grid;gap:.45rem}.online-controls .check{display:flex;align-items:center;gap:.7rem}
.online-controls input[type=text],.online-controls input:not([type]){background:#151d22;border:1px solid #52616b;border-radius:6px;color:#edf5f7;padding:.7rem;font:inherit;min-width:0;width:100%}
.button-row{display:flex;flex-wrap:wrap;gap:.6rem}.room-code{font-size:2rem;letter-spacing:.18em;color:#f6c573;font-weight:700}
#online-rooms{display:grid;gap:.5rem}#online-toast{color:#f6c573}#online-code{text-transform:uppercase;letter-spacing:.15em}
@media(max-width:760px){.online-panel{grid-template-columns:1fr;gap:1rem;padding:1.5rem 0}}