:root{--room:#110c09;--room-glow:#2a160c;--wood:#5b3b22;--wood-dark:#38230f;--cream:#efe2c0;--stripe-a:#e2561d;--stripe-b:#f2a32b;--stripe-c:#7b1d12;--marquee:#7b1d12;--marquee-ink:#fff1c9;--bulb:#ffd36a;--bulb-off:#5c3a19;--bezel:#0c0b0b;--bezel-ink:#e9dcb8;--bezel-accent:#f2a32b;--panel:#191313;--panel-edge:#2d2220;--panel-ink:#efe2c0;--panel-dim:#8f8068;--btn:#f4ecd8;--btn-edge:#a8977a;--btn-glow:#ffd66e8c;--led:#ff3b2f;--led-red:#ff3b2f;--led-green:#46f27f;--led-off:#ffffff12;--led-bg:#0a0606;--coin:#c9a227;--focus:#7fd3ff;--br1:#fff;--br2:#262626;--br3:#ff2a1a;--br4:#1f3cff;--br5:#ffe600;--br6:#14a83c}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(120% 70% at 50% 0%, var(--room-glow), transparent 70%), var(--room);color:var(--panel-ink);-webkit-tap-highlight-color:transparent;min-height:100vh;font-family:Archivo,system-ui,sans-serif}a{color:var(--bezel-accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.room{flex-direction:column;align-items:center;gap:20px;padding:24px 16px 40px;display:flex}.back{letter-spacing:.06em;text-transform:uppercase;color:var(--panel-dim);align-self:flex-start;font-size:13px;text-decoration:none}.back:hover{color:var(--cream)}.cab{background:linear-gradient(90deg,var(--wood-dark),var(--wood) 6%,var(--wood) 94%,var(--wood-dark));border-radius:14px 14px 6px 6px;width:min(100%,900px);padding:0 14px;box-shadow:0 30px 80px #000000b3,inset 0 0 0 1px #ffffff0a}.cab__face{background:var(--cream);border-radius:0 0 4px 4px;overflow:hidden}.marquee{background:repeating-linear-gradient(90deg, transparent 0 22px, #00000014 22px 23px), radial-gradient(90% 140% at 50% 20%, #a3301b, var(--marquee) 70%);text-align:center;border-radius:14px 14px 0 0;margin:0 -14px;padding:18px 26px 16px;position:relative;overflow:hidden}.bulbs{pointer-events:none;--b:radial-gradient(circle,var(--bulb) 0 2.5px,transparent 3.5px);--o:radial-gradient(circle,var(--bulb-off) 0 2.5px,transparent 3.5px);background:var(--b) 0 0/18px 100% repeat-x, var(--b) 9px 100%/18px 9px repeat-x;position:absolute;inset:6px}.bulbs:before{content:"";background:var(--o) 9px 0/18px 9px repeat-x, var(--o) 0 100%/18px 9px repeat-x;animation:1.1s step-end infinite chase;position:absolute;inset:0}@keyframes chase{50%{opacity:0}}.marquee__title{font-variation-settings:"wdth" 125;letter-spacing:.01em;color:var(--marquee-ink);text-shadow:0 3px 0 var(--stripe-a),0 6px 0 #3d0c06,0 0 28px #ffbe5a73;margin:4px 0 0;font-size:clamp(34px,7.4vw,70px);font-style:italic;font-weight:900;line-height:.9;position:relative}.marquee__sub{letter-spacing:.32em;text-transform:uppercase;color:var(--bulb);margin:10px 0 0;font-size:clamp(10px,1.6vw,13px);font-weight:700;position:relative}.stripes{background:linear-gradient(var(--stripe-c) 0 33%,var(--stripe-a) 33% 66%,var(--stripe-b) 66%);height:14px}.bezel{background:var(--bezel);flex-direction:column;align-items:center;gap:10px;padding:16px 18px 12px;display:flex}.bezel__print{letter-spacing:.18em;text-transform:uppercase;width:100%;color:var(--bezel-ink);justify-content:space-between;gap:12px;font-size:11px;font-weight:700;display:flex}.bezel__print b{color:var(--bezel-accent);font-weight:800}.screen{aspect-ratio:4/3;background:#000;border-radius:8px;width:100%;max-width:93.3333vh;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #222,0 0 0 4px #050505}.view-canvas{display:block}.view-canvas[hidden]{display:none}.view-canvas--pixel,.view-canvas--crt{margin:auto;position:absolute;inset:0}.view-canvas--pixel{image-rendering:pixelated;image-rendering:crisp-edges}.view-canvas--fill{width:100%;height:100%}.stage-fx{pointer-events:none;z-index:80;width:100vw;height:100vh;position:fixed;inset:0}.screen.is-full{width:100vw;height:100vh;aspect-ratio:auto;max-width:none;height:100dvh;box-shadow:none;z-index:70;cursor:pointer;border-radius:0;position:fixed;inset:0}html.is-zooming,html.is-racing{overflow:hidden}.vol{color:var(--panel-ink);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:8px;font:800 10px Archivo,sans-serif;display:flex}.vol__range{width:96px;accent-color:var(--bulb);cursor:pointer}.screen__vol{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:3;cursor:default;background:linear-gradient(#161a30db,#06060eeb);border:1px solid #e6c27ab3;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 8px;display:none;position:absolute;box-shadow:0 2px 12px #00000080}.screen.is-full .screen__vol{display:flex}@media (max-aspect-ratio:1){.screen.is-full .screen__vol{bottom:auto;top:max(64px,calc(env(safe-area-inset-top) + 56px))}.screen__vol .vol__range{width:84px}}.screen__vol .vol__range{accent-color:#e6c27a;width:110px}.screen__mute{color:#f3ead6;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid}.screen__mute svg{width:22px;height:22px}.screen__mute .cross{display:none}.screen__mute[aria-pressed=false] .cross{display:inline}.screen__mute[aria-pressed=false] .wave{display:none}.view-hud{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.view-canvas--crt{border-radius:18px}.view-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.view-placeholder b{font-size:28px;font-style:italic;font-weight:900}.view-placeholder span{color:var(--panel-dim);max-width:420px}.view-placeholder i{color:var(--bezel-accent);font-family:ui-monospace,monospace;font-size:13px;font-style:normal}.panel{background:linear-gradient(#251c1b,var(--panel) 30%);border-top:3px solid #000;grid-template-columns:1fr auto;align-items:start;gap:16px;padding:16px 14px 18px;display:grid}.pp{background:var(--panel-edge);border-radius:10px;padding:12px 12px 14px;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px #0006}.pp__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.pp__tag{font-variation-settings:"wdth" 120;color:var(--led);margin:0;font-size:22px;font-style:italic;font-weight:900}.pp__hint{letter-spacing:.2em;text-transform:uppercase;color:var(--panel-dim);font-size:10px;font-weight:700}.bets{grid-template-columns:repeat(5,1fr);gap:10px 8px;display:grid}.bet{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.bet__leds{background:var(--led-bg);border-radius:4px;justify-content:center;align-items:center;gap:4px;max-width:100%;padding:4px 5px;display:flex;box-shadow:inset 0 0 0 1px #000,0 1px #ffffff0d}.led{gap:1px;height:18px;display:flex}.led svg{width:auto;height:100%}.led--odds{--led:var(--led-green)}.led--bet{--led:var(--led-red);border-left:1px solid #2a1414;padding-left:4px}.key{aspect-ratio:3/2;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#fbfbfb 0%,#b9b9b9 38%,#e9e9e9 55%,#8c8c8c 100%);border:0;border-radius:7px;width:100%;max-width:96px;padding:5px;transition:transform 50ms,box-shadow 50ms;position:relative;box-shadow:0 4px #3b3632,0 6px 10px #0009,inset 0 1px #fff}.key__cap{filter:brightness(.5)saturate(.6);background:radial-gradient(circle at 50% 38%,#fff6dc 0 22%,#e7d6b0 62%,#b8a582);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;transition:filter .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059,inset 0 -6px 10px #0000002e}.key__cap:after{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff8c 0 18%,#0000 42%);border-radius:5px;position:absolute;inset:0}.is-open .key__cap{filter:none;box-shadow:inset 0 0 0 1px #00000059,inset 0 0 14px #ffd66ee6,inset 0 -6px 10px #0000001f}.is-open .key{box-shadow:0 4px 0 #3b3632,0 6px 10px #0009,inset 0 1px 0 #fff,0 0 18px var(--btn-glow)}.key:active,.key.is-down{transform:translateY(3px);box-shadow:0 1px #3b3632,0 2px 4px #0009,inset 0 1px #fff}.key__pair{gap:3px;display:flex}.key__pair i{aspect-ratio:1;background:var(--c);width:clamp(15px,2.6vw,21px);color:var(--ink);border-radius:50%;place-items:center;font:900 clamp(9px,1.5vw,12px)/1 Archivo,sans-serif;display:grid;box-shadow:0 0 0 1px #0009,inset 0 -2px #0003}.key__hint{color:#6f604b;font-size:8px;font-weight:800;display:none}@media (hover:hover) and (pointer:fine){.key__hint{display:block}}.bet.is-win .bet__leds{box-shadow:inset 0 0 0 1px #000,0 0 12px var(--led-green)}.is-result .bet.is-win .key__cap{animation:.9s step-end infinite winblink}.is-result .bet.is-win .key{box-shadow:0 4px 0 #3b3632,0 6px 10px #0009,inset 0 1px 0 #fff,0 0 22px var(--btn-glow)}@keyframes winblink{0%{filter:none;box-shadow:inset 0 0 0 1px #00000059,inset 0 0 16px #ffd66e}50%{filter:brightness(.5)saturate(.6);box-shadow:inset 0 0 0 1px #00000059}}.mult{background:#120d0c;border-radius:8px;flex-direction:column;grid-area:4/3/span 2/span 3;place-self:end stretch;align-items:center;gap:8px;padding:10px 10px 12px;display:flex;box-shadow:inset 0 0 0 1px #000,inset 0 2px 6px #0009}.mult__lbl{letter-spacing:.22em;text-transform:uppercase;color:var(--panel-dim);font-size:9px;font-weight:800}.mult__keys{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.key--mult{max-width:none}.again{background:#120d0c;border-radius:8px;grid-area:3/4/auto/span 2;align-self:end;padding:10px;box-shadow:inset 0 0 0 1px #000,inset 0 2px 6px #0009}.key--again{aspect-ratio:auto;max-width:none;height:clamp(38px,6vw,48px)}.key--again .key__cap b{letter-spacing:.14em;text-transform:uppercase;color:#3a2a17;font:900 clamp(11px,1.8vw,14px)/1 Archivo,sans-serif}.key--again.is-lit .key__cap{filter:none;box-shadow:inset 0 0 0 1px #00000059,inset 0 0 14px #ffd66ef2}.key--again.is-lit{box-shadow:0 4px 0 #3b3632,0 6px 10px #0009,inset 0 1px 0 #fff,0 0 16px var(--btn-glow)}.key--again:not(.is-lit) .key__cap,.is-open .key--again:not(.is-lit) .key__cap{filter:brightness(.5)saturate(.6);box-shadow:inset 0 0 0 1px #00000059}.key--mult .key__cap b{color:#3a2a17;font:900 clamp(12px,2vw,16px)/1 Archivo,sans-serif}.key--mult.is-lit .key__cap,.is-open .key--mult.is-lit .key__cap{filter:none;box-shadow:inset 0 0 0 1px #00000059,inset 0 0 14px #ffd66ef2}.key--mult.is-lit{box-shadow:0 4px 0 #3b3632,0 6px 10px #0009,inset 0 1px 0 #fff,0 0 16px var(--btn-glow)}.key--mult:not(.is-lit) .key__cap,.is-open .key--mult:not(.is-lit) .key__cap{filter:brightness(.5)saturate(.6);box-shadow:inset 0 0 0 1px #00000059}.pp__side{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.ledbox{background:var(--led-bg);border-radius:6px;padding:6px 8px 7px;box-shadow:inset 0 0 0 1px #000}.ledbox__lbl{letter-spacing:.22em;color:var(--panel-dim);margin-bottom:4px;font-size:9px;font-weight:800;display:block}.led4{gap:3px;height:28px;display:flex}.led4 svg{width:auto;height:100%}.seg{fill:var(--led-off)}.seg.on{fill:var(--led);filter:drop-shadow(0 0 2px var(--led))}.rounds{grid-column:1/-1;justify-content:center;gap:28px;padding:4px 0 2px;display:flex}.round{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;color:var(--panel-ink);letter-spacing:.2em;text-transform:uppercase;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;font:800 10px Archivo,sans-serif;display:flex}.round__cap{background:linear-gradient(145deg,#fbfbfb,#a9a9a9 45%,#ececec 60%,#868686);border-radius:50%;width:58px;height:58px;transition:transform 50ms,box-shadow 50ms;position:relative;box-shadow:0 4px #3b3632,0 6px 10px #0009}.round__cap:before{content:"";background:radial-gradient(circle at 50% 35%,#fff7d6 0 18%,var(--cap) 62%,var(--cap-edge));border-radius:50%;position:absolute;inset:7px;box-shadow:inset 0 0 0 1px #00000059,inset 0 0 12px #ffffff59}.round__cap:after{content:"";background:linear-gradient(160deg,#fff9 0 20%,#0000 45%);border-radius:50%;position:absolute;inset:7px}.round--coin{--cap:#f2b635;--cap-edge:#a8740f}.round--pay{--cap:#e9e2d0;--cap-edge:#a59a82}.round:active .round__cap,.round.is-down .round__cap{transform:translateY(3px);box-shadow:0 1px #3b3632,0 2px 4px #0009}.tray{letter-spacing:.2em;color:var(--panel-dim);text-transform:uppercase;background:#0f0b0a;border-radius:6px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:10px;font-weight:800;display:flex;box-shadow:inset 0 3px 6px #000c}.tray b{letter-spacing:.06em;color:var(--coin);font-variation-settings:"wdth" 80;font-size:14px}.tray b.is-up{color:#6be08a}.tray b.is-down{color:#ff6b5f}.op{flex-direction:column;align-items:center;gap:10px;min-width:130px;padding-top:6px;display:flex}.op__label{letter-spacing:.26em;color:var(--panel-dim);text-transform:uppercase;font-size:9px;font-weight:800}.sw{cursor:pointer;color:var(--panel-ink);letter-spacing:.18em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:8px;padding:4px;font:800 11px Archivo,sans-serif;display:flex}.sw__track{background:#0b0808;border-radius:9px;width:34px;height:18px;position:relative;box-shadow:inset 0 0 0 1px #3a2c28}.sw__track:after{content:"";background:#6b5b4d;border-radius:50%;width:14px;height:14px;transition:left .15s,background .15s;position:absolute;top:2px;left:2px}.sw[aria-pressed=true] .sw__track:after{background:var(--bulb);box-shadow:0 0 8px var(--bulb);left:18px}.sw:disabled{opacity:.4;cursor:not-allowed}.viewsel{background:#0b0808;border-radius:8px;gap:3px;padding:3px;display:inline-flex;box-shadow:inset 0 0 0 1px #3a2c28}.viewsel button{color:var(--panel-dim);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font:800 10px Archivo,sans-serif}.viewsel button[aria-pressed=true]{background:var(--panel-edge);color:var(--bulb)}.op__race{letter-spacing:.14em;color:var(--panel-dim);text-transform:uppercase;text-align:center;font-size:10px;font-weight:700;line-height:1.5}.op__race b{letter-spacing:.02em;color:var(--cream);font-size:22px;font-style:italic;font-weight:900;display:block}.door{background:var(--cream);justify-content:center;padding:18px 0 22px;display:flex}.door__plate{background:linear-gradient(#2a2220,#151110);border-radius:8px;align-items:center;padding:12px 22px;display:flex;box-shadow:inset 0 0 0 2px #0a0807}.slot{letter-spacing:.2em;color:var(--bulb);flex-direction:column;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.slot i{background:linear-gradient(#f25a2a,#a8240c);border-radius:4px;width:30px;height:40px;position:relative;box-shadow:0 0 12px #ff5a2880,inset 0 0 0 2px #3a0c04}.slot i:after{content:"";background:#1a0703;border-radius:2px;width:4px;height:24px;position:absolute;top:8px;left:13px}.kick{background:repeating-linear-gradient(90deg,var(--stripe-c) 0 30px,#5a140c 30px 60px);border-radius:0 0 4px 4px;height:26px;margin:0 -14px}.operator{background:var(--panel);width:min(100%,900px);color:var(--panel-ink);border-radius:10px}.operator summary{cursor:pointer;letter-spacing:.24em;text-transform:uppercase;color:var(--panel-dim);padding:12px 16px;font-size:11px;font-weight:800}.operator__body{flex-wrap:wrap;gap:16px 24px;padding:4px 16px 16px;display:flex}.op-field{letter-spacing:.16em;text-transform:uppercase;color:var(--panel-dim);flex-direction:column;gap:6px;font-size:10px;font-weight:800;display:flex}.op-field select{background:var(--cream);color:#241a12;border:0;border-radius:6px;padding:6px 8px;font:600 13px Archivo,sans-serif}.op-field output{letter-spacing:0;text-transform:none;color:var(--cream);font:600 12px/1.5 ui-monospace,monospace}.notes{max-width:760px;color:var(--panel-dim);text-align:center;font-size:13px;line-height:1.6}.notes p{margin:0 0 8px}.notes kbd{color:var(--cream);background:#2a1f1b;border-radius:3px;padding:1px 5px;font:700 11px Archivo,sans-serif}@media (max-width:760px){.panel{grid-template-columns:1fr}.op{flex-flow:wrap;order:-1;justify-content:center;gap:8px 14px;min-width:0;padding-top:0}.op__race,.op__label{display:none}}@media (max-width:520px){.cab{padding:0 8px}.marquee{margin:0 -8px;padding:16px 14px 14px}.kick{margin:0 -8px}.bezel{padding:10px 8px}.bezel__print{letter-spacing:.1em;font-size:9px}.panel{padding:12px 8px 14px}.pp{padding:10px 8px 12px}.bets{gap:8px 4px}.bet__leds{gap:2px;width:100%;padding:3px}.led{gap:0;height:11px}.led--bet{padding-left:2px}.key{border-radius:7px;padding:4px}.rounds{gap:20px}.round__cap{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){.bulbs:before{animation:none}.is-result .bet.is-win .key__cap{filter:none;animation:none}.key,.key__cap,.round__cap,.sw__track:after{transition:none}}