:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background-color:#0d0b09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cg fill='none' stroke='%23d8b56a'%3E%3Cpath d='M48 0L96 48 48 96 0 48Z' stroke-opacity='0.032'/%3E%3Cpath d='M48 18L78 48 48 78 18 48Z' stroke-opacity='0.018'/%3E%3C/g%3E%3Cg fill='%23d8b56a' fill-opacity='0.05'%3E%3Ccircle cx='48' cy='0' r='1'/%3E%3Ccircle cx='0' cy='48' r='1'/%3E%3C/g%3E%3C/svg%3E");background-size:140px 140px,96px 96px;font-family:Avenir Next,Futura,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}#stage{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh}#stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 95% 85% at 50% 46%,transparent 52%,rgba(0,0,0,.24) 100%)}.plate-wrap{position:absolute;touch-action:none}.light-pool{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 58% 52% at 50% 54%,rgba(255,178,82,.95),rgba(255,148,48,.35) 45%,transparent 74%);opacity:.05;pointer-events:none;will-change:opacity}.contact-shadow{position:absolute;left:6%;right:6%;bottom:-6.5%;height:11%;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(0,0,0,.8),transparent 68%);filter:blur(8px);pointer-events:none}.state-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;visibility:hidden;pointer-events:none;clip-path:inset(5.382% 2.05% 4.9% 1.709% round 6.35% 6.35% 7.32% 7.32% / 11.28% 11.28% 13.02% 13.02%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 99%);mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 99%)}.state-img.state-base{visibility:visible}.state-img.state-lit{visibility:visible;opacity:0;transition:opacity .4s ease}body.powered .state-img.state-lit{opacity:1}.lamp{position:absolute;opacity:0;pointer-events:none;will-change:opacity}.lamp-css{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,216,140,.9),rgba(255,190,90,.35) 45%,transparent 72%);filter:blur(5px)}.dial-window{position:absolute;touch-action:none;cursor:grab;outline:none}.dial-window.scrubbing{cursor:grabbing}.dial-window.armed{cursor:crosshair}body:not(.powered) .dial-window{cursor:pointer}.dial-window:focus-visible{box-shadow:0 0 0 2px #fbbf248c;border-radius:8px}.tick,.needle-wrap,.grain,.station-label{transition:opacity .4s ease}body:not(.powered) .tick,body:not(.powered) .needle-wrap,body:not(.powered) .grain,body:not(.powered) .station-label{opacity:0!important}.tick{position:absolute;border-radius:1px;transform:translate(-50%);opacity:.8}.tick.major{opacity:1}.needle-wrap{position:absolute;left:0;width:0;--glow: .35;will-change:transform;pointer-events:none}.needle-spill{position:absolute;top:-14%;left:0;height:128%;width:130px;transform:translate(-50%);opacity:calc(var(--glow) * .25);background:radial-gradient(ellipse 50% 50% at center,rgba(251,191,36,.85),rgba(245,158,11,.28) 55%,transparent 75%);mix-blend-mode:screen;will-change:opacity}.needle-core,.needle-bloom{position:absolute;top:0;left:0;height:100%;width:4px;transform:translate(-50%);border-radius:2px;background:linear-gradient(180deg,#fff8e700 8%,#fff8e7d9 46%,#fff8e7d9 54%,#fff8e700 92%),linear-gradient(90deg,#b45309,#fde68a 40%,#fff8e7,#fde68a 60%,#b45309)}.needle-core{outline:1px solid rgba(69,26,3,.5);box-shadow:0 0 2px rgba(255,248,235,var(--glow)),0 0 9px rgba(253,211,92,calc(var(--glow) * .85)),0 0 26px rgba(245,158,11,calc(var(--glow) * .5)),0 0 64px rgba(224,122,8,calc(var(--glow) * .3));will-change:transform,opacity}.needle-core:before,.needle-core:after{content:"";position:absolute;left:50%;width:9px;height:9px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,240,200,.9),rgba(253,211,92,.35) 45%,transparent 70%);opacity:calc(var(--glow) * .7)}.needle-core:before{top:0}.needle-core:after{top:100%}.needle-flare{position:absolute;top:50%;left:0;width:130px;height:3px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(255,225,160,.75) 50%,transparent);filter:blur(1.5px);mix-blend-mode:screen;opacity:calc(var(--glow) * .55);will-change:opacity}.needle-bloom{width:7px;filter:blur(5px);mix-blend-mode:screen;opacity:0;transition:opacity .12s ease}.needle-bloom.on{transition:opacity .4s ease;opacity:.85}.station-label{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;text-align:center;text-transform:uppercase;letter-spacing:.35em;font-size:clamp(8px,1.05vw,15px);font-weight:600;color:#d8b56a;text-shadow:0 0 12px rgba(216,181,106,.35);opacity:0;pointer-events:none;will-change:opacity;transition:opacity .15s ease}.station-label.stamped{animation:stamp .5s cubic-bezier(.2,1.2,.3,1) both;color:#ffd9a0;text-shadow:0 0 6px rgba(255,200,120,.9),0 0 18px rgba(255,170,60,.55),0 0 42px rgba(255,150,30,.3)}@keyframes stamp{0%{letter-spacing:8px;opacity:0}to{letter-spacing:2px;opacity:1}}.grain{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply;opacity:.06;pointer-events:none;background-repeat:repeat}.dial-window.break-mode .tick,.dial-window.break-mode .needle-wrap{display:none}.break-invite{position:absolute;left:50%;top:15%;transform:translate(-50%,-50%);white-space:nowrap;text-transform:uppercase;letter-spacing:.45em;font-size:clamp(11px,1.6vw,22px);font-weight:700;color:#f3e9d2;text-shadow:0 0 14px rgba(240,220,170,.5);opacity:0;pointer-events:none;transition:opacity .4s ease}.break-invite.show{opacity:1;animation:invite-pulse 1.8s ease-in-out infinite}@keyframes invite-pulse{0%,to{opacity:.55}50%{opacity:1}}.break-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}.shard-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.shard{position:absolute;background:linear-gradient(135deg,#fffffff2,#fde68abf);will-change:transform,opacity}.game-mount{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:transparent;overflow:hidden}.game-mount.on{display:flex}.crt-line{position:absolute;left:6%;right:6%;top:50%;height:2px;background:#fff;box-shadow:0 0 12px #ffffffe6;transform-origin:center}.crt-bloom{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(255,255,255,.95),rgba(255,255,255,.2) 60%,transparent 80%);opacity:0;pointer-events:none}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:2}.scanlines.show{opacity:1}.game-canvas{image-rendering:pixelated;touch-action:none;z-index:1}.knob{position:absolute;aspect-ratio:1;border-radius:50%;touch-action:none}.knob-rotor{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;will-change:transform}.knob-dot{position:absolute;left:50%;top:8%;width:9%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:#fff0c8d9;box-shadow:0 0 6px #ffdc96cc;opacity:0;transition:opacity .4s ease}body.powered .knob-dot{opacity:1}.mode-mobile .knob{pointer-events:none}.mode-mobile .knob-dot{display:none}.type-line{position:absolute;left:0;width:100%;text-align:center;font-size:12px;letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:#e9dcbe99;pointer-events:none;z-index:2;transition:opacity 1s ease}.mode-mobile .type-show{font-size:9px;letter-spacing:.26em;text-indent:.26em}.type-show{font-size:11px;letter-spacing:.35em;text-indent:.35em;color:#e9dcbe80}.type-hint{font-variant:small-caps;text-transform:lowercase;font-size:12px;letter-spacing:.35em;text-indent:.35em;color:#ffd68cbf;animation:hint-pulse 2.2s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.45}50%{opacity:1}}.type-line.gone{opacity:0!important;animation:none}body.lines-hidden .type-line{opacity:0}.cta{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%,calc(100% + 80px));width:max-content;transition:transform .5s cubic-bezier(.2,1.1,.3,1);z-index:10;background-color:#f1e6cc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23p)' opacity='0.09'/%3E%3C/svg%3E");background-blend-mode:multiply;color:#2c2012;padding:22px 36px 18px;border-radius:4px;border:1px solid #2c2012;text-align:center;box-shadow:0 1px #fff6dc12,0 24px 60px #000000a6,0 6px 18px #00000073;max-width:min(86vw,400px)}.cta:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(146,113,66,.55);border-radius:2px;pointer-events:none}.cta.show{transform:translate(-50%)}.mode-mobile .cta{bottom:calc(44px + env(safe-area-inset-bottom))}.cta-kicker{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:600;letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:#6f5738}.cta-kicker:before,.cta-kicker:after{content:"";width:28px;height:1px;background:linear-gradient(to left,rgba(138,111,77,.75),transparent)}.cta-kicker:after{background:linear-gradient(to right,rgba(138,111,77,.75),transparent)}.cta-title{font-weight:800;font-size:22px;letter-spacing:.08em;margin-top:7px;color:#241a10;text-shadow:0 1px 0 rgba(255,250,235,.5)}.cta-sub{font-size:12.5px;font-weight:500;letter-spacing:.16em;text-indent:.16em;margin-top:5px;text-transform:uppercase;color:#3a2b18}.cta-rule{position:relative;height:1px;margin:14px 4px 0;background:linear-gradient(90deg,transparent,rgba(138,111,77,.55) 22%,rgba(138,111,77,.55) 78%,transparent)}.cta-rule:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%) rotate(45deg);background:#a8834f;box-shadow:0 0 0 3px #f1e6cc}.cta-btn{display:block;width:max-content;margin:14px auto 0;background:#241a10;color:#f0dfb8;padding:10px 24px;border-radius:3px;border:1px solid rgba(216,181,106,.45);box-shadow:inset 0 1px #ffffff14,0 2px 8px #00000059;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.12em;text-indent:.12em;text-transform:uppercase;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.cta-btn:hover{border-color:#d8b56ad9;box-shadow:inset 0 1px #ffffff14,0 3px 10px #0006,0 0 16px #d8b56a2e;transform:translateY(-1px)}.cta-btn:active{transform:translateY(0)}.game-note{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);width:94vw;text-align:center;font-size:11px;letter-spacing:.06em;color:#f3e9d2d9;z-index:11;opacity:0;pointer-events:none;transition:opacity .6s ease .15s}.game-note.show{opacity:1}.whale{position:fixed;right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:10;font-size:22px;background:none;border:none;padding:6px;cursor:pointer;opacity:0;transform:scale(.6);transition:opacity .4s,transform .4s cubic-bezier(.2,1.6,.3,1);pointer-events:none}.whale.show{opacity:.9;transform:scale(1);pointer-events:auto}.mode-mobile .whale{bottom:calc(52px + env(safe-area-inset-bottom))}.debug-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;font-size:10px}.dbg{position:absolute;border:1px solid}.dbg:after{content:attr(data-label);position:absolute;top:-14px;left:2px;letter-spacing:.08em}.dbg-circle{border-radius:50%}.dbg-line{width:0;border-left:1px dashed}