:root{--txt:#d9dce0;--mut:#868b92;--green:#3dff6a;--red:#ff4a4a;--edge:#000;--ui:"Segoe UI",Arial,Helvetica,sans-serif;--px:"VT323","Lucida Console",monospace;--brush:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .85' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.6 -.55'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23f)' opacity='.2'/%3E%3C/svg%3E");--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 -.3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23f)' opacity='.35'/%3E%3C/svg%3E");--chrome:linear-gradient(#e9eaec,#a9acb1 48%,#7d8187 52%,#b9bcc1)}*{box-sizing:border-box}html,body{height:100%;color:var(--txt);font:13px/1.25 var(--ui);background:#040506;margin:0}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}.muted{color:var(--mut)}.dot{background:radial-gradient(circle at 35% 30%,#c9ffd4,#27d65a 50%,#05511f);border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 7px #2dff6a}.dot.off{background:radial-gradient(circle at 35% 30%,#ffc9c9,#e03030 50%,#5a0808);box-shadow:0 0 7px #ff3a3a}#splash{text-align:center;background:#0a3cd8 url(/img/splash-bg.webp) bottom/cover no-repeat;place-items:center;padding-bottom:5vh;display:grid;position:fixed;inset:0}.splash-inner{flex-direction:column;align-items:center;width:100%;display:flex}.splash-logo{filter:drop-shadow(0 6px 14px #000a5059);width:min(46vw,790px);min-width:260px;height:auto}.logo-text{letter-spacing:-.04em;background:linear-gradient(120deg,#ff2d6f,#ffd400,#2dff9a,#2d6bff,#c12dff,#ff2d6f);color:#0000;-webkit-background-clip:text;background-clip:text;font:900 clamp(64px,14vw,170px)/1 Impact,Arial Black,sans-serif}.logo-text small{font-size:.35em}.logo-text.sm{font-size:44px}.tagline{font:400 clamp(16px,1.7vw,26px)/1 var(--px);letter-spacing:.09em;color:#fff;text-shadow:0 0 6px #0a2a9a,0 1px 2px #0a1a6a;margin:.2em 0 clamp(14px,2.2vw,30px)}.btn-black{color:#fff;min-width:min(240px,60vw);font:400 clamp(20px,2.1vw,30px)/1 var(--ui);letter-spacing:.03em;background:linear-gradient(#4a4b4f,#17181a 14%,#050506 52%,#000);border:1px solid #6a6c70;border-radius:11px;padding:.62em 1em;box-shadow:inset 0 1px #9b9ea4,inset 0 -2px 3px #000,0 0 0 2px #000,0 5px 14px #000a468c}.btn-black:hover{background:linear-gradient(#5a5b60,#202124 14%,#0a0a0c 52%,#050506)}.btn-black:active{transform:translateY(1px)}.live-line{font:400 clamp(15px,1.45vw,22px)/1 var(--px);letter-spacing:.07em;color:#fff;text-shadow:0 0 5px #0a2a9a;margin:clamp(14px,2vw,26px) 0 0}.live-line .dot{vertical-align:1px;margin-right:7px}.live-line .st{color:var(--green)}.live-line .st.off{color:#ff5a5a}.live-line .bar{opacity:.8;margin:0 .25em}#app{background:var(--grain),var(--brush),linear-gradient(#17181b,#08090a);background-blend-mode:overlay,overlay,normal;flex-direction:column;gap:8px;height:100vh;min-height:100%;padding:8px;display:flex}.top{background:var(--brush),linear-gradient(#25272a,#0e0f11 60%,#07080a);border:1px solid #000;border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;min-height:84px;padding:4px 14px 6px 22px;display:flex;position:relative;box-shadow:inset 0 1px #6d7177,inset 0 0 0 1px #1d1f22,inset 0 -2px 6px #000,0 3px 10px #000a}.brand-logo{filter:drop-shadow(0 3px 5px #000);width:auto;height:68px;display:block}nav{flex-wrap:wrap;flex:1;justify-content:center;gap:7px;max-width:720px;margin:0 auto;display:flex}nav button{font:700 14px/1 var(--ui);letter-spacing:.03em;color:#e6e8ea;background:linear-gradient(#585b61 0,#2a2c30 12%,#111214 50%,#18191c);border:1px solid #000;border-radius:5px;padding:9px 16px 8px;box-shadow:inset 0 1px #a4a8ae,inset 0 0 0 1px #2c2e32,0 2px 3px #000}nav button:hover:not(.active){background:linear-gradient(#6a6d73 0,#33353a 12%,#18191c 50%,#1f2023)}nav button.active{color:#101112;text-shadow:0 1px #fff8;background:var(--chrome);box-shadow:inset 0 1px #fff,inset 0 0 0 1px #c9ccd1,inset 0 -2px 3px #6b6f75,0 2px 3px #000}nav button:active{transform:translateY(1px)}.inset{color:var(--txt);font:14px var(--ui);background:linear-gradient(#050506,#101113);border:1px solid #000;border-radius:5px;padding:8px 12px;box-shadow:inset 0 2px 6px #000,inset 0 0 0 1px #202226,0 1px #6a6e74}.inset:focus{outline-offset:0;outline:1px solid #8bbcff}.inset::placeholder{color:#7b8087}.search{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23c4c8cd' stroke-width='2'%3E%3Ccircle cx='7.5' cy='7.5' r='5.5'/%3E%3Cpath d='M12 12l5 5'/%3E%3C/svg%3E") 11px/16px no-repeat,linear-gradient(#050506,#101113);width:min(260px,28vw);margin-right:4px;padding-left:36px}.wc{gap:3px;margin-left:8px;display:inline-flex}.wc i{width:24px;height:19px;font:700 12px/1 var(--ui);color:#e6e8ea;text-shadow:0 1px #0006;background:linear-gradient(#a6a9ae,#5d6065 48%,#45484d 52%,#6a6d73);border:1px solid #000;border-radius:2px;place-items:center;font-style:normal;display:grid;box-shadow:inset 0 1px #e9eaec}.wc i.x{background:linear-gradient(#e98a8a,#a8302f 48%,#8d1f1f 52%,#c04a49)}.wc.big{margin:0;position:absolute;top:6px;right:8px}.wc.big i{width:30px;height:23px;font-size:14px}.grid{flex:1;grid-template-rows:minmax(0,1.45fr) minmax(0,1fr);grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;min-height:0;display:grid}.win{background:var(--brush),linear-gradient(#2b2d31,#141517 40%,#0c0d0f);border:1px solid #000;border-radius:6px;flex-direction:column;min-height:0;padding-bottom:7px;display:flex;position:relative;box-shadow:inset 0 1px #7b7f86,inset 0 0 0 1px #202226,inset 0 -1px #000,0 5px 14px #000c}.win>:not(.titlebar){margin-left:7px;margin-right:7px}.win:before,.win:after{content:"";pointer-events:none;background:radial-gradient(circle at 35% 30%,#b9bcc2,#4a4d52 55%,#111);border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 0 1px #000}.win:before{bottom:2px;left:2px}.win:after{bottom:2px;right:2px}.titlebar{font:700 16px/1 var(--ui);letter-spacing:.03em;color:#e9ebee;background:linear-gradient(#3a3c41,#1a1b1e 50%,#0c0d0f 52%,#141517);border-bottom:1px solid #000;border-radius:5px 5px 0 0;align-items:center;gap:9px;margin-bottom:5px;padding:6px 8px 6px 9px;display:flex;box-shadow:inset 0 1px #80848b}.titlebar em{font:400 15px/1 var(--px);letter-spacing:.06em;color:var(--green);margin-left:auto;font-style:normal}#main-win .titlebar em{color:#a9aeb5}.titlebar .wc{margin-left:6px}.live-badge{font:400 22px/1 var(--px);color:var(--green);letter-spacing:.04em;background:#000;border:1px solid #2a2c30;border-radius:2px;align-items:center;gap:7px;padding:3px 11px 2px 9px;display:inline-flex;box-shadow:inset 0 0 6px #000,0 1px #55585e}.live-badge.off{color:var(--red)}.screen{background:#000;border:2px solid #000;border-radius:2px;flex:1;min-height:260px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2a2c30,inset 0 0 60px #000c,0 1px #6d7177}.screen canvas#static{width:100%;height:100%;image-rendering:pixelated;filter:contrast(1.2)brightness(.7)saturate(0);position:absolute;inset:0}.vhs{pointer-events:none;z-index:5;background:repeating-linear-gradient(transparent 0 2px,#00000047 2px 3px),radial-gradient(ellipse at center,transparent 55%,#000000a6),var(--grain);background-blend-mode:normal,normal,overlay;position:absolute;inset:0}.vhs:after{content:"";background:linear-gradient(#0000,#ffffff12,#0000);height:14%;animation:7s linear infinite roll;position:absolute;top:-14%;left:0;right:0}@keyframes roll{to{top:110%}}.osd{z-index:2;font:400 30px/1 var(--px);letter-spacing:.06em;color:#eef1f4;text-shadow:1.5px 0 #ff2a2a66,-1.5px 0 #2affff66,0 0 5px #000;position:absolute}.osd.tl{top:16px;left:20px}.osd.bl{white-space:pre;font-size:34px;line-height:1.05;bottom:16px;left:20px}.osd.center{text-align:center;letter-spacing:.28em;place-content:center;font-size:52px;display:grid;inset:0}.osd.center small{letter-spacing:.2em;color:#9aa0a8;margin-top:6px;font-size:20px;display:block}.hero3d{z-index:4;pointer-events:none;filter:drop-shadow(0 6px 8px #000a);width:100px;height:100px;position:absolute;top:-12px;left:262px}.ctrlbar{background:linear-gradient(#2c2e32,#121315);border:1px solid #000;border-radius:2px;justify-content:space-between;align-items:center;margin-top:4px;padding:6px 10px;display:flex;box-shadow:inset 0 1px #6d7177}.cb{align-items:center;gap:12px;display:flex}.cb .ico{color:#cfd2d6;opacity:.85;font-size:17px;font-style:normal}.slider{background:#050506;border-radius:2px;width:130px;height:4px;display:block;position:relative;box-shadow:inset 0 1px 2px #000,0 1px #55585e}.slider b{background:var(--chrome);border-radius:2px;width:9px;height:14px;position:absolute;top:-5px;left:55%;box-shadow:0 0 0 1px #000}.live-pill{font:400 20px/1 var(--px);letter-spacing:.06em;color:var(--green);background:#030504;border:1px solid #2f7a45;border-radius:3px;align-items:center;gap:7px;padding:3px 14px 2px;display:inline-flex;box-shadow:inset 0 0 6px #000}.live-pill.off{color:var(--red);border-color:#7a2f2f}.screen[data-panel=videos],.screen[data-panel=arcade]{flex-direction:column;display:flex}#video{background:#000;flex:1;width:100%;min-height:0}#ruffle-host{flex:1;place-items:center;min-height:0;display:grid}#ruffle-host ruffle-player,#ruffle-host ruffle-embed{width:100%;height:100%}.list{z-index:6;background:#07080a;border-top:1px solid #000;max-height:140px;margin:0;padding:4px;list-style:none;position:relative;overflow:auto}.list li{cursor:pointer;font:400 18px/1.1 var(--px);letter-spacing:.04em;border-radius:2px;padding:5px 9px}.list li:hover,.list li.on{color:#fff;background:#26292e}.list:empty:before{content:"EMPTY";color:var(--mut);font:400 16px var(--px);padding:6px;display:block}.about{text-align:center;font:400 26px/1.1 var(--px);letter-spacing:.06em;place-content:center;gap:6px;display:grid}.msgs{min-height:0;font:16px/1.5 var(--ui);background:linear-gradient(#0b0c0e,#0f1012);border:2px solid #000;border-radius:2px;flex:1;margin:0 7px;padding:6px 8px;list-style:none;overflow-y:auto;box-shadow:inset 0 0 0 1px #24262a,inset 0 4px 10px #000,0 1px #6d7177}.msgs li{overflow-wrap:anywhere}.msgs b{margin-right:6px;font-weight:700}.msgs .sys{color:var(--mut);font:400 16px/1.2 var(--px);letter-spacing:.04em}.msgs::-webkit-scrollbar{width:15px}.msgs::-webkit-scrollbar-track{background:#050506;box-shadow:inset 1px 0 3px #000}.msgs::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#8d9096,#55585d 50%,#3b3e43);border:1px solid #000;border-radius:2px;box-shadow:inset 0 1px #d0d2d6}.chat-form{gap:6px;padding-top:6px;display:flex}.chat-form input{flex:1;min-width:0;font-size:15px}.btn-metal{font:700 15px/1 var(--ui);letter-spacing:.04em;color:#f0f2f4;background:linear-gradient(#7d8087,#3b3d42 14%,#16171a 52%,#212225);border:1px solid #000;border-radius:5px;padding:8px 16px;box-shadow:inset 0 1px #c3c6cb,inset 0 0 0 1px #34363a,0 2px 3px #000}.btn-metal:hover{filter:brightness(1.2)}.btn-metal:active{transform:translateY(1px)}.chat-err{color:#ff7a7a;min-height:16px;font:400 16px/1 var(--px);letter-spacing:.05em;padding:2px 3px 0}#rail{grid-area:1/1/auto/4}#stage{grid-area:1/4/auto/13}#deck{grid-area:2/1/auto/6}#chat-win{grid-area:2/6/auto/13}#app:not([data-view=home]) #rail{display:none}#app:not([data-view=home]) #stage{grid-column:1/13}.screen{min-height:0}.live-badge{display:none}#app[data-view=live] .live-badge{display:inline-flex}#win-title{letter-spacing:.08em}.list.rail{border:2px solid #000;border-radius:2px;flex:1;max-height:none;font-size:20px;box-shadow:inset 0 0 0 1px #24262a,inset 0 4px 10px #000}.list.rail li{border-left:3px solid #0000;padding:6px 9px;font-size:21px}.list.rail li.on{border-left-color:var(--green);background:#1d2a21}.list.rail:empty:before{content:"NO UPLOADS YET";padding:10px}.archive{flex:1;max-height:none}.archive li{border-bottom:1px solid #15171a;padding:9px 12px;font-size:24px}.screen[data-panel=home]{background:#000;display:flex}#video{object-fit:contain;background:#000;width:100%;height:100%}.nodisc{text-align:center;z-index:3;background:url(/img/sky-deck.webp) bottom/cover,#0a3cd8;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 80px #0007}.nodisc div{background:#020c3c8c;border:1px solid #fff5;border-radius:4px;flex-direction:column;gap:6px;padding:16px 34px;display:flex;box-shadow:inset 0 1px #fff6}.nodisc b{font:400 clamp(36px,5vw,72px)/1 var(--px);letter-spacing:.2em;color:#fff;text-shadow:0 0 8px #0a2a9a}.nodisc span{font:400 clamp(16px,1.6vw,24px)/1 var(--px);letter-spacing:.14em;color:#d8e6ff}.screen.live{background:#000;flex-direction:column;display:flex}.feed{flex:1;min-height:0;position:relative;overflow:hidden}.screen.live .ctrlbar{border-radius:0;margin:0}.screen.beats{background:linear-gradient(#0e0f11,#08090a);flex-direction:column;display:flex}.player-body{grid-template-columns:auto 56px minmax(0,1.1fr) auto;grid-template-areas:"disc art meta transport""disc art seek vol";align-items:center;gap:3px 14px;padding:12px 14px 8px;display:grid}.discplate{background:linear-gradient(#303236,#101113);border:1px solid #000;border-radius:5px;grid-area:disc;place-items:center;width:94px;height:94px;display:grid;box-shadow:inset 0 1px #7b7f86,inset 0 0 0 1px #202226,inset 0 -3px 8px #000}.disc{width:80px;height:80px;display:block}.screen.beats.playing .disc,#deck.playing .disc{animation:3s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.art{object-fit:cover;background:#07080a;border:2px solid #000;grid-area:art;width:56px;height:56px;box-shadow:0 1px #6d7177}.art:not([src]),.art[src=""]{visibility:hidden}.meta{flex-direction:column;grid-area:meta;min-width:0;display:flex}.meta b{font:600 17px/1.15 var(--ui);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.meta span{color:var(--mut);font-size:14px}.transport{grid-area:transport;align-items:center;gap:9px;display:flex}.transport button,.deckbtns button{color:#e6e8ea;background:linear-gradient(#5b5e64,#2b2d31 14%,#101113 52%,#1c1d20);border:1px solid #000;border-radius:8px;width:46px;height:40px;font-size:18px;box-shadow:inset 0 1px #b0b3b8,inset 0 0 0 1px #34363a,0 2px 3px #000}.transport .big,.deckbtns .big{border-radius:50%;width:62px;height:62px;font-size:24px;box-shadow:inset 0 2px #c3c6cb,inset 0 0 0 2px #3a3c41,0 0 0 2px #000,0 3px 5px #000}.transport button:active,.deckbtns button:active{transform:translateY(1px)}.seek{font:400 20px/1 var(--px);letter-spacing:.04em;grid-area:seek;align-items:center;gap:10px;display:flex}.wave{flex:1;min-width:0;height:34px;position:relative}.wave canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.wave .wfill{width:calc(var(--p,0)*1%);position:absolute;top:0;bottom:0;left:0;overflow:hidden}.wave .wfill canvas{width:var(--cw,100%)}.wave input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.vol{grid-area:vol;justify-content:flex-end;align-items:center;gap:7px;display:flex}.vol input{width:110px}input[type=range]{accent-color:var(--green)}.ico{font-style:normal}.screen.beats .list{border-top:1px solid #000;flex:1;max-height:none;margin:6px 0 0;box-shadow:inset 0 4px 10px #000}.screen.beats .list li{padding:7px 12px;font-size:22px}.screen.beats .list:empty:before{content:"NO TRACKS YET - UPLOAD MUSIC TO R2 AND LIST IT IN library.json";padding:12px;font-size:20px}.deckscreen{background:url(/img/sky-deck.webp) bottom/cover,#0a3cd8;border:2px solid #000;border-radius:2px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2a2c30,inset 0 0 40px #0006,0 1px #6d7177}.deck-pane{color:#fff;text-shadow:0 0 6px #0a2a9a,0 1px 2px #0a1a6a;align-items:center;gap:16px;padding:12px 16px;display:none;position:absolute;inset:0}#app[data-view=home] .d-home,#app[data-view=live] .d-live,#app:is([data-view=beats],[data-view=videos],[data-view=arcade],[data-view=about]) .d-other{display:flex}.d-home .discplate{background:#000a3273;border-color:#ffffff40;flex:none;width:104px;height:104px}.d-home .disc{width:88px;height:88px}.info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.info b{font:400 clamp(26px,2.6vw,40px)/1 var(--px);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info span{font:400 20px/1 var(--px);letter-spacing:.1em;color:#d8e6ff}.info p{font:400 19px/1.1 var(--px);letter-spacing:.05em;color:#eef4ff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;display:-webkit-box;overflow:hidden}.deckbtns{flex:none;align-items:center;gap:9px;display:flex}.stats{font:400 24px/1 var(--px);letter-spacing:.12em;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stats b{color:#fff;margin-left:8px}.stats li:first-child b{color:#ff8a8a}.stats .dot{margin-right:10px}.d-other{background:linear-gradient(#0c0d0f,#050506);justify-content:space-between}.plaque{object-fit:contain;filter:drop-shadow(0 4px 6px #000);width:auto;max-width:72%;height:100%;max-height:150px}.leds{font:400 15px/1 var(--px);letter-spacing:.1em;color:#aeb2b8;text-shadow:none;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.leds li{align-items:center;gap:8px;display:flex}.led{background:radial-gradient(circle at 35% 30%,#d6ffdd,#2adf5f 48%,#06501f);border-radius:50%;width:9px;height:9px;display:inline-block;box-shadow:0 0 8px #2dff6a,0 0 0 1px #000}.menubar{font:400 17px/1 var(--px);letter-spacing:.06em;color:#c3c7cc;background:linear-gradient(#2c2e32,#17181b);border:1px solid #000;border-radius:2px;gap:2px;margin-bottom:4px;padding:2px 4px;display:flex;box-shadow:inset 0 1px #6d7177}.menubar span{cursor:default;border-radius:2px;padding:3px 9px 2px}.menubar span:hover{color:#fff;background:#3d4046}#nav .dot{vertical-align:1px;margin-right:4px}@media (max-width:1100px){.hero3d{display:none}}@media (max-width:880px){#app{height:auto}.grid{grid-template-rows:none;grid-template-columns:1fr}#rail,#stage,#deck,#chat-win{grid-area:auto/1}#rail{max-height:190px}.screen{min-height:240px}#deck{min-height:220px}#chat-win{min-height:460px}.player-body{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"disc meta""transport transport""seek seek""vol vol"}.art{display:none}.transport,nav{justify-content:center}.top{justify-content:center;padding-right:14px}.wc.big{display:none}}@media (prefers-reduced-motion:reduce){#deck.playing .disc,.screen.beats.playing .disc,.vhs:after{animation:none}}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-400-normal-wDgJuOC9.woff2)format("woff2"),url(/assets/vt323-latin-400-normal-Dqn9ZSPj.woff)format("woff")}