@font-face{font-family:Orbitron;src:url('/assets/orbitron-900.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:Space;src:url('/assets/space-grotesk.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--pink:#ff2caa;--cyan:#69fff0;--yellow:#e7ff59;--ink:#10051f;--muted:#b7a7ce;--display:Orbitron,monospace;--body:Space,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{min-width:320px;background:var(--ink)}body{margin:0;color:#fff;font-family:var(--body);overflow-x:hidden;background:radial-gradient(ellipse at 50% 42%,#48104899,transparent 58%),linear-gradient(#0c061c,#1d0730 65%,#10051f);min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}button:hover{filter:brightness(1.18);transform:translateY(-2px)}button:active{transform:translateY(2px)}button{transition:transform .18s,filter .18s}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #d74cba33;position:relative;z-index:5;background:#10051f55}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;font-family:var(--display);font-size:11px;line-height:1.45;letter-spacing:1px}.brand strong{color:var(--pink);font-size:12px}.brand-icon{font:42px var(--body);color:var(--cyan);line-height:1}.edition{border:1px solid #a568c0;color:#d7afe8;padding:4px 6px;font:9px var(--body);margin-left:8px;transform:rotate(-7deg)}.broadcast{font-size:10px;color:#c2b2d5;letter-spacing:1.6px;display:flex;align-items:center;gap:9px}.frequency{color:#79678e;margin-left:6px}.live-dot,.status-line i{display:inline-block;border-radius:50%;width:6px;height:6px;background:var(--yellow);box-shadow:0 0 9px var(--yellow);animation:live 2s ease infinite}.small-button{padding:10px 13px;color:#c4afd6;background:#1c0d2d;border:1px solid #6b3f7e;font-size:9px;letter-spacing:1px;display:flex;gap:8px;align-items:center}.small-button>span:first-child{font-size:14px;color:var(--cyan)}main{max-width:1600px;margin:auto;position:relative;z-index:2}.intro{text-align:center;position:relative;padding-top:28px}.eyebrow{font-size:10px;letter-spacing:4px;color:var(--cyan);margin:0 0 10px}.eyebrow span{color:var(--pink);padding:0 10px}h1{margin:0;position:relative;line-height:1.02;font-weight:900}.chrome{font-family:var(--display);display:block;font-size:clamp(56px,7.2vw,112px);letter-spacing:-5px;background:linear-gradient(#fff 0%,#dbf8ff 23%,#b5b7ed 40%,#354375 46%,#ff80d7 48%,#ffa4ec 60%,#ff2497 83%,#ba1685 100%);color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 3px 0 #6c1859) drop-shadow(0 0 18px #ff16c43b);transform:skew(-6deg)}.script{display:block;color:var(--cyan);font:bold italic clamp(30px,3.5vw,53px) 'Trebuchet MS',var(--body);letter-spacing:-2px;margin-top:-6px;transform:rotate(-4deg);text-shadow:2px 3px 0 #44156a,0 0 18px #00fff56b}.intro-line{font-size:12px;color:#c4add6;letter-spacing:.3px;margin:21px 0 20px}.sticker{position:absolute;display:block;line-height:1.04;font-family:var(--display);font-size:18px;text-align:center;z-index:2}.sticker-left{top:63px;left:calc(50% - 530px);background:var(--yellow);color:#1e1530;padding:18px 13px;clip-path:polygon(50% 0,61% 9%,75% 4%,81% 18%,96% 23%,91% 38%,100% 50%,91% 62%,96% 77%,81% 82%,75% 96%,61% 91%,50% 100%,38% 91%,24% 96%,19% 82%,4% 77%,9% 62%,0 50%,9% 38%,4% 23%,19% 18%,24% 4%,38% 9%);transform:rotate(-14deg)}.sticker small{font:8px var(--body);letter-spacing:.5px}.sticker-right{right:calc(50% - 528px);top:66px;border:2px solid var(--pink);padding:13px 16px;transform:rotate(12deg);color:var(--pink);box-shadow:4px 4px 0 #ff2caa44;font-size:17px}.countdown-section{text-align:center;position:relative;z-index:2}.countdown{display:flex;justify-content:center;align-items:center;gap:11px;margin:auto;padding:17px 26px 14px;width:max-content;max-width:calc(100% - 40px);background:linear-gradient(180deg,#1e0a32ef,#130a28d9);border:1px solid #a948b266;box-shadow:0 8px 45px #08001070,inset 0 1px 0 #ffffff10;position:relative}.countdown:before,.countdown:after{content:'';position:absolute;width:12px;height:12px;border:2px solid var(--pink)}.countdown:before{top:-2px;left:-2px;border-right:0;border-bottom:0}.countdown:after{bottom:-2px;right:-2px;border-top:0;border-left:0}.unit{width:124px;display:flex;flex-direction:column;gap:8px}.number{font:900 64px/1.1 var(--display);letter-spacing:1px;color:#fff6ff;text-shadow:0 0 15px #ff7fdd50;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';display:block}.label{font-size:9px;letter-spacing:2px;color:#ba9fcb}.colon{font:900 35px var(--display);color:var(--pink);align-self:flex-start;padding-top:12px;opacity:.7}.milliseconds{width:160px}.milliseconds .number{color:var(--yellow);font-size:53px;padding-top:9px;line-height:1.16;text-shadow:0 0 18px #caff2838}.milliseconds .label{color:var(--yellow);font-size:8px}.target{font-size:8px;letter-spacing:2px;color:#a88bbc;margin:12px 0 0}.stage{height:340px;position:relative;margin-top:-12px}#world{position:absolute;inset:-28px 0 -5px}#world canvas{display:block;width:100%;height:100%}.stage-caption{position:absolute;top:58%;font:11px var(--display);letter-spacing:1px;line-height:1.8;color:#d2addf;pointer-events:none}.stage-caption small{font:8px var(--body);letter-spacing:1.5px;color:#916aa5}.left-caption{left:7%;transform:rotate(-4deg)}.right-caption{right:7%;text-align:right;transform:rotate(4deg)}.crosshair{font-size:20px;color:var(--pink)}.scene-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#b593c6;font-size:7px;letter-spacing:2px}#world-fallback{text-align:center;padding:90px 0;font-size:70px}.control-deck{position:relative;display:flex;gap:24px;justify-content:center;align-items:flex-start;margin:0 auto 25px}.sound-wrap,.chaos-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.sound-button,.chaos-button{height:55px;padding:0 26px;display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--display);font-size:12px;letter-spacing:1px}.sound-button{background:var(--pink);color:#160824;border:1px solid #ff8cce;box-shadow:4px 4px 0 #7b134f,0 0 24px #ff2caa33}.sound-button svg{width:24px;height:24px}.chaos-button{background:#160e27d9;color:var(--yellow);border:1px solid var(--yellow);box-shadow:4px 4px 0 #78862833}.chaos-button>span:first-child,.chaos-button>span:last-child{font:bold 25px Arial}.button-note{font-size:7px;letter-spacing:1.3px;color:#b39ac3}.equalizer{height:17px;display:flex;gap:3px;align-items:center}.equalizer i{width:3px;height:5px;background:#2a0731}.sound-on .equalizer i{animation:eq .6s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:-.2s}.equalizer i:nth-child(3){animation-delay:-.4s}.equalizer i:nth-child(4){animation-delay:-.3s}.status-line{border-top:1px solid #a948b23b;margin:0 4%;padding:17px 0 18px;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1px;color:#a283b6;gap:12px}.status-line b{color:var(--yellow);font-weight:500}.status-line i{width:4px;height:4px;margin-right:5px}.star{color:var(--pink);padding:0 4px}#toast{color:#d1b6df;text-align:center}footer{position:relative;z-index:3;background:var(--yellow);color:#20122f;overflow:hidden;height:32px;display:flex;align-items:center;border-top:1px solid #fbffba}.ticker{display:flex;white-space:nowrap;animation:ticker 60s linear infinite;width:max-content;font:900 10px var(--display);letter-spacing:2px}.ticker span{display:inline-block}.sky{position:absolute;top:0;left:0;width:100%;height:880px;overflow:hidden;pointer-events:none}.sun{position:absolute;width:470px;height:470px;top:280px;left:calc(50% - 235px);border-radius:50%;opacity:.24;background:repeating-linear-gradient(to bottom,transparent 0,transparent 15px,#290b3c 15px,#290b3c 22px),linear-gradient(#ff5bc4,#ff2556 65%,#f58528);filter:drop-shadow(0 0 70px #fe279b77)}.mountains{position:absolute;width:100%;height:250px;top:460px;background:linear-gradient(140deg,#6a1762 10%,#240832 55%);clip-path:polygon(0 80%,8% 39%,14% 64%,24% 19%,34% 79%,43% 51%,51% 94%,60% 43%,69% 74%,80% 12%,88% 57%,94% 30%,100% 70%,100% 100%,0 100%);opacity:.55}#snow{position:fixed;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.scanlines{position:fixed;inset:0;z-index:6;pointer-events:none;opacity:.1;background:repeating-linear-gradient(transparent 0,transparent 3px,#130522 3px,#130522 4px)}.chaos-active .chrome{filter:drop-shadow(4px 0 0 #ff2eaa) drop-shadow(-4px 0 0 #00ffee);animation:title-wobble 1.5s ease-in-out infinite}.chaos-active .chaos-button{background:var(--yellow);color:#1b0c2a}.chaos-active .sticker{animation:sticker-dance .8s ease-in-out infinite alternate}.noscript{padding:20px;background:var(--pink);color:var(--ink);position:fixed;bottom:0;z-index:20}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes eq{to{height:17px}}@keyframes live{50%{opacity:.45}}@keyframes title-wobble{50%{transform:skew(-8deg) translateX(2px)}}@keyframes sticker-dance{to{transform:rotate(8deg) scale(1.05)}}
@media(min-width:1600px){.stage{height:390px}.intro{padding-top:40px}.intro-line{margin-bottom:26px}.sky{height:1000px}.sun{top:330px}}@media(min-width:1000px) and (min-height:950px){.stage{height:calc(100svh - 560px);min-height:380px}.intro{padding-top:40px}}
@media(max-width:1100px){.sticker-left{left:5%;font-size:13px;padding:15px 12px;top:57px}.sticker-right{right:5%;font-size:13px;top:60px}.chrome{font-size:8vw;letter-spacing:-3px}.unit{width:110px}.milliseconds{width:135px}.number{font-size:56px}.milliseconds .number{font-size:46px}.stage-caption{font-size:9px}.left-caption{left:4%}.right-caption{right:4%}.stage-caption small{font-size:6px}.frequency{display:none}.status-line{font-size:6px}}
@media(max-width:760px){header{height:71px;padding:0 5%}.brand{font-size:9px}.brand strong{font-size:10px}.brand-icon{font-size:34px}.edition{display:none}.broadcast{display:none}.small-button{font-size:7px;padding:8px 10px}.intro{padding-top:30px}.eyebrow{font-size:7px;letter-spacing:2px;margin-bottom:18px}.chrome{font-size:10vw;letter-spacing:-2px;transform:skew(-6deg) scaleY(1.13)}.script{font-size:8.1vw;margin-top:6px;letter-spacing:-1.5px}.intro-line{font-size:9px;margin:22px 40px 24px;line-height:1.6}.sticker{display:none}.countdown{gap:5px;padding:16px 10px 13px;max-width:calc(100% - 28px);width:calc(100% - 28px)}.unit{width:18%;gap:8px;flex-shrink:1;min-width:0}.milliseconds{width:22%}.number{font-size:clamp(25px,7vw,47px);letter-spacing:-1px}.milliseconds .number{font-size:clamp(25px,6.1vw,42px);padding-top:3px;line-height:1.14;letter-spacing:-1.5px}.label{font-size:6px;letter-spacing:1px}.milliseconds .label{font-size:5px;letter-spacing:.5px}.colon{font-size:18px;padding-top:4px}.target{font-size:6px;letter-spacing:.8px;margin-top:11px}.stage{height:300px;margin-top:0}#world{inset:-15px -10px 0}.stage-caption{font-size:7px;top:78%}.stage-caption small{display:none}.left-caption{left:6%}.right-caption{right:6%}.scene-hint{font-size:6px;bottom:6px;letter-spacing:1px}.control-deck{gap:17px;flex-direction:column;align-items:center;margin-top:8px;margin-bottom:28px}.sound-wrap,.chaos-wrap{width:100%;gap:8px}.sound-button,.chaos-button{height:51px;width:calc(100% - 62px);max-width:360px;font-size:11px}.button-note{font-size:6px;letter-spacing:1px}.status-line{flex-wrap:wrap;justify-content:center;gap:12px 22px;padding:14px 0;font-size:6px}.status-line>span:nth-child(2){order:3;width:100%;font-size:6px}.ticker{font-size:9px}footer{height:30px}.sun{width:340px;height:340px;left:calc(50% - 170px);top:320px}.mountains{top:390px}}
.stage{overflow:hidden}.intro{overflow:clip}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}