:root{color-scheme:dark;--mono: ui-monospace, "SF Mono", Menlo, Consolas, "Courier New", monospace}*{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='7' height='7'%3E%3Cg stroke-width='1' fill='none'%3E%3Cpath d='M-1 6l8-8M-1 13l8-8' stroke='%23d8b56a' stroke-opacity='0.02'/%3E%3Cpath d='M-1 1l8 8M-8 1l8 8' stroke='%23000' stroke-opacity='0.14'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='480'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.006' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.85 0 0 0 0 0.71 0 0 0 0 0.42 0.4 0.4 0.4 0 -0.42'/%3E%3C/filter%3E%3Crect width='480' height='480' filter='url(%23m)' opacity='0.05'/%3E%3C/svg%3E");background-size:140px 140px,7px 7px,480px 480px;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}#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%)}#stage:before{content:"";position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;pointer-events:none;z-index:1;background:radial-gradient(ellipse 74% 50% at 50% 18%,rgba(119,215,222,.15),rgba(36,115,137,.07) 42%,transparent 68%),radial-gradient(ellipse 88% 68% at 58% 50%,#124a5e14 18%,#030a115c);background-size:130% 120%,118% 112%;background-position:50% 18%,58% 50%;opacity:0;transform:translateZ(0) scale(1.01);transition:opacity 2.6s ease;will-change:opacity,transform,background-position}body.broken #stage:before{opacity:1;animation:underwater-drift 18s ease-in-out infinite alternate}@keyframes underwater-drift{0%{background-position:48% 16%,60% 51%;transform:translate3d(-1.4%,-.8%,0) scale(1.01)}45%{background-position:53% 20%,55% 48%;transform:translate3d(1.1%,.6%,0) scale(1.035)}to{background-position:46% 22%,62% 53%;transform:translate3d(-.6%,1%,0) scale(1.025)}}body{transition:background-color 2.6s ease}body.broken{background-color:#071315}.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-pulse,.strip-pulse{position:absolute;opacity:0;pointer-events:none;mix-blend-mode:screen;will-change:opacity}.lamp-pulse{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,200,110,.85),rgba(255,170,70,.3) 45%,transparent 70%);filter:blur(3px)}.strip-pulse{border-radius:8px;background:radial-gradient(ellipse 55% 62% at 50% 50%,rgba(255,190,95,.55),rgba(255,165,60,.22) 55%,transparent 85%);filter:blur(6px)}.dial-window{position:absolute;touch-action:none;outline:none}.band-hit{position:absolute;touch-action:none;cursor:grab}.dial-window.scrubbing .band-hit{cursor:grabbing}.dial-window.armed,.dial-window.armed .band-hit{cursor:pointer}body:not(.powered) .dial-window,body:not(.powered) .band-hit{cursor:pointer}.dial-window.break-mode,.dial-window.break-mode .band-hit{cursor:default}.dial-window:focus-visible{box-shadow:none}@media(hover:hover){.dial-window{transition:box-shadow .35s ease;border-radius:8px}body:not(.powered) .dial-window:hover{box-shadow:0 0 30px #ffbe5f1f,inset 0 0 38px #ffbe5f14}}.tick,.needle-wrap,.grain,.station-label{transition:opacity .4s ease}body:not(.powered) .grain,body:not(.powered) .station-label{opacity:0!important}body:not(.powered) .tick{opacity:.45}body:not(.powered) .tick.major{opacity:.6}body:not(.powered) .needle-spill,body:not(.powered) .needle-flare,body:not(.powered) .needle-core:before,body:not(.powered) .needle-core:after{opacity:0!important}body:not(.powered) .needle-core{filter:brightness(.3) saturate(.5);box-shadow:none}.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));transition:filter .4s ease,box-shadow .4s ease;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}.glass-text{position:absolute;left:0;top:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7em;padding-top:1.5%;pointer-events:none}.glass-eyebrow-row{position:relative;line-height:1}.glass-eyebrow{font-family:var(--mono);font-weight:600;white-space:nowrap;letter-spacing:.42em;text-indent:.42em;color:#d6c6a87a;text-shadow:0 1px 0 rgba(0,0,0,.5);transition:opacity .45s ease,color .45s ease,text-shadow .45s ease}body.powered .glass-eyebrow{color:#ffd9a0;text-shadow:0 0 8px rgba(255,200,120,.5),0 0 22px rgba(255,170,60,.28)}body:not(.powered) .glass-eyebrow{animation:eyebrow-beckon 4.6s ease-in-out infinite}@keyframes eyebrow-beckon{0%,to{color:#d6c6a86b}62%{color:#ecdbbac7}78%{color:#e0cfb08c}}.dial-window.break-mode .glass-eyebrow{opacity:0}.station-label{white-space:nowrap;text-align:center;text-transform:uppercase;letter-spacing:.35em;text-indent:.35em;line-height:1.15;min-height:1.15em;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 .7s 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}14%{opacity:1}22%{opacity:.25}32%{opacity:1}42%{opacity:.45}56%{opacity:1}to{letter-spacing:2px;opacity:1}}.station-label.break-pulse{color:#fff;text-shadow:0 0 6px rgba(255,255,255,.95),0 0 18px rgba(255,255,255,.6),0 0 44px rgba(255,255,255,.35);animation:stamp .7s cubic-bezier(.2,1.2,.3,1) both,invite-pulse 1.8s ease-in-out .7s infinite}.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}@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}.knob{position:absolute;aspect-ratio:1;border-radius:50%;touch-action:none;cursor:grab}.knob:active{cursor:grabbing}body:not(.powered) .knob{cursor:pointer}.knob-rotor{position:absolute;aspect-ratio:1;border-radius:50%;will-change:transform;pointer-events:none}.knob-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.knob-face-on{opacity:0;transition:opacity .4s ease}body.powered .knob-face-on{opacity:1}.knob-spec{position:absolute;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 38% 28%,rgba(255,236,200,.26),rgba(255,236,200,.07) 40%,transparent 62%);mix-blend-mode:screen;opacity:.3;transition:opacity .4s ease}body.powered .knob-spec{opacity:.6}.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}.mode-mobile.broken .plate-wrap{margin-top:var(--mobile-broken-drop, clamp(180px, 28vh, 196px))}.power-btn{position:absolute;aspect-ratio:1;border-radius:50%;cursor:pointer;touch-action:none;outline:none}.power-btn:focus-visible{box-shadow:0 0 0 2px #fbbf248c}body:not(.powered) .lamp-pulse{animation:lamp-beckon 3.7s ease-in-out infinite}@keyframes lamp-beckon{0%,to{opacity:.03}14%{opacity:.12}24%{opacity:.06}52%{opacity:.18}64%{opacity:.08}}.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}.type-above,.type-show,.type-hint{display:none}.cta-reveal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:3.5% 4%;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:3}.cta-reveal.show{opacity:1;pointer-events:auto}.meter-tape{--ink: #2a241c;width:min(92%,56em);min-height:min(72%,12em);display:grid;grid-template-columns:minmax(0,3fr) minmax(12em,2fr);gap:4%;align-items:center;padding:6%;color:var(--ink);background:transparent;font-family:var(--mono);font-family:"Special Elite","American Typewriter",var(--mono)}.mobile-dive-mark{display:none;pointer-events:none}.tape-left,.tape-right{min-width:0}.tape-left{display:flex;flex-direction:column;align-items:flex-start;gap:.28em;padding-left:1%}.tape-line{position:relative;line-height:1;color:#2a241ce0;text-decoration:none;text-wrap:balance}.tape-headline{font-size:clamp(15px,1.72em,29px);letter-spacing:.08em;text-transform:uppercase;transform:rotate(-.22deg)}.tape-subline{font-size:clamp(12px,1.08em,20px);text-transform:lowercase}.tape-schedule{font-size:clamp(11px,.93em,17px);color:#2a241cc2;text-transform:lowercase}.tape-offset-a{transform:rotate(.26deg) translateY(.06em)}.tape-offset-b{transform:rotate(-.32deg) translateY(-.02em)}.tape-offset-c{transform:rotate(.18deg) translateY(.03em)}.tape-link,.tape-line a,.calendar-chooser a{color:#2a241cc7;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:color .12s ease,background-size .15s ease}.tape-link:hover,.tape-line a:hover,.calendar-chooser a:hover{color:var(--ink);background-size:100% 1px}.meter-tape :focus-visible{outline:1px dotted var(--ink);outline-offset:4px}.tape-right{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.68em}.meter-cta{position:relative;width:min(100%,15.8em);min-height:4.55em;display:grid;place-items:center;padding:.85em 1.1em .75em;border:0;background:transparent;color:#2a241ce0;font:inherit;font-size:clamp(13px,1.07em,21px);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transform:rotate(-1deg);transition:color .12s ease,transform .12s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.meter-cta:disabled{cursor:default}.meter-cta:not(:disabled):hover{color:var(--ink)}.meter-cta:not(:disabled):active{transform:rotate(-1deg) scale(.96)}.meter-cta-border{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.meter-cta-path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.88;stroke-dasharray:1;stroke-dashoffset:1}.meter-cta.drawn .meter-cta-path{animation:draw-ink-border .35s ease-out forwards}@keyframes draw-ink-border{to{stroke-dashoffset:0}}.meter-cta-label{position:relative;z-index:1;white-space:nowrap}.meter-cta-label:after{content:attr(data-text);position:absolute;inset:0 auto auto 0;opacity:0;transform:translate(.5px,.5px);pointer-events:none}.meter-cta:not(:disabled):hover .meter-cta-label:after{opacity:.45}.ink-bloom{position:absolute;width:12em;aspect-ratio:1;transform:translate(-50%,-50%) scale(0);border-radius:48% 52% 46% 54%/53% 44% 56% 47%;background:#2a241c14;filter:blur(1px);pointer-events:none;animation:ink-bloom .5s ease-out forwards}@keyframes ink-bloom{to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}.calendar-chooser{min-height:1.4em;display:flex;align-items:center;justify-content:center;gap:.45em;font-size:clamp(11px,.68em,15px);line-height:1.2;color:#2a241cb3;opacity:0;transition:opacity .18s ease}.calendar-chooser.open{opacity:1}.chooser-sep{opacity:.58}.saved-stamp{position:absolute;right:-.6em;bottom:1.05em;color:#2a241cc2;font-size:clamp(11px,.72em,15px);transform:rotate(4deg) scale(.94);opacity:0;transition:opacity .2s ease,transform .2s ease}.saved-stamp.show{opacity:1;transform:rotate(4deg) scale(1)}.typed-tick{animation:baseline-tick 90ms ease-out}@keyframes baseline-tick{0%{top:1px}to{top:0}}@media(prefers-reduced-motion:reduce){.meter-cta,.calendar-chooser,.saved-stamp,.tape-link,.calendar-chooser a{transition-duration:.001ms!important}.meter-cta.drawn .meter-cta-path{animation:none;stroke-dashoffset:0}.typed-tick,.ink-bloom,.mobile-dive-mark.drawn .mobile-dive-fill,.mobile-dive-mark.drawn .mobile-dive-scratch-a,.mobile-dive-mark.drawn .mobile-dive-scratch-b{animation:none}body.broken #stage:before{animation:none}.mobile-dive-mark.drawn .mobile-dive-fill{opacity:1}.mobile-dive-mark.drawn .mobile-dive-scratch-a,.mobile-dive-mark.drawn .mobile-dive-scratch-b{stroke-dashoffset:0}}@media(max-width:700px){.cta-reveal{position:fixed;top:0;right:0;bottom:0;left:0;align-items:start;justify-items:center;padding:calc(48px + env(safe-area-inset-top)) 20px 0;background:transparent}.meter-tape{--ink: #e8dcc4;width:min(350px,calc(100vw - 40px));height:auto;min-height:0;grid-template-columns:1fr;align-content:center;gap:14px;padding:0;text-align:center;color:var(--ink);text-shadow:0 1px 0 rgba(0,0,0,.55),0 0 16px rgba(232,220,196,.12)}.mobile-dive-mark{display:block;position:absolute;left:50%;top:50%;z-index:4;width:clamp(44px,15.5%,52px);height:auto;overflow:visible;opacity:0;transform:translate(-50%,-50%) rotate(-2deg)}.mobile-dive-mark.drawn{opacity:1}.mobile-dive-shadow{fill:#2a241c0a;transform:translate(7px,9px) rotate(1deg);transform-origin:center}.mobile-dive-fill{fill:#2a241c6b;transform:translate(.5px,-.5px) rotate(-.2deg);transform-origin:center;opacity:0}.mobile-dive-scratch-a,.mobile-dive-scratch-b{fill:none;stroke:#2a241c5c;stroke-width:9;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1850;stroke-dashoffset:1850;transform-origin:center}.mobile-dive-scratch-a{transform:translate(-1px,1.5px) rotate(-.35deg)}.mobile-dive-scratch-b{stroke:#2a241c33;stroke-width:5;transform:translate(2px,-1px) rotate(.42deg)}.mobile-dive-mark.drawn .mobile-dive-fill{animation:logo-fill-in .35s ease-out .22s forwards}.mobile-dive-mark.drawn .mobile-dive-scratch-a,.mobile-dive-mark.drawn .mobile-dive-scratch-b{animation:logo-scratch-in .52s cubic-bezier(.2,.8,.2,1) forwards}.mobile-dive-mark.drawn .mobile-dive-scratch-b{animation-delay:.08s}@keyframes logo-scratch-in{to{stroke-dashoffset:0}}@keyframes logo-fill-in{to{opacity:1}}.tape-left{align-items:center;padding-left:0;gap:5px}.tape-line{color:#e8dcc4f0}.tape-headline{max-width:13.8em;font-size:clamp(22px,6.4vw,28px);line-height:1.08;letter-spacing:.05em}.tape-subline{font-size:clamp(15px,4.2vw,18px);line-height:1.12}.tape-schedule{font-size:clamp(14px,3.8vw,16px);line-height:1.18;color:#e8dcc4d6}.tape-link,.tape-line a,.calendar-chooser a{color:#e8dcc4e6}.meter-cta{width:min(100%,280px);min-height:56px;padding:10px 16px 8px;font-size:clamp(15px,4.3vw,18px);color:#e8dcc4e6}.tape-right{gap:8px}.calendar-chooser{flex-direction:column;gap:0;font-size:clamp(15px,4.1vw,17px);min-height:0;color:#e8dcc4d1}.calendar-chooser a{min-height:38px;display:inline-flex;align-items:center}.chooser-sep{display:none}.saved-stamp{right:0;bottom:-18px;color:#e8dcc4d6;font-size:14px}}.whale{display:none;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}.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}
