:root{--cyan: #35e0ff;--amber: #ff8a1a;--ink: #05121c;--panel: rgba(6, 20, 30, .72);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#04121c;font-family:Arial Black,Segoe UI Black,Impact,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#viewport{position:fixed;inset:0;display:block;width:100%;height:100%}#ui{position:fixed;inset:0;pointer-events:none;user-select:none;color:#eaf6ff}.seats{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:10px;padding:0 14px 14px}.seat{position:relative;min-width:168px;padding:8px 14px 9px;background:var(--panel);border:2px solid var(--seat-color, #fff);border-radius:2px;transform:skew(-9deg);box-shadow:0 0 18px -6px var(--seat-color, #fff),inset 0 0 22px -10px var(--seat-color, #fff);transition:opacity .25s}.seat>*{transform:skew(9deg)}.seat.out{opacity:.34;filter:grayscale(.7)}.seat .name{font-size:19px;letter-spacing:.1em;color:var(--seat-color, #fff);text-shadow:0 0 12px var(--seat-color, #fff);line-height:1.05}.seat .who{font-family:Consolas,Courier New,monospace;font-size:10px;letter-spacing:.16em;opacity:.72;margin-top:2px}.seat .pips{display:flex;gap:5px;margin-top:6px}.seat .pip{width:22px;height:7px;background:#ffffff24;border:1px solid rgba(255,255,255,.28);transform:skew(-14deg)}.seat .pip.on{background:var(--seat-color, #fff);box-shadow:0 0 10px var(--seat-color, #fff)}.topbar{position:absolute;top:14px;left:50%;transform:translate(-50%);text-align:center}.round{font-size:13px;letter-spacing:.36em;color:var(--cyan);text-shadow:0 0 14px var(--cyan)}.clock{font-size:40px;letter-spacing:.06em;line-height:1;margin-top:2px;font-variant-numeric:tabular-nums;text-shadow:0 0 22px rgba(53,224,255,.75)}.centre{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.shout{font-size:clamp(46px,9vw,128px);letter-spacing:.04em;font-style:italic;line-height:.95;text-transform:uppercase;color:#fff;text-shadow:0 0 30px var(--shout-color, var(--cyan)),0 6px 0 rgba(0,0,0,.45);opacity:0;transform:scale(1.35)}.shout.show{animation:slam .42s cubic-bezier(.16,1.2,.3,1) forwards}.shout.sub{font-size:clamp(18px,2.4vw,30px);letter-spacing:.3em;font-style:normal;margin-top:12px;opacity:.85}@keyframes slam{0%{opacity:0;transform:scale(1.45) skew(-10deg)}55%{opacity:1;transform:scale(.97) skew(-10deg)}to{opacity:1;transform:scale(1) skew(-10deg)}}.warning{position:absolute;top:96px;left:50%;transform:translate(-50%) skew(-10deg);padding:7px 26px;background:#280a00b3;border:2px solid var(--amber);color:var(--amber);font-size:20px;letter-spacing:.24em;text-shadow:0 0 16px var(--amber);box-shadow:0 0 30px -8px var(--amber);opacity:0}.warning.on{opacity:1}.menu{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:22px;background:radial-gradient(ellipse at center,#04121c80,#030a10eb 78%)}.menu-brand h1{font-size:clamp(42px,8.5vw,116px);font-style:italic;letter-spacing:.02em;line-height:.88;text-align:center;background:linear-gradient(180deg,#fff,#9fe9ff 42%,#1c9fd0 58%,#0b5f80);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(53,224,255,.5))}.menu-brand .tag{font-size:12px;letter-spacing:.44em;color:var(--cyan);text-align:center;margin-top:4px}.menu-list{display:grid;gap:8px;min-width:min(420px,80vw)}.menu-item{padding:12px 26px;border:2px solid rgba(120,160,185,.35);background:#05121bb3;transform:skew(-9deg);text-align:center;font-size:clamp(17px,2.4vw,24px);letter-spacing:.18em;color:#9fb6c6;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.menu-item.sel{border-color:var(--cyan);color:#fff;background:#14465cbf;box-shadow:0 0 26px -6px var(--cyan),inset 0 0 26px -12px var(--cyan)}.menu-blurb{font-family:Consolas,Courier New,monospace;font-size:11px;letter-spacing:.2em;color:var(--cyan);opacity:.85;min-height:14px;text-align:center}.menu-panel{max-width:min(620px,88vw);padding:18px 24px;border:2px solid rgba(120,160,185,.4);background:#05121bd1}.seats-table{border-collapse:collapse;width:100%;font-family:Consolas,Courier New,monospace;font-size:12px;letter-spacing:.08em}.seats-table th{text-align:left;padding:3px 10px;color:var(--cyan);font-size:10px;letter-spacing:.24em;border-bottom:1px solid rgba(120,160,185,.35)}.seats-table td{padding:5px 10px;color:#cfe2ee}.seats-table td.who{color:var(--row-color, #fff);text-shadow:0 0 10px var(--row-color, #fff);font-family:Arial Black,Impact,sans-serif;letter-spacing:.1em}.menu-panel p{margin-top:14px;font-family:Consolas,Courier New,monospace;font-size:11px;line-height:1.7;letter-spacing:.04em;color:#93aebe}.menu-status{display:grid;gap:8px;place-items:center;padding:22px 34px;border:2px solid var(--amber);background:#1c0c02b3;max-width:min(600px,88vw);text-align:center}.menu-status b{font-size:clamp(20px,3vw,32px);letter-spacing:.2em;color:var(--amber);text-shadow:0 0 18px var(--amber)}.menu-status span{font-family:Consolas,Courier New,monospace;font-size:11px;letter-spacing:.14em;color:#e2d3c4}.menu-status .back{opacity:.5;margin-top:6px}.menu-hint{font-family:Consolas,Courier New,monospace;font-size:10px;letter-spacing:.2em;opacity:.4}.title{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:26px;background:radial-gradient(ellipse at center,#04121c8c,#030a10e6 75%)}.title h1{font-size:clamp(52px,11vw,150px);font-style:italic;letter-spacing:.02em;line-height:.9;text-align:center;background:linear-gradient(180deg,#fff,#9fe9ff 42%,#1c9fd0 58%,#0b5f80);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(53,224,255,.55))}.title .tag{font-size:13px;letter-spacing:.44em;color:var(--cyan);text-align:center;margin-top:-14px}.controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:900px}.controls .card{padding:10px 16px;border:2px solid var(--card-color, #fff);background:#041018b3;transform:skew(-9deg);text-align:center}.controls .card>*{transform:skew(9deg)}.controls .card b{display:block;color:var(--card-color, #fff);font-size:15px;letter-spacing:.14em}.controls .card span{display:block;font-family:Consolas,Courier New,monospace;font-size:11px;letter-spacing:.1em;opacity:.75;margin-top:4px}.prompt{font-size:20px;letter-spacing:.3em;color:#fff;animation:blink 1.1s steps(2,start) infinite}@keyframes blink{50%{opacity:.15}}.hint{position:absolute;bottom:10px;right:14px;font-family:Consolas,Courier New,monospace;font-size:10px;letter-spacing:.12em;opacity:.4}.hidden{display:none!important}html,body,#viewport,#ui{touch-action:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.touch{position:absolute;inset:0;display:none}.touch.on{display:block}.touch-stick{position:absolute;top:0;left:0;width:132px;height:132px;margin:-66px 0 0 -66px;border:2px solid rgba(53,224,255,.55);border-radius:50%;background:#061a2657;box-shadow:0 0 26px -6px var(--cyan);opacity:0;transition:opacity .12s}.touch-stick.on{opacity:1}.touch-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#35e0ff80;border:2px solid #eaf6ff;box-shadow:0 0 18px var(--cyan)}.touch-boost{position:absolute;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(26px + env(safe-area-inset-bottom,0px));width:108px;height:108px;display:grid;place-items:center;border:3px solid var(--cyan);border-radius:50%;background:#0a2e3e80;box-shadow:0 0 30px -8px var(--cyan);color:#eaf6ff;font-size:15px;letter-spacing:.14em;transition:transform .07s,background .07s}.touch-boost.down{transform:scale(.9);background:#35e0ff8c}.touch-hint{position:absolute;left:calc(26px + env(safe-area-inset-left,0px));bottom:calc(34px + env(safe-area-inset-bottom,0px));font-family:Consolas,Courier New,monospace;font-size:10px;letter-spacing:.14em;color:var(--cyan);opacity:.4}.rotate{position:absolute;inset:0;display:none;place-items:center;align-content:center;gap:16px;text-align:center;background:#030a10f0;z-index:50}.rotate b{font-size:26px;letter-spacing:.2em;color:var(--cyan);text-shadow:0 0 18px var(--cyan)}.rotate span{font-family:Consolas,Courier New,monospace;font-size:12px;letter-spacing:.12em;opacity:.7}@media (orientation: portrait) and (pointer: coarse){.rotate.armed{display:grid}}@media (max-width: 820px),(max-height: 520px){.seats{top:0;bottom:auto;gap:5px;padding:6px 8px 0}.seat{min-width:0;flex:1 1 0;max-width:116px;padding:4px 8px 5px}.seat .name{font-size:12px;letter-spacing:.06em}.seat .who{display:none}.seat .pip{width:13px;height:5px}.topbar{top:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:14px;transform:none;text-align:left}.clock{font-size:24px}.round{font-size:10px;letter-spacing:.24em}.warning{top:62px;font-size:14px;letter-spacing:.16em;padding:5px 16px}.hint{display:none}.menu{gap:14px}.menu-brand h1{font-size:clamp(34px,12vw,62px)}.menu-item{padding:14px 22px}.menu-hint,.menu-panel p{display:none}}.menu-back{padding:10px 26px;border:2px solid rgba(120,160,185,.55);background:#05121bcc;transform:skew(-9deg);font-size:15px;letter-spacing:.18em;color:#cfe2ee;cursor:pointer}.touch-copy{margin:0 0 12px!important;color:#cfe2ee!important}.touch-copy b{color:var(--cyan)}.hud{position:absolute;inset:0}.rotate .dismiss{margin-top:10px;padding:9px 20px;border:2px solid rgba(120,160,185,.6);color:var(--cyan);opacity:1}