:root{--primary-cyan: #00ffff;--primary-magenta: #ff00ff;--primary-yellow: #ffff00;--bg-dark: #0a0a0a;--bg-gradient-start: #1a0a2e;--bg-gradient-end: #16213e;--palette-neon: linear-gradient(45deg, #ff006e, #8338ec, #3a86ff);--palette-cyber: linear-gradient(45deg, #06ffa5, #fffb00, #ff006e);--palette-retro: linear-gradient(45deg, #ff9a00, #c73e1d, #5d4e75);--palette-chromatic: linear-gradient(45deg, #ff0000, #00ff00, #0000ff)}html,body{height:100%;overflow:hidden;background:radial-gradient(ellipse at center,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 70%,var(--bg-dark) 100%);color:#fff;font-family:Courier New,Monaco,Menlo,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bloom-effect{filter:drop-shadow(0 0 20px var(--primary-cyan)) drop-shadow(0 0 40px var(--primary-magenta)) drop-shadow(0 0 60px rgba(255,0,110,.3))}.chromatic-aberration{filter:blur(.3px) drop-shadow(2px 0 0 #ff0000) drop-shadow(-2px 0 0 #00ffff) drop-shadow(0 2px 0 #00ff00)}.neon-glow{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 20px currentColor,0 0 40px var(--primary-cyan),0 0 80px var(--primary-cyan)}.crt-effect:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.02) 2px,rgba(0,255,255,.02) 4px);pointer-events:none;z-index:1000;animation:scanlines .1s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.plasma-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(255,0,110,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(131,56,236,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(58,134,255,.1) 0%,transparent 50%);animation:plasma 8s ease-in-out infinite alternate;z-index:-1}@keyframes plasma{0%{transform:scale(1) rotate(0);filter:hue-rotate(0deg)}to{transform:scale(1.1) rotate(5deg);filter:hue-rotate(90deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary-cyan);border-radius:4px;box-shadow:0 0 10px var(--primary-cyan)}::-webkit-scrollbar-thumb:hover{background:var(--primary-magenta);box-shadow:0 0 15px var(--primary-magenta)}.controls-panel{position:fixed;top:20px;right:20px;z-index:1000;font-family:Courier New,monospace;transition:all .3s ease}.toggle-button{background:#000c;border:2px solid #00ffff;color:#0ff;padding:10px 15px;cursor:pointer;font-family:Courier New,monospace;font-size:14px;border-radius:5px;text-shadow:0 0 10px #00ffff;box-shadow:0 0 20px #00ffff4d;transition:all .3s ease}.toggle-button:hover{background:#00ffff1a;box-shadow:0 0 30px #00ffff80;transform:scale(1.05)}.controls-content{background:#000000e6;border:2px solid #00ffff;border-radius:10px;padding:20px;margin-top:10px;min-width:300px;max-width:350px;max-height:80vh;overflow-y:auto;box-shadow:0 0 30px #00ffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls-content h3,.controls-content h4{color:#0ff;text-shadow:0 0 10px #00ffff;margin-bottom:15px;text-align:center}.controls-content h4{margin-top:20px;font-size:16px}.control-group{margin-bottom:15px}.control-group label{display:block;color:#fff;margin-bottom:5px;font-size:12px;text-shadow:0 0 5px rgba(255,255,255,.5)}.control-group select,.control-group input[type=range]{width:100%;margin-bottom:5px}.control-group select{background:#000c;border:1px solid #00ffff;color:#0ff;padding:5px;border-radius:3px;font-family:Courier New,monospace;font-size:12px}.control-group select:focus{outline:none;box-shadow:0 0 10px #00ffff80}.control-group input[type=range]{-webkit-appearance:none;appearance:none;height:6px;background:#fff3;border-radius:3px;outline:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#0ff;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #0ffc}.control-group input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#0ff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 10px #0ffc}.control-group input[type=checkbox]{margin-right:8px;accent-color:#00ffff}.control-group button{background:#000c;border:1px solid #ff00ff;color:#f0f;padding:8px 12px;margin:2px;cursor:pointer;font-family:Courier New,monospace;font-size:11px;border-radius:3px;transition:all .3s ease;text-shadow:0 0 5px #ff00ff}.control-group button:hover{background:#ff00ff1a;box-shadow:0 0 15px #ff00ff80;transform:scale(1.05)}.controls-content::-webkit-scrollbar{width:8px}.controls-content::-webkit-scrollbar-track{background:#00000080;border-radius:4px}.controls-content::-webkit-scrollbar-thumb{background:#0ff;border-radius:4px}.controls-content::-webkit-scrollbar-thumb:hover{background:#f0f}.controls-panel.closed .controls-content{display:none}@media (max-width: 768px){.controls-panel{top:10px;right:10px}.controls-content{min-width:280px;max-width:calc(100vw - 40px);max-height:70vh}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#000;font-family:Courier New,monospace}.App{width:100vw;height:100vh;position:relative}.loading{display:flex;justify-content:center;align-items:center;height:100vh;color:#0ff;font-family:Courier New,monospace;font-size:24px;text-shadow:0 0 20px #00ffff;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.App:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#00ffff08 50%);background-size:100% 4px;pointer-events:none;z-index:1000}.fps-counter{position:fixed;top:20px;left:20px;color:#0ff;font-family:Courier New,monospace;font-size:14px;text-shadow:0 0 10px #00ffff;background:#000000b3;padding:5px 10px;border-radius:3px;border:1px solid #00ffff;z-index:1001;-webkit-user-select:none;user-select:none}.copyright{position:fixed;bottom:20px;right:20px;color:#0ff;font-family:Courier New,monospace;font-size:12px;text-shadow:0 0 10px #00ffff;background:#000000b3;padding:5px 10px;border-radius:3px;border:1px solid #00ffff;z-index:1001;-webkit-user-select:none;user-select:none;opacity:.8}