@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&family=Space+Mono&display=swap";
@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Space+Mono&display=swap";
.phosphor-container{--deep-pink:#ff007f;--phosphor-purple:#3e0447dc;--ultra-violet:#270317;--void:#0a0a12;--cyan-accent:#00f3ff;--wire-gray:#ffffff1a;background:radial-gradient(circle at 50% 50%,var(--phosphor-purple)0%,var(--ultra-violet)70%,var(--void)100%);color:#fff;perspective:1000px;justify-content:center;align-items:center;width:100%;height:100vh;font-family:Rajdhani,sans-serif;display:flex;position:relative;overflow:hidden}.phosphor-overlay{z-index:10;pointer-events:none;opacity:.4;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;position:absolute;inset:0}.cable-svg{pointer-events:none;z-index:1;width:100%;height:100%;transition:transform .1s ease-out;position:absolute;top:0;left:0}.wire{fill:none;stroke:var(--wire-gray);stroke-width:1.5px;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:3s ease-out forwards wireDraw}.data-pulse{fill:none;stroke:var(--deep-pink);stroke-width:2px;stroke-dasharray:50 500;animation:4s linear infinite pulseFlow}@keyframes wireDraw{to{stroke-dashoffset:0}}@keyframes pulseFlow{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.overdrive-module{z-index:20;border-left:4px solid var(--deep-pink);-webkit-backdrop-filter:blur(20px);background:#0a0a12cc;border-right:1px solid #ff007f4d;grid-template-columns:1fr 300px;gap:40px;width:800px;max-width:95%;padding:40px;transition:transform .1s ease-out;animation:1.2s cubic-bezier(.16,1,.3,1) moduleReveal;display:grid;position:relative;box-shadow:-20px 0 50px #ff007f1a,0 0 100px #7a00ff1a}@media (max-width:850px){.overdrive-module{grid-template-columns:1fr;height:auto}}@keyframes moduleReveal{0%{opacity:0;transform:translateY(40px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.title-group{border-bottom:1px solid var(--wire-gray);margin-bottom:30px;padding-bottom:20px}.phosphor-title{text-transform:uppercase;letter-spacing:-2px;background:linear-gradient(to right,#fff,var(--deep-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3.5rem;font-weight:700;line-height:.9;transition:text-shadow 50ms}.tagline{color:var(--cyan-accent);text-transform:uppercase;letter-spacing:4px;opacity:.8;margin-top:10px;font-family:Space Mono,monospace;font-size:.75rem}.data-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.data-card{border-bottom:2px solid var(--wire-gray);background:#ffffff08;padding:15px;transition:all .3s}.data-card:hover{border-bottom-color:var(--deep-pink);background:#ff007f0d}.label{color:var(--deep-pink);text-transform:uppercase;margin-bottom:5px;font-family:Space Mono,monospace;font-size:.65rem}.value{font-size:1.5rem;font-weight:700}.hardware-stack{border-left:1px solid var(--wire-gray);flex-direction:column;justify-content:space-between;padding-left:20px;display:flex}.port-status{font-family:Space Mono,monospace;font-size:.7rem}.port-row{border-bottom:1px dashed #ffffff1a;justify-content:space-between;margin-bottom:10px;padding:5px 0;display:flex}.status-dot{background:var(--cyan-accent);width:8px;height:8px;box-shadow:0 0 10px var(--cyan-accent);border-radius:50%;animation:2s infinite flicker;display:inline-block}.status-dot.warn{background:var(--deep-pink);box-shadow:0 0 10px var(--deep-pink)}@keyframes flicker{0%,to{opacity:1}50%{opacity:.4}}.cta-button{background:var(--deep-pink);color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px;cursor:pointer;clip-path:polygon(0 0,100% 0,100% 70%,90% 100%,0 100%);margin-top:auto;padding:15px;font-weight:700;transition:all .3s}.cta-button:hover{color:var(--deep-pink);box-shadow:0 0 30px var(--deep-pink);background:#fff}.circuit-decoration{border:1px solid var(--wire-gray);background:repeating-linear-gradient(45deg,#0000,#0000 5px,#ffffff0d 5px 10px);height:100px;margin:20px 0}.bloom{background:var(--deep-pink);filter:blur(150px);opacity:.2;pointer-events:none;z-index:0;border-radius:50%;width:300px;height:300px;position:absolute}.bloom-1{top:-50px;left:-50px}.bloom-2{background:var(--phosphor-purple);bottom:-50px;right:-50px}.phosphor-content{z-index:30;width:100%;height:100%;position:relative}.perf-low .bloom{opacity:.08;filter:none!important}.perf-low .wire{stroke-dashoffset:0;animation:none!important}.perf-low .data-pulse{opacity:.35;animation:none!important}.perf-low .cable-svg{transition:none!important}.perf-low .overdrive-module{-webkit-backdrop-filter:none!important;box-shadow:none!important}
.neon-nav-root{--bg-deep:#050506;--neon-pink:#ff007f;--neon-purple:#9d00ff;--gas-glow:#9d00ff4d;--tube-base:#1a1a1c;--transition-speed:.4s;--slider-w:40px;z-index:50;box-sizing:border-box;pointer-events:none;justify-content:center;width:100%;padding-top:0;padding-bottom:0;font-family:Orbitron,sans-serif;display:flex;position:relative}.nav-container{pointer-events:auto;--nav-base-height:65px;--nav-content-h:var(--nav-base-height);--nav-safe:env(safe-area-inset-bottom,0px);width:100%;min-width:0;height:calc(var(--nav-content-h) + var(--nav-safe));--nav-count:3;--nav-padding:10px;--slider-x:0%;--slider-color:var(--neon-pink);--slider-shadow:0 0 15px var(--neon-pink),0 0 30px var(--neon-purple);grid-template-rows:var(--nav-content-h)var(--nav-safe);grid-template-columns:repeat(var(--nav-count),1fr);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#0a0a0ccc;border:1px solid #ff007f1a;border-radius:0;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 40px #000c,inset 0 1px 1px #ffffff0d}.nav-content{height:var(--nav-content-h);grid-area:1/1/auto/-1;grid-template-columns:repeat(var(--nav-count),1fr);padding:6px var(--nav-padding);z-index:5;place-items:center;display:grid;position:relative}.nav-container[data-active=factory]{--slider-x:0%;--slider-color:var(--neon-pink);--slider-shadow:0 0 15px var(--neon-pink),0 0 30px var(--neon-purple)}.nav-container[data-active=arcade]{--slider-x:100%;--slider-color:var(--neon-purple);--slider-shadow:0 0 15px var(--neon-purple),0 0 30px var(--neon-pink)}.nav-container[data-active=harem]{--slider-x:200%;--slider-color:var(--neon-pink);--slider-shadow:0 0 15px var(--neon-pink),0 0 30px var(--neon-purple)}.gas-conduit{bottom:calc(var(--nav-safe) + 36px);pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#9d00ff33,#ff007f33,#0000);height:2px;position:absolute;top:auto;left:10%;right:10%;transform:translateY(-50%)}.nav-item{cursor:pointer;z-index:5;touch-action:manipulation;background:0 0;border:none;outline:none;flex-direction:column;flex:1;grid-row:1;justify-content:center;align-items:center;width:100%;height:100%;padding-top:6px;padding-bottom:10px;text-decoration:none;transition:transform .2s;display:flex;position:relative}.nav-item:active{transform:scale(.92)}.icon-box{width:28px;height:24px;transition:var(--transition-speed)cubic-bezier(.23,1,.32,1);justify-content:center;align-items:center;margin-bottom:2px;display:flex;position:relative}.nav-label{text-transform:uppercase;letter-spacing:2px;color:#ffffff4d;transition:var(--transition-speed)ease;margin-top:4px;font-family:Space Mono,monospace;font-size:11px}.nav-svg{fill:none;stroke:#fff6;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;transition:var(--transition-speed)ease;filter:drop-shadow(0 0 #0000)}.nav-item.active .nav-label{color:#fff;text-shadow:0 0 10px var(--neon-pink)}.nav-item.active .nav-svg{stroke:#fff;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 8px var(--neon-pink))drop-shadow(0 0 15px var(--neon-purple));animation:4s infinite alternate flicker}.slider{bottom:6px;left:var(--nav-padding);width:calc((100% - (var(--nav-padding)*2))/var(--nav-count));background:var(--slider-color);height:2px;box-shadow:var(--slider-shadow);transform:translateX(var(--slider-x));transition:transform var(--transition-speed)cubic-bezier(.19,1,.22,1);z-index:6;pointer-events:none;border-radius:10px 10px 0 0;position:absolute}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{opacity:1}20%,24%,55%{opacity:.7;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 4px var(--neon-pink))}}.nav-container:before{content:"";height:var(--nav-safe);pointer-events:none;z-index:2;background:linear-gradient(#0a0a0cb3 0%,#0a0a0cf2 100%);position:absolute;bottom:0;left:0;right:0}.nav-container:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:50%;height:100%;animation:6s linear infinite scan;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes scan{0%{left:-100%}30%{left:200%}to{left:200%}}.perf-low .nav-container{-webkit-backdrop-filter:none!important;box-shadow:none!important}.perf-low .nav-container:after{opacity:.15;animation:none!important}.perf-low .slider{box-shadow:none!important;filter:none!important}.perf-low .nav-item.active .nav-label{text-shadow:none!important}.perf-low .nav-item svg{filter:none!important}.perf-low .nav-item.active svg{animation:none!important}