:root{--night:.05}html,body{background:#1a1b1f}.kiosk{background:linear-gradient(#cdc8bc 0 50%,#dcd7ca 50%);position:fixed;inset:0;overflow:hidden}.stage{--w:min(160svh, 250vw);width:var(--w);height:calc(var(--w) * .625);margin:calc(var(--w) * -.3125) 0 0 calc(var(--w) * -.5)}.stage.is-dark{--night:.84}.tvlight{background:radial-gradient(ellipse 13% 20% at 50% 25%, rgb(var(--glow) / calc(var(--glow-a) * 1.2)), transparent 75%), radial-gradient(ellipse 34% 60% at 50% 55%, rgb(var(--glow) / var(--glow-a)), transparent 70%)}.tubelight{mix-blend-mode:screen;pointer-events:none;opacity:0;background:radial-gradient(22% 9% at 50% 7%,#ff283280,#0000 72%),radial-gradient(48% 30% at 50% 9%,#ff1e2829,#0000 70%);position:absolute;inset:0}.marquee{opacity:0;pointer-events:none;filter:drop-shadow(0 0 .8cqw #ff2828a6);width:24.5%;height:5.2%;position:absolute;top:4.4%;left:37.75%}.stage.is-on .marquee,.stage.is-on .tubelight{opacity:1;animation:1.4s linear tube-start}.stage.is-on.tapped .marquee,.stage.is-on.tapped .tubelight{animation:.6s linear tube-tap}@keyframes tube-start{0%,14%{opacity:0}16%{opacity:.8}19%{opacity:.1}30%{opacity:0}33%{opacity:.9}36%{opacity:.3}52%{opacity:.35}55%{opacity:1}58%{opacity:.5}64%,to{opacity:1}}@keyframes tube-tap{0%{opacity:1}10%{opacity:.25}22%{opacity:1}34%{opacity:.4}48%{opacity:.9}60%,to{opacity:1}}.screen{border-radius:2.7%/3.6%;width:11.5%;height:13.8%;top:17.7%;left:44.25%}.osd{text-shadow:0 0 .2cqw #50ff5ae6;font:400 1cqw/1 VT323,ui-monospace,monospace}.led{width:.3cqw;height:.3cqw}.monitor-led{background:#b3241c;top:35.1%;left:56.1%;box-shadow:0 0 .3cqw #ff2814b3}.stage.tv-on .monitor-led{background:var(--green-led);box-shadow:0 0 .4cqw #64ff78e6}.console-led{background:#3a1412;top:43.2%;left:53.1%}.stage.is-on .console-led{background:var(--red-led);box-shadow:0 0 .4cqw #ff3c28f2}.key-turn{transform-origin:930px 566px;transition:transform .2s}.stage.is-on .key-turn{transform:rotate(90deg)}.reset-knob{transition:transform .15s}.stage.resetting .reset-knob{transform:translateY(2px)}.cart-in{opacity:0;transition:transform .5s cubic-bezier(.3,1.4,.6,1),opacity .2s;transform:translateY(-24px)}.stage.has-cart .cart-in{opacity:1;transform:none}.cover{transform-origin:800px 378px;transition:transform .45s cubic-bezier(.3,1.2,.5,1),opacity .45s}.stage.cover-up .cover{opacity:.8;transform:translateY(-6px)scaleY(.32)}.pad1{transform-origin:602px 540px}.pad2{transform-origin:998px 540px}.switch-toggle{transition:transform .12s}.stage.is-dark .switch-toggle{transform:translateY(9px)}.hand-h,.hand-m,.hand-s{transform-origin:1440px 230px}.spot-marquee{width:30.5%;height:6.8%;top:3.6%;left:34.75%}.spot-key{border-radius:50%;width:1.6%;height:3.4%;top:54.3%;left:57.3%}.spot-cover{width:10.25%;height:6.8%;top:37.8%;left:44.9%}.spot-cart{width:2.5%;height:3.7%;top:37.5%;left:48.75%}.spot-reset{width:1.8%;height:2.2%;top:40%;left:51.7%}.spot-pad1{width:7.9%;height:6.5%;top:53%;left:30.4%}.spot-pad2{width:7.9%;height:6.5%;top:53%;left:61.75%}.spot-lights{width:1.9%;height:5%;top:38.4%;left:89.1%}.stage:not(.cover-up) .spot-cart,.stage:not(.cover-up) .spot-reset{display:none}.stage:not(.has-cart):not(.cover-up) .spot-cover,.stage:not(.is-on).has-cart .spot-key{animation:2.4s ease-in-out infinite hint}.scene-keys{top:auto;bottom:max(14px, env(safe-area-inset-bottom));background:#080c0ab8;border-radius:3px;max-width:min(100vw - 32px,62em);padding:4px 12px}.scene-status{top:auto;bottom:calc(62px + env(safe-area-inset-bottom))}@media (pointer:coarse),(max-width:900px){.scene-status{bottom:max(16px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.cart-in,.cover,.key-turn{transition:none}.stage.is-on .marquee,.stage.is-on .tubelight,.stage.is-on.tapped .marquee,.stage.is-on.tapped .tubelight,.stage:not(.has-cart):not(.cover-up) .spot-cover,.stage:not(.is-on).has-cart .spot-key{animation:none}}