:root{--void: #06070a;--panel: #111318;--line: #2b3350;--text: #d9dff0;--muted: #8d97b8;--cyan: #00e0ff;--magenta: #ff2bd6;--amber: #ffb000;--green: #44ffa8;--ember: #ff5c2b;--lime: #ccff00;--font: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--void);color:var(--text);font-family:var(--font);overflow:hidden;-webkit-text-size-adjust:100%;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#stage{position:absolute;inset:0;overflow:hidden}#screen{display:block;position:absolute;inset:0;image-rendering:pixelated;image-rendering:crisp-edges}.crt-scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0px 2px,#00000038 3px 4px);mix-blend-mode:multiply;animation:crt-roll 8s linear infinite}.crt-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#0000 55%,#0000008c)}#stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ff003c0a,#00ffc80a);mix-blend-mode:screen}@keyframes crt-roll{0%{background-position-y:0}to{background-position-y:8px}}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#06070ab8;text-align:center;overflow-y:auto}.screen.clear{background:transparent;justify-content:flex-end}.wordmark{font-size:clamp(28px,7vw,56px);letter-spacing:.22em;color:#fff;text-shadow:0 0 6px var(--cyan),0 0 24px rgba(0,224,255,.5),3px 3px 0 var(--magenta);margin:0;font-weight:700}.tag{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:12px;margin:0}.menu{display:flex;flex-direction:column;gap:8px;width:min(360px,100%)}.btn{font:inherit;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--text);background:var(--panel);border:2px solid var(--line);padding:12px 16px;cursor:pointer;border-radius:0;transition:border-color .12s,transform .12s;min-height:44px}.btn:hover,.btn:focus-visible{border-color:var(--cyan);outline:none;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.primary{border-color:var(--ember);color:#fff;box-shadow:0 0 0 0 var(--ember)}.btn.primary:hover{box-shadow:0 0 16px #ff5c2b80}.btn.small{padding:8px 10px;font-size:11px;min-height:36px}.row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}.panel{background:var(--panel);border:2px solid var(--line);padding:14px;width:min(420px,100%);text-align:left;font-size:13px;line-height:1.5}.panel h3{margin:0 0 8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.field{font:inherit;font-size:14px;color:var(--text);background:var(--void);border:2px solid var(--line);padding:10px 12px;width:100%;text-transform:uppercase;letter-spacing:.1em}.field:focus{outline:none;border-color:var(--cyan)}.seats{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(420px,100%)}.seat{border:2px solid var(--line);background:var(--panel);padding:10px;font-size:12px;text-align:left;min-height:64px}.seat.s0{border-color:var(--cyan)}.seat.s1{border-color:var(--magenta)}.seat.s2{border-color:var(--amber)}.seat.s3{border-color:var(--green)}.seat small{display:block;color:var(--muted)}.holder{color:var(--lime)}.muted{color:var(--muted)}.warn{color:var(--ember)}.code{font-size:clamp(28px,8vw,48px);letter-spacing:.3em;color:#fff;margin:0}.topbar{position:absolute;top:max(6px,env(safe-area-inset-top));right:max(6px,env(safe-area-inset-right));display:flex;gap:6px}.topbar .btn{padding:6px 10px;font-size:11px;min-height:34px;background:#111318d9}.touchpad{position:absolute;left:0;right:0;bottom:0;height:28%;display:none}@media(pointer:coarse){.touchpad{display:block}}.toast{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);background:var(--panel);border:2px solid var(--line);padding:8px 14px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.results{width:min(420px,100%);border-collapse:collapse;font-size:13px}.results td{padding:6px 8px;border-bottom:1px solid var(--line)}.results td:last-child{text-align:right}a{color:var(--cyan)}@media(prefers-reduced-motion:reduce){.crt-scan{animation:none}.btn{transition:none}}