@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Rajdhani:wght@300;500;700&display=swap";html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#000}:root{font-family:Rajdhani,sans-serif;line-height:1.5;font-weight:500;color-scheme:dark;color:#adf;background-color:#000;--neon-blue: #00f3ff;--neon-red: #ff0055;--hud-bg: rgba(0, 10, 30, .6);--hud-border: rgba(0, 243, 255, .3)}.app-container{width:100%;height:100%;position:relative}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;pointer-events:none;z-index:100;opacity:.3}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;box-sizing:border-box}.ui-overlay>*{pointer-events:auto}h1,h2,h3,h4{font-family:Orbitron,sans-serif;text-transform:uppercase;margin:0;letter-spacing:2px}h1{font-size:2rem;color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue)}.subtitle{font-size:.8rem;color:var(--neon-blue);opacity:.7}.hud-panel{background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem;position:relative;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.hud-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--neon-blue);opacity:.5}.play-btn{background:#00f3ff1a;color:var(--neon-blue);border:1px solid var(--neon-blue);padding:1rem 3rem;font-family:Orbitron,sans-serif;font-size:1.2rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.play-btn:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 20px var(--neon-blue)}.play-btn.playing{background:#ff00551a;color:var(--neon-red);border-color:var(--neon-red)}.play-btn.playing:hover{background:var(--neon-red);color:#000;box-shadow:0 0 20px var(--neon-red)}.loader{font-family:Orbitron,sans-serif;color:var(--neon-blue);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#00000080}::-webkit-scrollbar-thumb{background:var(--neon-blue)}