:root{--color-bg:#000002;--color-surface:#0a0a12ad;--color-surface-hover:#141420d9;--color-border:#ffffff1a;--color-border-glow:#fa56;--color-accent-amber:#fa5;--color-accent-amber-glow:#ffaa5540;--color-accent-cyan:#4df;--color-accent-orange:#f63;--color-accent-red:#f34;--color-text-main:#f0f2ff;--color-text-muted:#f0f2ff99;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body,html{background-color:var(--color-bg);width:100%;height:100%;color:var(--color-text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden}#root,.gargantua-app{width:100vw;height:100vh;position:relative;overflow:hidden}.canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-container canvas{width:100%;height:100%;display:block}.vignette-overlay{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 200px #000000eb}.wormhole-flash{opacity:0;pointer-events:none;z-index:80;background:radial-gradient(circle,#fff 0%,#ffb464d9 60%,#000000f2 100%);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:0;left:0}.wormhole-flash.active{opacity:1;pointer-events:auto}.singularity-alert{text-align:center;color:#111;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-radius:16px;padding:30px 50px;box-shadow:0 0 60px #ffaa55e6}.singularity-alert h2{letter-spacing:3px;color:#c92a2a;margin:10px 0 6px;font-size:20px;font-weight:700}.singularity-alert p{font-family:var(--font-mono);letter-spacing:1px;color:#333;font-size:11px}.reticle-container{pointer-events:none;z-index:6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle-circle{border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.reticle-circle:before{content:"";background:#ffffff40;width:6px;height:1px;position:absolute;top:50%;left:-8px}.reticle-circle:after{content:"";background:#ffffff40;width:6px;height:1px;position:absolute;top:50%;right:-8px}.reticle-dot{background:var(--color-accent-amber);width:3px;height:3px;box-shadow:0 0 6px var(--color-accent-amber);border-radius:50%}.hud-panel{z-index:20;pointer-events:none;-webkit-backdrop-filter:blur(14px);border:1px solid #ffffff14;border-left:3px solid var(--color-accent-amber);background:linear-gradient(135deg,#08080eb3 0%,#0e0e1873 100%);border-radius:10px;min-width:280px;padding:14px 18px;animation:.6s ease-out fadeIn;position:absolute;bottom:25px;left:25px;box-shadow:0 8px 32px #0009}.hud-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex}.hud-indicator{background:var(--color-accent-amber);width:6px;height:6px;box-shadow:0 0 8px var(--color-accent-amber);border-radius:50%;animation:2s infinite pulseLight}.hud-title{font-family:var(--font-mono);letter-spacing:2px;color:var(--color-accent-amber);font-size:11px;font-weight:600}.hud-fps{font-family:var(--font-mono);color:#fff6;margin-left:auto;font-size:10px}.hud-rows{flex-direction:column;gap:6px;display:flex}.hud-row{font-family:var(--font-mono);justify-content:space-between;align-items:center;font-size:11px;line-height:1.5;display:flex}.hud-label{color:#ffffff8c;align-items:center;gap:6px;display:flex}.hud-icon{color:var(--color-accent-amber);opacity:.8}.hud-val{color:var(--color-accent-amber);margin-left:14px;font-weight:600}.hud-val.active{color:#38d9a9}.hud-val.inactive{color:#ffffff59}.tooltip-layer{pointer-events:none;z-index:15;width:100%;height:100%;position:absolute;top:0;left:0}.tooltip-pointer-line{transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#ffaa55e6,#fff0);height:1px;transition:opacity .2s;position:absolute;box-shadow:0 0 8px #ffaa5580}.tooltip-box{-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff1a;border-left:2px solid var(--color-accent-amber);pointer-events:auto;background:#0a0a12a6;border-radius:6px;min-width:170px;max-width:260px;padding:8px 14px;transition:opacity .2s;position:absolute;transform:translateY(-50%);box-shadow:0 6px 20px #0009}.tooltip-title{color:var(--color-accent-amber);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:11px;font-weight:600}.tooltip-desc{color:#ffffffb3;font-size:9.5px;line-height:1.4}.control-panel-wrapper{z-index:25;background:var(--color-surface);-webkit-backdrop-filter:blur(18px);border:1px solid var(--color-border);border-radius:14px;width:330px;transition:all .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:25px;right:25px;overflow:hidden;box-shadow:0 12px 40px #000000b3,inset 0 1px #ffffff14}.control-panel-wrapper.collapsed{width:240px}.control-panel-header{background:#0f0f19a6;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.header-left{align-items:center;gap:8px;display:flex}.header-title{letter-spacing:1.5px;color:#fff;text-transform:uppercase;font-size:11px;font-weight:600}.collapse-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:all .2s;display:flex}.collapse-btn:hover{color:#fff;background:#ffffff1a}.control-panel-content{flex-direction:column;gap:16px;padding:16px;display:flex}.render-mode-selector{background:#0006;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.mode-label{letter-spacing:.8px;color:#ffffff80;text-transform:uppercase;font-size:10px;font-weight:600}.mode-buttons{gap:6px;display:flex}.mode-btn{color:#fff9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:6px 8px;font-size:10.5px;font-weight:600;transition:all .2s}.mode-btn:hover{color:#fff;background:#ffffff14}.mode-btn.active{border-color:var(--color-accent-amber);color:var(--color-accent-amber);background:#ffaa5526;box-shadow:0 0 10px #fa53}.panel-tabs{background:#00000059;border-radius:8px;gap:6px;padding:4px;display:flex}.panel-tab{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 10px;font-size:11px;font-weight:500;transition:all .2s}.panel-tab.active{color:#fff;background:#ffffff1a;box-shadow:0 2px 6px #0003}.control-group{flex-direction:column;gap:14px;display:flex}.control-item{flex-direction:column;gap:6px;display:flex}.control-label-row{justify-content:space-between;align-items:center;font-size:11px;display:flex}.control-name{color:#ffffffb3}.control-value{font-family:var(--font-mono);color:var(--color-accent-amber);font-weight:600}.custom-range{-webkit-appearance:none;background:#ffffff1a;border-radius:4px;outline:none;width:100%;height:5px;transition:background .2s}.custom-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent-amber);cursor:pointer;width:15px;height:15px;box-shadow:0 0 10px var(--color-accent-amber-glow);border-radius:50%;transition:transform .15s,box-shadow .15s}.custom-range::-webkit-slider-thumb:hover{box-shadow:0 0 14px var(--color-accent-amber);transform:scale(1.25)}.toggle-list{flex-direction:column;gap:10px;display:flex}.custom-toggle{cursor:pointer;color:#ffffffbf;justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.toggle-label{align-items:center;gap:8px;display:flex}.custom-toggle input{display:none}.toggle-slider{background:#ffffff26;border-radius:20px;width:34px;height:18px;transition:background .25s;position:relative}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .25s cubic-bezier(.2,.8,.2,1);position:absolute;top:2px;left:2px}.custom-toggle input:checked+.toggle-slider{background:var(--color-accent-amber);box-shadow:0 0 8px var(--color-accent-amber-glow)}.custom-toggle input:checked+.toggle-slider:before{transform:translate(16px)}.panel-actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}.action-btn{letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 12px;font-size:11px;font-weight:600;transition:all .25s;display:flex}.merger-btn{color:#f88;background:#ff3c3c1f;border:1px solid #ff505066}.merger-btn:hover:not(:disabled){color:#fff;background:#ff3c3c40;border-color:#f55;transform:translateY(-1px);box-shadow:0 0 16px #ff3c3c59}.merger-btn:disabled{opacity:.6;cursor:not-allowed}.merger-dot{background:#f55;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #f55}.cinematic-btn{color:#ffffffd9;background:#ffffff0d;border:1px solid #ffffff26}.cinematic-btn:hover:not(:disabled){border-color:var(--color-accent-amber);color:var(--color-accent-amber);background:#ffffff1f}.cinematic-btn.active{border-color:var(--color-accent-amber);color:var(--color-accent-amber);background:#ffaa5526}.start-screen{-webkit-backdrop-filter:blur(14px);z-index:100;opacity:1;background:#030307c7;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1.8s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:0;left:0}.start-screen.fading{opacity:0;pointer-events:none}.start-content{text-align:center;flex-direction:column;align-items:center;max-width:580px;padding:40px 30px;display:flex}.start-badge{letter-spacing:2px;color:var(--color-accent-amber);background:#ffaa5514;border:1px solid #ffaa5540;border-radius:30px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 14px;font-size:10px;display:inline-flex}.start-title{color:#fff;letter-spacing:24px;margin-bottom:20px;padding-left:24px;font-size:56px;font-weight:200;animation:4s ease-in-out infinite pulseGlow}.start-description{color:#ffffffa6;margin-bottom:40px;font-size:13px;font-weight:300;line-height:1.8}.start-btn{letter-spacing:3px;text-transform:uppercase;color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff40;border-radius:40px;align-items:center;gap:10px;padding:16px 44px;font-size:12px;font-weight:500;transition:all .4s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 4px 20px #0006}.start-btn:hover{color:var(--color-accent-amber);border-color:var(--color-accent-amber);background:#ffaa551f;transform:scale(1.04);box-shadow:0 0 35px #ffaa5559}.start-icon{fill:currentColor}.start-footer-hint{color:#ffffff59;letter-spacing:.5px;margin-top:28px;font-size:10.5px}@keyframes pulseGlow{0%,to{text-shadow:0 0 15px #ffaa5540}50%{text-shadow:0 0 45px #ffaa55bf,0 0 90px #ffaa554d}}@keyframes pulseLight{0%,to{opacity:.5}50%{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-amber{color:var(--color-accent-amber)}.text-cyan{color:var(--color-accent-cyan)}.text-orange{color:var(--color-accent-orange)}.text-blue{color:#59f}.mr-1{margin-right:4px}.flex-center{align-items:center;display:inline-flex}