:root{--ink: #08090a;--ink-2: #0d0f10;--ink-3: #14171a;--bone: #f5f3ee;--bone-dim: rgba(245, 243, 238, .56);--bone-faint: rgba(245, 243, 238, .22);--bone-ghost: rgba(245, 243, 238, .09);--green: #2f6b5e;--green-lit: #4ecfae;--amber: #d8a25a;--ui: 11px;--track: .22em;--signal: 0;--noise: 1;--glow: 0;--px: 0;--py: 0;--breathe: 0;--waveY: 0px;--gx: 0px;--gy: 0px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--bone);font-family:Archivo,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;overscroll-behavior:none}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;cursor:crosshair}::selection{background:var(--green);color:var(--bone)}.stage{position:fixed;inset:0;overflow:hidden;background:var(--ink)}.aura{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(58% 42% at 50% 50%,rgba(245,243,238,.05),transparent 70%),radial-gradient(115% 85% at 50% 52%,#2f6b5e33,#08090a00 58%),radial-gradient(100% 70% at 50% 120%,#2f6b5e0e,#08090a00 70%);opacity:calc(.3 + .7 * var(--glow));will-change:opacity;transform:translateZ(0)}.field{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.field__glow{position:absolute;left:50%;top:50%;width:min(1100px,120vw);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(78,207,174,.085) 0%,rgba(47,107,94,.03) 36%,transparent 62%);opacity:calc(.1 + .6 * var(--glow));transform:translate3d(calc(var(--px) * 14px),calc(var(--py) * 14px),0) scale(calc(.86 + .14 * var(--breathe)));transition:opacity 1.4s ease;will-change:opacity,transform}.field__wave{position:absolute;left:50%;top:50%;width:100%;height:46vh;translate:-50% calc(-50% + var(--waveY));transform:translate3d(calc(var(--px) * -10px),calc(var(--py) * -6px),0);opacity:0;will-change:translate,transform;transition:translate 2.4s cubic-bezier(.22,1,.36,1),opacity 1.6s ease;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%)}.receiver{position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(1120px,88vw);display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2.4vh,26px);transform:translate3d(calc(var(--px) * 6px),calc(var(--py) * 4px),0);transition:transform 1.8s cubic-bezier(.22,1,.36,1),opacity 1s ease;will-change:transform}.readout{display:flex;align-items:baseline;gap:clamp(8px,1.4vw,16px);opacity:0;transform:translateY(6px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1)}.readout__band,.readout__unit{font-size:var(--ui);font-weight:500;letter-spacing:var(--track);color:var(--bone-dim);padding-bottom:.6em}.readout__value{font-size:clamp(64px,13vw,168px);font-weight:700;line-height:.86;letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:var(--bone);text-shadow:calc(var(--noise) * -2px) 0 rgba(216,162,90,calc(var(--noise) * .45)),calc(var(--noise) * 2px) 0 rgba(78,207,174,calc(var(--noise) * .45)),0 0 calc(24px + 34px * var(--glow)) rgba(78,207,174,calc(.08 + .26 * var(--glow)))}.tuner{width:100%;height:76px;opacity:0;transition:opacity 1s ease}.wavepad{width:100%;height:26vh;min-height:130px;pointer-events:none}.meters{display:flex;align-items:flex-end;gap:3px;height:26px;opacity:0;transition:opacity 1s ease}.meters i{display:block;width:3px;height:3px;background:var(--bone-faint);transform-origin:bottom;will-change:transform}.meters i.is-hot{background:var(--green-lit)}.sync{position:absolute;left:50%;top:50%;width:clamp(210px,30vw,320px);aspect-ratio:1;translate:-50% -50%;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .8s ease}.sync svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.sync__track{fill:none;stroke:var(--bone-ghost);stroke-width:1}.sync__arc{fill:none;stroke:var(--green-lit);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:490;stroke-dashoffset:490;filter:drop-shadow(0 0 6px rgba(78,207,174,.55))}.sync__pulse{position:absolute;width:100%;height:100%;border:1px solid rgba(78,207,174,.28);border-radius:50%;animation:pulse-out 2.6s cubic-bezier(.16,.84,.44,1) infinite}@keyframes pulse-out{0%{transform:scale(.62);opacity:0}22%{opacity:.7}to{transform:scale(1.5);opacity:0}}.status{position:absolute;left:50%;bottom:clamp(76px,13vh,132px);translate:-50% 0;width:min(560px,82vw);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;transition:opacity 1s ease}.status__line{font-size:var(--ui);font-weight:500;letter-spacing:var(--track);color:var(--bone-dim);white-space:nowrap;opacity:0;transform:translateY(4px);animation:line-in .5s cubic-bezier(.22,1,.36,1) forwards}.status__line:before{content:"";display:inline-block;width:14px;height:1px;margin-right:10px;vertical-align:middle;background:currentColor;opacity:.5}.status__line.is-out{animation:line-out .5s ease forwards}.status__line--alert{color:var(--amber)}.status__line--lock{color:var(--green-lit)}.status__line--key{font-weight:600;color:var(--bone)}@keyframes line-in{to{opacity:1;transform:none}}@keyframes line-out{to{opacity:0;transform:translateY(-4px)}}.hud{position:absolute;inset:0;padding:clamp(18px,3.4vw,40px);pointer-events:none;opacity:0;transition:opacity 1.2s ease;transform:translate3d(calc(var(--px) * -8px),calc(var(--py) * -5px),0)}.hud__block{position:absolute;display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:600;letter-spacing:var(--track);color:var(--bone-dim);font-variant-numeric:tabular-nums}.hud__sub{font-weight:400;color:var(--bone-faint)}.hud__block--tl{top:clamp(18px,3.4vw,40px);left:clamp(18px,3.4vw,40px)}.hud__block--tr{top:clamp(18px,3.4vw,40px);right:clamp(18px,3.4vw,40px);text-align:right;align-items:flex-end}.hud__block--bl{bottom:clamp(18px,3.4vw,40px);left:clamp(18px,3.4vw,40px)}.hud__block--br{bottom:clamp(18px,3.4vw,40px);right:clamp(18px,3.4vw,40px);text-align:right;align-items:flex-end}.hud__dot{position:absolute;left:-14px;top:4px;width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px currentColor;animation:blink 1.9s steps(1,end) infinite}.hud__dot.is-locked{background:var(--green-lit);animation-duration:3.4s}@keyframes blink{0%,62%{opacity:1}63%,to{opacity:.15}}.reveal{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:clamp(20px,4vh,40px);text-align:center;pointer-events:none;opacity:0;visibility:hidden;transform:translate3d(calc(var(--px) * 5px),calc(var(--py) * 3px),0)}.mark{--mark: clamp(30px, 4.6vw, 62px);display:flex;align-items:center;gap:calc(var(--mark) * .34);opacity:0;transform:translateY(8px);transition:opacity 1.4s ease .2s,transform 1.4s cubic-bezier(.22,1,.36,1) .2s}.mark__word{font-size:var(--mark);font-weight:700;letter-spacing:-.05em;line-height:1;color:var(--bone-dim)}.mark__badge{display:grid;place-items:center;width:calc(var(--mark) * .88);height:calc(var(--mark) * .88);border:max(1.5px,calc(var(--mark) * .055)) solid var(--bone-dim);font-size:calc(var(--mark) * .44);font-weight:700;letter-spacing:-.05em;line-height:1;color:var(--bone-dim)}.reveal__title{margin:0;display:flex;justify-content:center;max-width:92vw;font-size:clamp(27px,7.4vw,112px);font-weight:700;line-height:.9;letter-spacing:.015em;color:var(--bone);text-shadow:0 0 44px rgba(245,243,238,.16)}.reveal__title span{display:inline-block;opacity:0;transform:translateY(.38em) scaleY(1.14);filter:blur(9px);will-change:transform,opacity,filter}.reveal__title span.is-in{animation:letter-in 1.5s cubic-bezier(.16,.84,.44,1) forwards}@keyframes letter-in{0%{opacity:0;transform:translateY(.38em) scaleY(1.14);filter:blur(8px)}60%{opacity:1}to{opacity:1;transform:none;filter:blur(0)}}@keyframes letter-in-lite{0%{opacity:0;transform:translateY(.38em) scaleY(1.14)}60%{opacity:1}to{opacity:1;transform:none}}.reveal__sub{margin:0;font-size:10px;font-weight:500;letter-spacing:.42em;text-indent:.42em;color:var(--bone-faint);opacity:0;transition:opacity 2s ease 1.1s;animation:sub-breathe 5.5s ease-in-out infinite}@keyframes sub-breathe{0%,to{color:var(--bone-faint)}50%{color:var(--bone-dim)}}.ctl{position:absolute;z-index:6;appearance:none;background:none;border:0;padding:10px 2px;font:inherit;font-size:10px;font-weight:600;letter-spacing:var(--track);color:var(--bone-faint);cursor:pointer;opacity:0;transition:color .4s ease,opacity 1s ease}.ctl:hover,.ctl:focus-visible{color:var(--bone);outline:none}.ctl:focus-visible{text-decoration:underline;text-underline-offset:5px}.ctl--sound{left:50%;bottom:clamp(24px,4.4vh,44px);translate:-50% 0;display:flex;align-items:center;gap:10px}.ctl--skip{right:clamp(18px,3.4vw,40px);bottom:clamp(58px,9vh,92px)}.ctl__bars{display:flex;align-items:flex-end;gap:2px;height:9px}.ctl__bars i{width:2px;height:3px;background:currentColor}.ctl.is-on{color:var(--green-lit)}.ctl.is-on .ctl__bars i{animation:eq 1.1s ease-in-out infinite}.ctl.is-on .ctl__bars i:nth-child(2){animation-delay:.18s}.ctl.is-on .ctl__bars i:nth-child(3){animation-delay:.36s}@keyframes eq{0%,to{height:3px}50%{height:9px}}.noscript{position:absolute;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:22px;background:var(--ink);text-align:center;font-size:10px;font-weight:500;letter-spacing:.42em;text-indent:.42em;color:var(--bone-faint)}.noscript strong{font-size:clamp(28px,7.4vw,112px);font-weight:700;letter-spacing:.015em;text-indent:0;color:var(--bone)}.noscript__mark{color:var(--bone-dim);letter-spacing:.2em;text-indent:.2em}.grain{position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none;opacity:.34}.scanlines{position:absolute;inset:-6px 0;z-index:9;pointer-events:none;opacity:.5;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0px,rgba(255,255,255,.035) 1px,transparent 1px,transparent 3px)}.vignette{position:absolute;inset:0;z-index:9;pointer-events:none;background:radial-gradient(112% 92% at 50% 50%,transparent 42%,rgba(0,0,0,.62) 100%),linear-gradient(to bottom,rgba(0,0,0,.4),transparent 22%,transparent 78%,rgba(0,0,0,.45))}.tear{position:absolute;left:-5%;width:110%;height:0;z-index:10;pointer-events:none;opacity:0;background:#f5f3ee17;box-shadow:0 0 22px #4ecfae38;will-change:opacity,transform}.stage.is-glitch .receiver,.stage.is-glitch .hud{transform:translate3d(var(--gx, 0),var(--gy, 0),0)}.stage.is-glitch .field__wave{opacity:.62}.stage.is-glitch .readout__value{letter-spacing:-.03em}.stage[data-phase=search] .readout,.stage[data-phase=interference] .readout,.stage[data-phase=lock] .readout,.stage[data-phase=sync] .readout,.stage[data-phase=connected] .readout{opacity:1;transform:none}.stage[data-phase=search] .tuner,.stage[data-phase=interference] .tuner,.stage[data-phase=lock] .tuner,.stage[data-phase=sync] .tuner,.stage[data-phase=connected] .tuner,.stage[data-phase=search] .meters,.stage[data-phase=interference] .meters,.stage[data-phase=lock] .meters,.stage[data-phase=sync] .meters,.stage[data-phase=connected] .meters,.stage[data-phase=search] .hud,.stage[data-phase=interference] .hud,.stage[data-phase=lock] .hud,.stage[data-phase=sync] .hud,.stage[data-phase=connected] .hud,.stage[data-phase=sync] .sync{opacity:1}.stage.is-clearing .receiver,.stage.is-clearing .hud,.stage.is-clearing .status{opacity:0}.stage.is-clearing .ctl--skip{opacity:0!important;pointer-events:none}.stage.is-clearing .sync{opacity:0}.stage.is-clearing .scanlines{opacity:.22;transition:opacity 2.4s ease}.stage.is-revealed .reveal{opacity:1;visibility:visible}.stage.is-revealed .mark{opacity:1;transform:none}.stage.is-revealed .reveal__sub{opacity:1}.stage.is-revealed .grain{opacity:.3;transition:opacity 3s ease}.stage.is-revealed{cursor:default}@media(max-width:820px){:root{--ui: 10px;--track: .2em}.receiver{width:90vw;gap:14px}.field__wave{height:40vh}.wavepad{height:22vh;min-height:104px}.tuner{height:62px}.hud__block--bl,.hud__block--tr{display:none}.status{bottom:clamp(84px,15vh,120px)}.ctl--skip{bottom:clamp(52px,8vh,78px);right:50%;translate:50% 0}.mark{--mark: clamp(20px, 5.6vw, 44px)}.reveal__title{font-size:clamp(25px,8.6vw,64px);letter-spacing:.03em}.reveal__title span{filter:none}.reveal__title span.is-in{animation-name:letter-in-lite}.reveal__sub{letter-spacing:.3em;text-indent:.3em}}@media(max-width:420px){.readout__value{font-size:clamp(52px,17vw,84px)}.meters{height:20px}}@media(max-height:620px){.mark{--mark: clamp(24px, 5.4vh, 42px)}.wavepad{height:18vh;min-height:84px}.field__wave{height:34vh}.tuner{height:54px}}@media(prefers-reduced-motion:reduce){.scanlines,.sync__pulse,.hud__dot,.reveal__sub,.ctl.is-on .ctl__bars i{animation:none}.grain{opacity:.22}.reveal__title span.is-in{animation-duration:.6s}*{transition-duration:.3s!important}}
