@font-face{font-family:Display;src:url('assets/display.ttf') format('truetype');font-weight:200 900;font-display:swap}@font-face{font-family:Sans;src:url('assets/sans.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--acid:#e8ff65;--accent:#75f7ef;--white:#f4f4ec;--muted:#adb8be;--line:#ffffff29;--panel:#0a1018c9;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#080c14;color:var(--white);font-family:Sans,Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:5px}button:disabled{cursor:wait}::selection{background:var(--acid);color:#080c14}.world{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#080c14}.backdrop{position:absolute;inset:-2%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.7s ease,transform 12s ease;transform:scale(1.04);filter:saturate(.85)}.backdrop.active{opacity:1;transform:scale(1)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,15,.88) 0%,rgba(5,9,16,.55) 43%,rgba(4,8,15,.15) 72%,rgba(4,8,15,.35)),linear-gradient(0deg,#070c14 0%,#070c14c9 14%,transparent 55%,#070c1460)}.haze{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 45%,#ff007b20,transparent 55%),radial-gradient(ellipse at 25% 80%,#00ffe51a,transparent 45%);animation:haze 18s ease-in-out infinite alternate}.scanlines{position:absolute;inset:0;opacity:.15;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#0008 3px 4px)}.grid{position:absolute;inset:60% -50% -50%;opacity:.06;background-image:linear-gradient(#80fff4 1px,transparent 1px),linear-gradient(90deg,#80fff4 1px,transparent 1px);background-size:90px 90px;transform:perspective(500px) rotateX(65deg);transform-origin:top}#weather{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.flash{position:absolute;inset:0;background:#b6e5ff;opacity:0;pointer-events:none}.flash.strike{animation:lightning .7s ease-out}.frame{max-width:1600px;margin:auto;padding:34px 64px 24px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:23px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px}.brand-mark{font:bold 32px/1 Display,Arial,sans-serif;letter-spacing:-4px;transform:skew(-9deg)}.brand-mark span{color:var(--acid);padding:0 3px}.brand-caption{font-size:11px;letter-spacing:2.3px;font-weight:700;line-height:1.7}.brand-caption>span{display:block;font-size:8px;color:var(--muted);letter-spacing:1.8px}.header-right{display:flex;gap:11px;align-items:center}.small-label{font:10px/1.5 monospace;letter-spacing:1.7px}.live-dot{width:5px;height:5px;border-radius:100%;background:var(--acid);display:inline-block;box-shadow:0 0 12px #e8ff6599}.icon-button{margin-left:20px;width:34px;height:34px;background:none;border:1px solid var(--line);font-size:23px;transition:background .2s}.icon-button:hover{background:#ffffff15}main{display:flex;justify-content:space-between;min-height:590px;padding:63px 0 46px}.hero{position:relative}.eyebrow{font:9px/1.6 monospace;letter-spacing:2px;color:var(--accent)}.bracket{color:var(--acid);font-size:14px;margin:0 8px 0 0}.bracket:last-child{margin:0 0 0 8px}.hero-title{position:relative;margin:24px 0 27px}.outline-title{position:absolute;left:6px;top:-5px;font:900 clamp(76px,8.4vw,137px)/.88 Display,Arial,sans-serif;letter-spacing:-5px;color:transparent;-webkit-text-stroke:1px #ffffff17;transform:translate(8px,-9px);user-select:none}h1{position:relative;font:900 clamp(76px,8.4vw,137px)/.88 Display,Arial,sans-serif;letter-spacing:-5px;margin:0;transform:skew(-5deg);text-shadow:0 5px 35px #05081640}h1>span{color:var(--acid)}.title-star{display:inline-block;font:normal 60px/1 Arial;vertical-align:top;margin:15px 0 0 20px;color:var(--accent);animation:star 30s linear infinite}.hero-bottom{display:flex;gap:18px}.vertical-line{width:2px;background:var(--accent);margin:5px 0;opacity:.7}.lead{font-size:22px;line-height:1.3;margin:0 0 12px;font-weight:500}.lead em{font-style:normal;color:var(--acid)}.description{font-size:12px;line-height:1.8;color:#c0c9ce;margin:0}.primary{display:flex;align-items:center;gap:16px;background:var(--acid);color:#101707;padding:16px 21px;margin-top:26px;font-size:10px;font-weight:800;letter-spacing:1.5px;clip-path:polygon(0 0,95% 0,100% 20%,100% 100%,0 100%);transition:filter .2s,transform .2s;min-width:235px}.primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.arrow{font-size:22px;margin-left:auto}.play-symbol{font-size:12px}.hero-note{font:8px/1.5 monospace;letter-spacing:1.4px;margin-top:16px;color:#a1acb3}.hero-note span{color:var(--acid);margin-right:7px}.side{width:255px;display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding-top:8px}.coordinate{font:9px/1.8 monospace;letter-spacing:2px}.coordinate span{display:block;color:#a2b2bc;font-size:8px;letter-spacing:1px}.scene-info{margin-top:auto;padding-top:110px}.scene-counter{display:flex;gap:8px;justify-content:flex-end;font:10px monospace;align-items:baseline;color:#b2c0c4}.scene-counter>span:first-child{font-size:49px;letter-spacing:-3px;color:#fff}h2{font-size:19px;font-weight:500;margin:10px 0}.scene-info p{font-size:11px;line-height:1.8;color:#c1cbd0}.scene-tags{display:flex;gap:7px;justify-content:flex-end;margin-top:15px}.scene-tags>span{border:1px solid #ffffff40;padding:5px 7px;font:7px monospace;letter-spacing:1px}.scene-tags>span:first-child{border-color:#75f7ef70;color:var(--accent)}.time-box{margin-top:40px;display:flex;flex-direction:column;align-items:flex-end}.time-box .small-label{font-size:8px;color:#a1adb6}.time-box time{font:28px/1.6 monospace;letter-spacing:1px}.time-box>span:last-child{font:8px monospace;letter-spacing:1.3px;color:#a1adb6}.control-deck{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 245px;gap:36px;padding:23px 0}.deck-label{font:8px/1.5 monospace;letter-spacing:1.8px;color:#bec7cd}.deck-label>span{color:var(--acid);margin-left:8px}.scene-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.scene-card{position:relative;text-align:left;min-height:70px;overflow:hidden;border:1px solid #ffffff26;background:#07101a;display:flex;align-items:center;padding:13px 12px;gap:5px;transition:border-color .2s,transform .2s}.scene-card:hover{border-color:#ffffff90;transform:translateY(-2px)}.scene-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.24;transition:opacity .3s}.scene-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#030710a1,transparent)}.scene-card span,.scene-card i{position:relative;z-index:1;font-size:10px}.scene-card small{display:block;font:7px/1 monospace;letter-spacing:1.8px;color:#b3c4ce;margin-bottom:9px}.scene-card i{margin-left:auto;font-style:normal}.scene-card.selected{border-color:var(--acid);box-shadow:inset 0 -2px var(--acid)}.scene-card.selected small,.scene-card.selected i{color:var(--acid)}.scene-card.selected img{opacity:.43}.atmosphere{padding-left:24px;border-left:1px solid var(--line)}.effect-controls{display:flex;gap:15px;margin-top:12px;flex-wrap:wrap}.text-control{background:none;padding:0;font-size:9px;color:#d5dce0;white-space:nowrap}.text-control .live-dot{margin-right:5px}.text-control[aria-pressed=false] .live-dot{background:#64717e;box-shadow:none}#auto[aria-pressed=true]{color:var(--acid)}.intensity{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:9px;color:#a5b4bd}input[type=range]{accent-color:var(--acid);height:3px;width:95px;cursor:pointer}.radio{display:flex;align-items:center;gap:30px;border:1px solid #94a9ba40;background:var(--panel);backdrop-filter:blur(18px);padding:19px 24px;position:relative}.radio:before{content:'';position:absolute;left:-1px;top:-1px;width:20px;height:20px;border-left:2px solid var(--accent);border-top:2px solid var(--accent)}.radio-identity{display:flex;align-items:center;gap:14px;min-width:204px}.radio-icon{font:42px/1 monospace;color:var(--accent)}.radio-identity .deck-label{display:block;font-size:7px}.radio-identity a{display:block;font-size:14px;margin-top:6px}.onair{font-size:6px;border:1px solid #e8ff6555;padding:2px 3px;color:var(--acid);letter-spacing:.8px}.radio-middle{flex:1}.station-buttons{display:flex;gap:16px}.station{font:8px monospace;letter-spacing:1px;color:#9faeb9;background:none;padding:0 0 6px;border-bottom:1px solid transparent}.station.selected{color:var(--acid);border-color:var(--acid)}#radio-status{font-size:9px;color:#9eacb6;margin-top:7px;min-height:12px}.radio-actions{display:flex;gap:20px;align-items:center}#play{width:42px;height:42px;background:var(--acid);color:#101707;font-size:15px;border-radius:50%;padding-left:5px}#play[aria-pressed=true]{padding-left:0}.equalizer{display:flex;gap:3px;align-items:center;height:26px}.equalizer i{width:2px;height:5px;background:#7c8b97}.equalizer.playing i{background:var(--accent);animation:equalize .8s ease-in-out infinite alternate}.equalizer i:nth-child(2n){animation-delay:-.5s}.equalizer i:nth-child(3n){animation-delay:-.25s}.equalizer i:nth-child(5n){animation-delay:-.7s}.volume{display:flex;gap:8px;align-items:center;color:#a8b8c2;font:9px monospace}.volume input{width:65px}footer{display:flex;align-items:center;justify-content:space-between;padding-top:23px;font:7px/1.6 monospace;letter-spacing:1.2px;color:#93a0ad;gap:15px}footer b{color:var(--acid);margin:0 7px}footer button{background:none;color:#a8b4bf;font:inherit;letter-spacing:inherit;padding:4px}.footer-end>span{font-size:16px;color:var(--accent);margin-left:10px}dialog{width:min(500px,calc(100% - 30px));background:#0c1420;color:var(--white);border:1px solid #75f7ef60;padding:38px;box-shadow:0 0 90px #000a}dialog::backdrop{background:#02050ccb;backdrop-filter:blur(8px)}dialog h2{font-size:30px;margin:22px 0;line-height:1.2}dialog p{font-size:13px;line-height:1.8;color:#bdc7d0}dialog a{color:var(--acid);text-decoration:underline}.muted{font-size:10px!important;color:#81919f!important}.close{position:absolute;right:12px;top:8px;background:none;font-size:27px}.effects-off .haze,.effects-off .title-star{animation:none}.effects-off .scanlines{opacity:0}
@keyframes haze{to{transform:translate(3%,-4%);opacity:.65}}@keyframes star{to{transform:rotate(360deg)}}@keyframes equalize{to{height:25px}}@keyframes lightning{0%,30%,100%{opacity:0}8%{opacity:.15}20%{opacity:.03}35%{opacity:.09}}
@media(min-width:1600px){.frame{padding-top:45px}main{min-height:650px}}
@media(max-width:1050px){.frame{padding:25px 35px 20px}main{min-height:560px}.control-deck{grid-template-columns:1fr 210px;gap:20px}.atmosphere{padding-left:18px}.radio{gap:18px;padding:18px}.radio-identity{min-width:170px}.radio-actions{gap:13px}.volume{display:none}.side{width:220px}.title-star{font-size:45px}}
@media(max-width:700px){.frame{padding:22px 22px 20px}.brand-mark{font-size:27px}.brand-caption{font-size:9px}.brand-caption>span{font-size:6px}.header-right>.small-label{display:none}.icon-button{margin-left:4px}header{padding-bottom:18px}main{display:block;padding:47px 0 30px;min-height:auto}.eyebrow{font-size:7px;letter-spacing:1.3px}h1,.outline-title{font-size:clamp(80px,19vw,125px);letter-spacing:-4px}.hero-title{margin-top:27px;margin-bottom:24px}.title-star{font-size:38px;margin-left:15px;margin-top:9px}.lead{font-size:22px}.description{font-size:12px}.primary{margin-top:24px;min-width:235px;padding:13px 17px}.hero-note{font-size:6px;letter-spacing:1px}.side{width:auto;text-align:left;display:grid;grid-template-columns:1fr auto;gap:15px;margin-top:37px;padding:20px 0 0;border-top:1px solid var(--line);align-items:end}.coordinate{display:none}.scene-info{margin:0;padding:0}.scene-counter{display:none}.scene-info h2{font-size:14px;margin:0 0 7px}.scene-info p{font-size:10px;margin:0}.scene-tags{justify-content:flex-start;margin-top:10px}.scene-tags span{font-size:6px}.time-box{margin:0}.time-box time{font-size:22px}.time-box .small-label{font-size:6px;letter-spacing:.6px}.time-box>span:last-child{font-size:6px}.control-deck{grid-template-columns:1fr;gap:20px;padding:20px 0}.scene-buttons{gap:7px}.scene-card{min-height:74px;padding:12px 8px}.scene-card span{font-size:9px}.scene-card i{display:none}.scene-card small{font-size:6px;letter-spacing:1px}.atmosphere{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:0;border:0}.atmosphere>.deck-label{display:none}.effect-controls{margin:0}.intensity{margin:0;margin-left:auto;font-size:8px;gap:5px}.intensity input{width:65px}.text-control{font-size:8px}.radio{padding:18px 16px;flex-wrap:wrap;gap:20px 10px}.radio-identity{min-width:0;flex:1}.radio-icon{font-size:33px}.radio-identity a{font-size:13px}.radio-actions{order:2}.radio-middle{order:3;flex-basis:100%;padding-top:14px;border-top:1px solid var(--line)}.station-buttons{gap:20px}.station{font-size:8px}#radio-status{margin-top:9px;line-height:1.5}.equalizer{display:none}#play{width:39px;height:39px}.volume{display:none}footer{font-size:6px;letter-spacing:.6px;flex-wrap:wrap;padding-top:18px;gap:12px}.footer-end{display:none}.shade{background:linear-gradient(90deg,#04080fd9,#04080f45),linear-gradient(0deg,#070c14 0%,#070c14a0 40%,#070c1433 100%)}.backdrop{background-position:62% center}dialog{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.haze,.scanlines{display:none}}