html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050508;width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}body{color:#f8fafc;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}:root{--bg-primary:#050508;--bg-secondary:#08080f;--bg-tertiary:#0d0d1a;--accent-blue:#3b82f6;--accent-blue-dim:#3b82f666;--accent-purple:#8b5cf6;--accent-purple-dim:#8b5cf64d;--accent-pink:#ec4899;--accent-cyan:#06b6d4;--text-primary:#f8fafcd9;--text-secondary:#94a3b899;--text-tertiary:#94a3b859;--glow-blue:#3b82f626;--glow-blue-mid:#3b82f614;--glow-purple:#8b5cf61f;--glow-pink:#ec489914;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;overflow:hidden}.app{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.background-gradient{background:radial-gradient(ellipse at 20% 50%, #0f142d80 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, #140f2859 0%, transparent 55%), radial-gradient(ellipse at 50% 80%, #0a0f2373 0%, transparent 50%), linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 40%, var(--bg-primary) 100%);z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}.light-leaks{pointer-events:none;z-index:3;width:100%;height:100%;position:fixed;top:0;left:0}.light-leak{filter:blur(120px);border-radius:50%;animation:12s ease-in-out infinite lightLeakPulse;position:absolute}.light-leak-1{background:radial-gradient(circle,#3b82f60f 0%,#0000 70%);width:55vw;height:55vw;animation-delay:0s;top:-15%;right:-15%}.light-leak-2{background:radial-gradient(circle,#8b5cf60a 0%,#0000 70%);width:65vw;height:65vw;animation-delay:-4s;bottom:-25%;left:-15%}.light-leak-3{background:radial-gradient(circle,#ec489908 0%,#0000 70%);width:45vw;height:45vw;animation-delay:-7s;top:40%;left:40%}@keyframes lightLeakPulse{0%,to{opacity:.5;transform:scale(1)translate(0)}25%{opacity:.7;transform:scale(1.05)translate(2%,-1%)}50%{opacity:.6;transform:scale(1.1)translate(-1%,2%)}75%{opacity:.8;transform:scale(1.05)translate(1%,1%)}}.vignette{pointer-events:none;z-index:25;background:radial-gradient(#0000 30%,#00000080 70%,#000000d9 100%);width:100%;height:100%;position:fixed;top:0;left:0}.noise-overlay{pointer-events:none;z-index:24;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px;width:100%;height:100%;animation:.8s steps(4,end) infinite noiseShift;position:fixed;top:0;left:0}@keyframes noiseShift{0%{background-position:0 0}25%{background-position:-64px 64px}50%{background-position:64px -64px}75%{background-position:-64px -64px}to{background-position:0 0}}.coming-soon-container{z-index:15;pointer-events:none;text-align:center;background:0 0;width:100%;position:fixed;top:10%;left:50%;transform:translate(-50%)}.coming-soon-text{letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;opacity:.08;mix-blend-mode:screen;max-width:90vw;font-size:clamp(2.5rem,8vw,10rem);font-weight:900;position:absolute;top:0;left:50%;transform:translate(-50%)}.coming-soon-main{color:var(--text-primary);text-shadow:0 0 40px #3b82f614,0 0 80px #3b82f608;animation:8s ease-in-out infinite textFlicker}.coming-soon-red{color:#ef4444;opacity:.04;animation:4s ease-in-out infinite glitchRed}.coming-soon-green{color:#22c55e;opacity:.03;animation:4s ease-in-out infinite glitchGreen}.coming-soon-blue{color:#3b82f6;opacity:.05;animation:4s ease-in-out infinite glitchBlue}@keyframes textFlicker{0%,to{opacity:.08}10%{opacity:.1}20%{opacity:.06}30%{opacity:.09}40%{opacity:.08}50%{opacity:.07}60%{opacity:.1}70%{opacity:.08}80%{opacity:.09}90%{opacity:.07}}@keyframes glitchRed{0%,92%,to{transform:translate(-50%)}93%{transform:translate(calc(2px - 50%))}94%{transform:translate(calc(-50% - 1px))}95%{transform:translate(calc(1px - 50%))}}@keyframes glitchGreen{0%,88%,to{transform:translate(-50%)}89%{transform:translate(calc(-50% - 2px))}90%{transform:translate(calc(1px - 50%))}91%{transform:translate(calc(-50% - 1px))}}@keyframes glitchBlue{0%,95%,to{transform:translate(-50%)}96%{transform:translate(calc(1px - 50%))}97%{transform:translate(calc(-50% - 2px))}98%{transform:translate(calc(1px - 50%))}}.coming-soon-flicker{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff08 50%,#0000 100%);width:100%;max-width:800px;height:100%;animation:4s linear infinite flickerSweep;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes flickerSweep{0%{transform:translate(-50%)translate(-100%)}to{transform:translate(-50%)translate(100%)}}.logo-container{z-index:20;cursor:pointer;will-change:transform;background:0 0;justify-content:center;align-items:center;transition:transform .4s ease-in-out;display:flex;position:relative}.logo-svg{z-index:2;will-change:filter;object-fit:contain;transition:filter .4s ease-in-out;position:relative}.logo-glow{pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.logo-glow-outer{background:radial-gradient(circle, var(--glow-blue) 0%, transparent 70%);z-index:1;width:350px;height:350px;transition:opacity .4s ease-in-out,transform .4s ease-in-out}.logo-glow-middle{z-index:2;background:radial-gradient(circle,#3b82f61f 0%,#0000 70%);width:280px;height:280px;transition:opacity .4s ease-in-out,transform .4s ease-in-out}.logo-glow-inner{z-index:3;background:radial-gradient(circle,#3b82f614 0%,#0000 70%);width:220px;height:220px;transition:opacity .4s ease-in-out,transform .4s ease-in-out}.logo-aberration{pointer-events:none;opacity:.15;width:180px;height:180px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-aberration-red{background:radial-gradient(circle,#ef444433 0%,#0000 70%);animation:.15s ease-in-out infinite alternate aberrationRed}.logo-aberration-green{background:radial-gradient(circle,#22c55e26 0%,#0000 70%);animation:.15s ease-in-out infinite alternate aberrationGreen}.logo-aberration-blue{background:radial-gradient(circle,#3b82f633 0%,#0000 70%);animation:.15s ease-in-out infinite alternate aberrationBlue}@keyframes aberrationRed{0%{transform:translate(-51%,-50%)}to{transform:translate(-49%,-50%)}}@keyframes aberrationGreen{0%{transform:translate(-50%,-51%)}to{transform:translate(-50%,-49%)}}@keyframes aberrationBlue{0%{transform:translate(-49%,-49%)}to{transform:translate(-51%,-51%)}}.logo-play-indicator{color:var(--text-secondary);letter-spacing:.25em;text-transform:uppercase;opacity:.6;white-space:nowrap;font-size:11px;transition:opacity .3s;position:absolute;bottom:-48px;left:50%;transform:translate(-50%)}.logo-container:hover .logo-play-indicator{opacity:1}.audio-bars{align-items:flex-end;gap:4px;height:18px;display:flex}.audio-bar{background:var(--accent-blue);border-radius:2px;width:3px;animation:1s ease-in-out infinite audioBarPulse}.audio-bar:first-child{height:40%;animation-delay:0s}.audio-bar:nth-child(2){height:70%;animation-delay:.15s}.audio-bar:nth-child(3){height:50%;animation-delay:.3s}.audio-bar:nth-child(4){height:85%;animation-delay:.45s}@keyframes audioBarPulse{0%,to{opacity:.5;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1.1)}}.play-icon{font-size:10px;animation:2.5s ease-in-out infinite playPulse}@keyframes playPulse{0%,to{opacity:.4}50%{opacity:1}}.logo-hint{color:var(--accent-blue);letter-spacing:.2em;text-transform:uppercase;font-size:10px;animation:1.5s ease-in-out infinite hintFade;position:absolute;bottom:-48px;left:50%;transform:translate(-50%)}@keyframes hintFade{0%,to{opacity:.3}50%{opacity:1}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.vhs-overlay{pointer-events:none;z-index:22;width:100%;height:100%;position:fixed;top:0;left:0}.scanlines{opacity:.2;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000d 2px 4px);width:100%;height:100%;position:absolute;top:0;left:0}.tracking-lines{background:linear-gradient(90deg,#0000 0%,#ffffff02 50%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.chromatic-noise{opacity:.008;background:radial-gradient(circle at 30% 40%,#f003 0%,#0000 50%),radial-gradient(circle at 70% 60%,#0f03 0%,#0000 50%),radial-gradient(circle,#00f3 0%,#0000 50%);width:100%;height:100%;animation:6s ease-in-out infinite chromaticShift;position:absolute;top:0;left:0}@keyframes chromaticShift{0%,to{transform:translate(0)}25%{transform:translate(-1px,.5px)}50%{transform:translate(.5px,-.5px)}75%{transform:translate(-.5px,1px)}}.signal-loss{background:linear-gradient(#0000 0%,#ffffff08 50%,#0000 100%);width:100%;height:100%;animation:.15s steps(3,end) forwards signalLoss;position:absolute;top:0;left:0}@keyframes signalLoss{0%{opacity:1;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.9)}to{opacity:0;transform:scaleY(.7)}}.rgb-split-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.rgb-layer{opacity:.005;width:100%;height:100%;position:absolute;top:0;left:0}.rgb-red{background:radial-gradient(circle,#ff000014 0%,#0000 70%);animation:5s ease-in-out infinite rgbRedPulse}.rgb-green{background:radial-gradient(circle,#00ff000f 0%,#0000 70%);animation:5s ease-in-out -1.7s infinite rgbGreenPulse}.rgb-blue{background:radial-gradient(circle,#0000ff14 0%,#0000 70%);animation:5s ease-in-out -3.3s infinite rgbBluePulse}@keyframes rgbRedPulse{0%,to{opacity:.005;transform:translate(0)}50%{opacity:.01;transform:translate(1px,-.5px)}}@keyframes rgbGreenPulse{0%,to{opacity:.005;transform:translate(0)}50%{opacity:.008;transform:translate(-.5px,1px)}}@keyframes rgbBluePulse{0%,to{opacity:.005;transform:translate(0)}50%{opacity:.01;transform:translate(.5px,.5px)}}.volume-control{bottom:var(--space-lg);z-index:30;justify-content:center;align-items:center;transition:all .3s ease-in-out;display:flex;position:fixed;left:50%;transform:translate(-50%)}.volume-slider-container{cursor:pointer;align-items:center;width:350px;min-width:200px;max-width:600px;height:24px;display:flex}.volume-slider-track{background:#ffffff0f;border-radius:1px;width:100%;height:2px;position:relative;overflow:visible}.volume-slider-fill{background:linear-gradient(90deg, var(--accent-blue-dim), var(--accent-purple-dim));border-radius:1px;height:100%;transition:width .15s;position:absolute;top:0;left:0}.volume-slider-thumb{cursor:grab;background:#f8fafc99;border-radius:50%;width:10px;height:10px;transition:box-shadow .2s,background .2s;position:absolute;top:50%;transform:translate(-50%)translateY(-50%)}.volume-slider-thumb:hover{background:#f8fafccc;box-shadow:0 0 12px #3b82f666}.volume-slider-thumb:active{cursor:grabbing;box-shadow:0 0 20px #3b82f699}.volume-value{color:var(--text-tertiary);font-variant-numeric:tabular-nums;text-align:right;letter-spacing:.05em;min-width:32px;font-size:10px}.hud{pointer-events:none;z-index:26;width:100%;height:100%;position:fixed;top:0;left:0}.hud-corner{padding:var(--space-lg);position:absolute}.hud-top-left{top:0;left:0}.hud-top-right{text-align:right;top:0;right:0}.hud-bottom-left{bottom:0;left:0}.hud-bottom-right{bottom:0;right:0}.hud-line{background:#3b82f633}.hud-line-h{width:48px;height:1px;margin-bottom:var(--space-sm)}.hud-line-v{width:1px;height:48px}.hud-top-left .hud-line-v,.hud-bottom-left .hud-line-v{margin-left:0}.hud-top-right .hud-line-h,.hud-bottom-right .hud-line-h{margin-left:auto}.hud-label{color:#3b82f64d;letter-spacing:.25em;text-transform:uppercase;font-size:9px}.hud-time{gap:var(--space-xs);flex-direction:column;display:flex}.hud-date{color:var(--text-tertiary);letter-spacing:.1em;font-size:9px}.hud-clock{color:#3b82f666;font-variant-numeric:tabular-nums;letter-spacing:.1em;font-size:12px}.hud-crosshair{opacity:.08;width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-crosshair-h,.hud-crosshair-v{background:#3b82f64d;position:absolute}.hud-crosshair-h{width:100%;height:1px;top:50%;left:0}.hud-crosshair-v{width:1px;height:100%;top:0;left:50%}.hud-crosshair-circle{border:1px solid #3b82f633;border-radius:50%;width:40px;height:40px;animation:5s ease-in-out infinite crosshairPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes crosshairPulse{0%,to{opacity:.2;transform:translate(-50%,-50%)scale(1)}50%{opacity:.4;transform:translate(-50%,-50%)scale(1.05)}}.hud-data-point{opacity:.1;position:absolute}.hud-data-value{color:#3b82f64d;letter-spacing:.15em;font-family:Courier New,monospace;font-size:8px}.hud-scanline{background:linear-gradient(90deg,#0000 0%,#3b82f60a 50%,#0000 100%);width:100%;height:1px;animation:12s linear infinite hudScan;position:absolute;top:0;left:0}@keyframes hudScan{0%{top:0%}to{top:100%}}.hud-status{bottom:80px;right:var(--space-lg);gap:var(--space-sm);flex-direction:column;display:flex;position:absolute}.hud-status-item{align-items:center;gap:var(--space-sm);color:#94a3b840;letter-spacing:.2em;text-transform:uppercase;font-size:8px;display:flex}.hud-status-dot{background:#22c55e;border-radius:50%;width:5px;height:5px;animation:3s ease-in-out infinite statusPulse}.hud-status-dot-warning{background:#f59e0b;animation-delay:-1.5s}@keyframes statusPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.app:before{content:"";pointer-events:none;z-index:2;background:conic-gradient(#0000 0deg,#3b82f603 20deg,#0000 60deg,#8b5cf602 90deg,#0000 180deg,#ec489902 210deg,#0000 270deg,#3b82f603 330deg,#0000 360deg);width:200vmax;height:200vmax;animation:90s linear infinite rotateBeams;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotateBeams{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media (width<=768px){.coming-soon-text{letter-spacing:.1em;font-size:clamp(1.5rem,12vw,4rem)}.volume-control{width:calc(100% - var(--space-xl));bottom:var(--space-md);padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.volume-slider-container{flex:1;min-width:80px}.volume-value{display:none}.hud-corner{padding:var(--space-md)}.hud-line-h{width:32px}.hud-line-v{height:32px}.logo-svg{width:160px;height:160px}.logo-glow-outer{width:250px;height:250px}.logo-glow-middle{width:200px;height:200px}.logo-glow-inner{width:160px;height:160px}.hud-crosshair{width:50px;height:50px}.hud-crosshair-circle{width:25px;height:25px}}@media (width>=1920px){.coming-soon-text{font-size:clamp(4rem,6vw,12rem)}.logo-svg{width:260px;height:260px}.logo-glow-outer{width:420px;height:420px}.logo-glow-middle{width:340px;height:340px}.logo-glow-inner{width:280px;height:280px}}::selection{color:var(--text-primary);background:#3b82f633}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#3b82f633;border-radius:2px}