:root{--ink: #f2ece2;--dim: #8b9099;--amber: #ffb35c;--steel: #6a7078;--panel: rgba(9, 11, 14, .94);--stack: "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#0a0c10;overflow:hidden;font-family:var(--stack);color:var(--ink);-webkit-font-smoothing:antialiased}canvas{display:block;touch-action:none}.screen-live{position:fixed;z-index:1;border:0;background:#0b0d11;opacity:0;pointer-events:none;transition:opacity .22s ease-out}.screen-live.on{opacity:1;pointer-events:auto}.plate,.tally,.reticle,.card,.hint,.prompt,.seatbar,.walkpad{z-index:3}.gate{z-index:5}.prompt{position:fixed;left:50%;bottom:96px;transform:translate(-50%);padding:10px 18px;background:var(--panel);border-left:2px solid var(--amber);font-size:12px;letter-spacing:.1em;color:var(--ink);pointer-events:none}.seatbar{position:fixed;left:50%;bottom:26px;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:10px 12px 10px 18px;background:var(--panel);border:1px solid rgba(255,179,92,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.seat-url{font-size:11px;letter-spacing:.1em;color:var(--dim)}.seatbar button{padding:8px 18px;background:transparent;border:1px solid var(--amber);color:var(--amber);font:inherit;font-size:11px;font-weight:700;letter-spacing:.18em;cursor:pointer}.seatbar button:hover{background:var(--amber);color:#0a0c10}.plate{position:fixed;top:20px;left:20px;padding:12px 18px;background:var(--panel);border-left:3px solid var(--amber);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.plate strong{display:block;font-size:13px;font-weight:700;letter-spacing:.22em}.plate span{display:block;margin-top:3px;font-size:11px;letter-spacing:.14em;color:var(--dim)}.tally{position:fixed;top:24px;right:22px;display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);pointer-events:none}.pip{width:8px;height:8px;border-radius:50%;display:inline-block}.pip.hot{background:var(--amber);box-shadow:0 0 10px var(--amber)}.pip.cold{background:#3f4248}.sep{opacity:.35}.reticle{position:fixed;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#ffb35cbf;pointer-events:none}.card{position:fixed;left:50%;bottom:42px;transform:translate(-50%);width:min(560px,calc(100vw - 48px));padding:22px 26px 18px;background:var(--panel);border:1px solid rgba(255,179,92,.16);border-top:2px solid var(--amber);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;animation:rise .16s ease-out;z-index:2}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.card-bay{font-size:10px;letter-spacing:.26em;color:var(--amber);margin-bottom:8px}.card h2{margin:0 0 8px;font-size:26px;letter-spacing:-.01em}.card p{margin:0 0 16px;font-size:14px;line-height:1.55;color:#b9bec6}.card dl{display:flex;flex-wrap:wrap;gap:22px;margin:0 0 14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.card dt{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#6b7078;margin-bottom:4px}.card dd{margin:0;font-size:13px;font-weight:600}.open{display:inline-block;font-size:11px;letter-spacing:.1em;color:var(--dim);text-decoration:none;pointer-events:auto}.open:hover{color:var(--amber)}.walkpad{position:fixed;left:50%;bottom:26px;transform:translate(-50%);width:118px;height:54px;border-radius:27px;background:#ffb35c1f;border:1px solid rgba(255,179,92,.45);color:var(--amber);font:inherit;font-size:12px;font-weight:700;letter-spacing:.2em;touch-action:none;-webkit-user-select:none;user-select:none}.walkpad:active{background:#ffb35c4d}kbd{display:inline-block;padding:2px 6px;border:1px solid #3a3f47;border-bottom-width:2px;border-radius:3px;font:inherit;font-size:10px;color:var(--ink)}.hint{position:fixed;left:50%;bottom:30px;transform:translate(-50%);font-size:11px;letter-spacing:.16em;color:#8b909999;pointer-events:none}.gate{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#0a0c10d1,#06070af5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.gate-inner{width:min(520px,calc(100vw - 48px));text-align:center}.gate-rule{width:46px;height:2px;background:var(--amber);margin:0 auto 26px}.gate h1{margin:0;font-size:clamp(30px,6vw,46px);font-weight:700;letter-spacing:.3em;text-indent:.3em}.gate-sub{margin:10px 0 26px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}.gate-copy{margin:0 auto 30px;max-width:430px;font-size:14px;line-height:1.65;color:#a8adb6}.gate-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.gate button.vr{border-color:#5f6772;color:#aab1bb}.gate button.vr:hover{background:#aab1bb;color:#0a0c10}.gate button{padding:13px 34px;background:transparent;border:1px solid var(--amber);color:var(--amber);font:inherit;font-size:12px;font-weight:700;letter-spacing:.22em;cursor:pointer;transition:background .14s,color .14s}.gate button:hover{background:var(--amber);color:#0a0c10}.gate-keys{margin:22px 0 0;font-size:10px;letter-spacing:.16em;color:#5c616a}@media (max-width: 640px){.card{bottom:20px;padding:16px 18px 14px}.card h2{font-size:21px}.tally{display:none}}