:root{--color-bg:#1d2b53;--color-bg-deep:#0f1730;--color-text:#fff;--color-muted:#c9d3f0;--color-accent:#ffd166;--color-danger:#e63946;--color-ink:#3b2600;--plastic-light:#ffd84d;--plastic:#ffb703;--plastic-dark:#e08e00;--plastic-edge:#a85d00;--bezel:#14213d;--bezel-deep:#0b132b;--radius:16px;--font:"Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif;--wheel-size:min(50vw, 250px, 30dvh);--action-size:clamp(60px, 17vw, 86px)}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 0%, #ffffff14 0, transparent 60%), radial-gradient(circle at 50% 30%, var(--color-bg) 0%, var(--color-bg-deep) 100%);color:var(--color-text);font-family:var(--font);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}button{font:inherit;touch-action:none}.app{height:100vh;height:100dvh;padding:calc(env(safe-area-inset-top) + 6px) calc(env(safe-area-inset-right) + 6px) calc(env(safe-area-inset-bottom) + 6px) calc(env(safe-area-inset-left) + 6px);justify-content:center;align-items:center;display:flex}.cabinet{background:linear-gradient(160deg, var(--plastic-light) 0%, var(--plastic) 50%, var(--plastic-dark) 100%);width:100%;max-width:540px;height:100%;max-height:1180px;box-shadow:inset 0 3px 0 #ffffff8c, inset 0 -6px 0 #00000029, 0 0 0 3px var(--plastic-edge), 0 18px 40px #0000008c;border-radius:30px;flex-direction:column;padding:10px 10px 12px;display:flex;position:relative}.screw{background:radial-gradient(circle at 35% 35%,#f3f4f6,#9ca3af 70%);border-radius:50%;width:11px;height:11px;position:absolute;box-shadow:0 1px 1px #00000059}.screw:after{content:"";background:#6b7280;border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:2px;right:2px;transform:rotate(-35deg)}.screw--tl{top:9px;left:9px}.screw--tr{top:9px;right:9px}.screw--bl{bottom:9px;left:9px}.screw--br{bottom:9px;right:9px}.marquee{background:linear-gradient(180deg, #ef4b57, var(--color-danger) 60%, #c1121f);border-radius:14px;flex:none;justify-content:center;align-items:center;height:38px;margin:0 14px 8px;display:flex;position:relative;box-shadow:inset 0 2px #ffffff59,0 3px #8d0f19}.marquee__flag{background:repeating-conic-gradient(#1d1d1d 0 25%, #fff 0 50%) 0 0 / 9px 9px;border-radius:3px;width:26px;height:18px;margin-top:-9px;position:absolute;top:50%;left:10px;box-shadow:0 0 0 2px #fff9}.marquee__title{color:#fff;letter-spacing:.04em;text-shadow:0 2px #8d0f19,0 0 10px #ffd1668c;text-transform:uppercase;white-space:nowrap;font-size:21px;font-style:italic;font-weight:900}.mute{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin-top:-22px;padding:0;display:grid;position:absolute;top:50%;right:4px}.mute svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;background:#00000038;border-radius:50%;width:28px;height:28px;padding:3px}.mute__speaker{fill:currentColor}.mute__cross,.mute[data-muted=true] .mute__waves{display:none}.mute[data-muted=true] .mute__cross{display:inline}.mute:focus-visible{outline-offset:-2px;outline:3px solid #fff}.stage{background:var(--bezel);min-width:0;min-height:0;box-shadow:inset 0 0 0 3px var(--bezel-deep), inset 0 8px 16px #0009, 0 2px 0 #ffffff73;border-radius:20px;flex:auto;justify-content:center;align-items:center;padding:7px;display:flex}.viewport{border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000;container-type:size}.viewport__canvas{width:100%;height:100%;display:block}.console{background:linear-gradient(#0000001a,#00000005);border-radius:22px;flex:none;grid-template-columns:1fr auto 1fr;grid-template-areas:"horn wheel turbo""hint hint hint";align-items:end;column-gap:10px;margin-top:10px;padding:10px 6px 8px;display:grid;box-shadow:inset 0 3px 6px #0000002e,0 1px #ffffff80}.console__action{flex-direction:column;align-items:center;gap:6px;padding-bottom:4px;display:flex}.console__action--horn{grid-area:horn}.console__action--turbo{grid-area:turbo}.console__arrow{z-index:1;width:40px;height:40px;color:var(--color-ink);pointer-events:none;background:#3b26001f;border-radius:50%;place-items:center;margin-bottom:4px;display:grid;position:relative}.console__arrow svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.5px;width:26px;height:26px}.console__hint{color:var(--color-ink);opacity:.75;text-align:center;grid-area:hint;margin:8px 0 0;font-size:12px;font-weight:700;display:none}@media (hover:hover) and (pointer:fine){.console__hint{display:block}}.wheel{width:var(--wheel-size);aspect-ratio:1;border-radius:50%;grid-area:wheel}.console{position:relative}.console__steer{z-index:0;border-radius:inherit;cursor:pointer;touch-action:none;position:absolute;inset:0}.wheel,.action__label,.console__hint{z-index:1;pointer-events:none;position:relative}.action{z-index:1}.wheel__svg{filter:drop-shadow(0 7px 8px #0006);will-change:transform;pointer-events:none;width:100%;height:100%;display:block}.action{width:var(--action-size);height:var(--action-size);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:transform 60ms ease-out,box-shadow 60ms ease-out,filter .12s;display:grid;position:relative}.action svg{z-index:1;fill:currentColor;filter:drop-shadow(0 2px #00000040);width:54%;height:54%;position:relative}.action.is-pressed{transform:translateY(4px)}.action:focus-visible{outline-offset:3px;outline:3px solid #fff}.action__label{color:var(--color-ink);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:900}.action--horn{background:radial-gradient(circle at 35% 30%,#7fb2ff,#3a86ff 55%,#2563eb);box-shadow:0 6px #1e40af,0 8px 12px #0000004d,inset 0 2px #ffffff73}.action--horn.is-pressed{box-shadow:0 2px #1e40af,0 3px 6px #0000004d,inset 0 2px #ffffff73}.action--turbo{--charge:1;background:radial-gradient(circle at 35% 30%,#ffb15c,#ff7a00 55%,#e85d04);box-shadow:0 6px #9a3412,0 8px 12px #0000004d,inset 0 2px #ffffff73}.action--turbo:before{pointer-events:none;background:conic-gradient(#fff calc(var(--charge) * 360deg), #0000002e 0);content:"";border-radius:50%;position:absolute;inset:-7px;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(closest-side,#0000 calc(100% - 6px),#000 calc(100% - 5px))}.action--turbo.is-pressed{box-shadow:0 2px #9a3412,0 3px 6px #0000004d,inset 0 2px #ffffff73}.action--turbo[data-state=ready]:after{pointer-events:none;content:"";border-radius:50%;animation:1.6s ease-out infinite ready-pulse;position:absolute;inset:-7px;box-shadow:0 0 #ffffffb3}.action--turbo[data-state=active]{filter:brightness(1.15)saturate(1.2);animation:.3s ease-in-out infinite alternate turbo-glow}.action--turbo[data-state=cooldown]{filter:grayscale(.75)brightness(.9)}.action--turbo[data-state=cooldown] svg{opacity:.45}@keyframes ready-pulse{0%{box-shadow:0 0 #ffffffb3}to{box-shadow:0 0 0 12px #fff0}}@keyframes turbo-glow{0%{box-shadow:0 6px #9a3412,0 0 10px 2px #fa09,inset 0 2px #ffffff73}to{box-shadow:0 6px #9a3412,0 0 22px 8px #ffaa00d9,inset 0 2px #ffffff73}}.hud{pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:8px;left:8px;right:8px}.hud__panel{background:#0e1530b8;border-radius:10px;flex-direction:column;padding:4px 10px 5px;line-height:1.1;display:flex}.hud__panel--turbo{align-items:flex-end}.hud__label{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.hud__value{color:var(--color-accent);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:22px;font-weight:800}.hud__best{color:var(--color-muted);font-variant-numeric:tabular-nums;text-transform:uppercase;font-size:10px}.hud__meter{--charge:1;background:#ffffff2e;border-radius:4px;width:74px;height:14px;margin-top:4px;display:block;position:relative;overflow:hidden}.hud__meter-fill{background:var(--color-accent);transform:scaleX(var(--charge));transform-origin:0;position:absolute;inset:0}.hud__meter:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 13px,#0e1530e6 13px 15.5px);position:absolute;inset:0}.hud__meter[data-state=active] .hud__meter-fill{background:#ff7a00}.hud__meter[data-state=cooldown] .hud__meter-fill{background:repeating-linear-gradient(135deg,#8ecae6 0 4px,#5fa8d3 4px 8px)}.popups{pointer-events:none;position:absolute;inset:0;overflow:hidden}.popup{color:var(--color-accent);text-shadow:0 2px #1d2b53,0 0 6px #0009;white-space:nowrap;font-size:20px;font-weight:900;position:absolute;transform:translate(-50%,-50%)}.popup[data-variant=big]{color:#fff;-webkit-text-stroke:1.5px #1d2b53;font-size:30px;font-style:italic}.popup[data-variant=turbo]{color:#ff9f1c;-webkit-text-stroke:1px #1d2b53;font-size:24px;font-style:italic}.ready{width:100%;color:var(--color-text);cursor:pointer;text-align:center;background:radial-gradient(circle at 50% 45%,#0a0f234d,#0a0f23a6);border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:20px;display:flex;position:absolute;inset:0}.ready:focus-visible{outline:4px solid var(--color-accent);outline-offset:-6px}.ready__title{color:var(--color-accent);text-shadow:0 3px #c1121f;text-transform:uppercase;margin-bottom:4cqh;font-size:clamp(20px,8.5cqw,34px);font-style:italic;font-weight:900}.ready__main{text-shadow:0 3px #00000073;text-transform:uppercase;max-width:92%;font-size:clamp(18px,7.5cqw,32px);font-weight:900;line-height:1.15;animation:1.6s ease-in-out infinite wobble}.ready__or{color:var(--color-muted);text-transform:uppercase;font-size:15px;font-weight:700}.ready__sub{background:var(--color-danger);text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:8px 18px;font-size:clamp(14px,5.2cqw,20px);font-weight:900;box-shadow:0 4px #9d1c27}.ready__best{color:var(--color-muted);font-variant-numeric:tabular-nums;text-transform:uppercase;margin-top:4cqh;font-size:13px}@keyframes wobble{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.rotate-hint{color:var(--color-muted);text-align:center;pointer-events:none;background:#0e1530bf;border-radius:8px;margin:0;padding:4px 8px;font-size:11px;display:none;position:absolute;bottom:8px;left:8px;right:8px}@media (orientation:landscape) and (max-height:820px){:root{--wheel-size:min(28vw, 220px, 52dvh);--action-size:clamp(54px, 9dvh + 20px, 76px)}.cabinet{grid-template:"stage marquee""stage console"1fr/auto auto;column-gap:10px;width:auto;max-width:1100px;display:grid}.stage{grid-area:stage;width:calc(75dvh - 23.5px)}.marquee{grid-area:marquee;margin:0 0 8px;padding-left:40px;padding-right:40px}.console{grid-area:console;grid-template-columns:1fr 1fr;grid-template-areas:"wheel wheel""horn turbo""hint hint";align-content:center;justify-items:center;row-gap:6px;margin-top:0}}@media (orientation:landscape) and (max-height:560px){.marquee__title{font-size:16px}.console__arrow{display:none}}@media (orientation:landscape) and (max-height:560px) and (pointer:coarse){.rotate-hint{display:block}}@media (orientation:portrait) and (max-height:640px){.marquee{height:30px;margin-bottom:6px}.marquee__title{font-size:17px}.console{margin-top:6px;padding-top:6px}}@media (prefers-reduced-motion:reduce){.ready__main,.action--turbo[data-state=ready]:after,.action--turbo[data-state=active]{animation:none}}