:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;--neon-cyan: #00f0ff;--neon-magenta: #ff00e5;--neon-orange: #ff6a00;--neon-green: #00ff88;--neon-red: #ff2d55;--neon-yellow: #ffe600;--bg-dark: #050510;--bg-card: rgba(10, 10, 30, .85);--border-glow: rgba(0, 240, 255, .2)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg-dark);color:#e8e8f0;overflow-x:hidden}body{background-image:radial-gradient(ellipse at 20% 50%,rgba(0,240,255,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(255,0,229,.04) 0%,transparent 60%),radial-gradient(ellipse at 50% 80%,rgba(255,106,0,.03) 0%,transparent 60%)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#050510d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,240,255,.08)}.nav-logo{font-size:1.4rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:#fff9;text-decoration:none;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:color .2s,text-shadow .2s;cursor:pointer}.nav-links a:hover{color:var(--neon-cyan);text-shadow:0 0 12px rgba(0,240,255,.5)}.nav-cta{padding:.55rem 1.5rem;border:1px solid var(--neon-cyan);background:#00f0ff14;color:var(--neon-cyan);font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:all .25s}.nav-cta:hover{background:var(--neon-cyan);color:var(--bg-dark);box-shadow:0 0 25px #00f0ff66}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:6rem 2rem 4rem}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hero-bg:before{content:"";position:absolute;top:50%;left:50%;width:900px;height:900px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,240,255,.08) 0%,transparent 60%);animation:pulse-glow 4s ease-in-out infinite}.hero-bg:after{content:"";position:absolute;top:30%;left:60%;width:600px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,0,229,.06) 0%,transparent 60%);animation:pulse-glow 5s ease-in-out infinite reverse}@keyframes pulse-glow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border:1px solid rgba(0,240,255,.2);border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--neon-cyan);background:#00f0ff0f;margin-bottom:2rem;position:relative;z-index:1}.hero-badge .dot{width:6px;height:6px;background:var(--neon-green);border-radius:50%;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-size:clamp(3.5rem,10vw,8rem);font-weight:900;line-height:.9;letter-spacing:-.03em;text-transform:uppercase;position:relative;z-index:1;margin-bottom:1.5rem}.hero-title .line1{display:block;color:#fff;text-shadow:0 0 60px rgba(255,255,255,.15)}.hero-title .line2{display:block;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta),var(--neon-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(0,240,255,.3))}.hero-sub{font-size:1.15rem;color:#ffffff80;max-width:550px;line-height:1.7;position:relative;z-index:1;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;position:relative;z-index:1;flex-wrap:wrap;justify-content:center}.btn-primary{padding:.9rem 2.5rem;font-size:.85rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:4px;cursor:pointer;background:linear-gradient(135deg,var(--neon-cyan),#00b8d4);color:var(--bg-dark);transition:all .3s;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .5s}.btn-primary:hover:before{transform:translate(100%)}.btn-primary:hover{box-shadow:0 0 35px #00f0ff80,0 0 80px #00f0ff33;transform:translateY(-2px)}.btn-secondary{padding:.9rem 2.5rem;font-size:.85rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(255,255,255,.15);border-radius:4px;cursor:pointer;background:#ffffff0a;color:#fffc;transition:all .3s}.btn-secondary:hover{border-color:var(--neon-magenta);color:var(--neon-magenta);background:#ff00e514;box-shadow:0 0 25px #ff00e533}.hero-stats{display:flex;gap:3rem;margin-top:4rem;position:relative;z-index:1}.hero-stat{text-align:center}.hero-stat-value{font-size:1.8rem;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 20px rgba(0,240,255,.4)}.hero-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6;margin-top:.25rem}.section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-tag{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--neon-cyan);border:1px solid rgba(0,240,255,.2);padding:.3rem .8rem;border-radius:3px;margin-bottom:1rem;background:#00f0ff0d}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.02em;text-transform:uppercase}.section-title .accent{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-desc{color:#ffffff73;max-width:500px;margin:1rem auto 0;font-size:.95rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feature-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:2rem;transition:all .35s;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);opacity:0;transition:opacity .35s}.feature-card:hover{border-color:#00f0ff26;transform:translateY(-4px);box-shadow:0 12px 40px #0006,0 0 30px #00f0ff0d}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;font-size:1.4rem;margin-bottom:1.25rem;background:#00f0ff14;border:1px solid rgba(0,240,255,.12)}.feature-icon.magenta{background:#ff00e514;border-color:#ff00e51f}.feature-icon.orange{background:#ff6a0014;border-color:#ff6a001f}.feature-icon.green{background:#00ff8814;border-color:#00ff881f}.feature-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.01em}.feature-card p{color:#ffffff73;font-size:.88rem;line-height:1.6}.characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.char-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .35s;position:relative;overflow:hidden}.char-card.active{border-color:#00f0ff4d;box-shadow:0 0 30px #00f0ff1a}.char-card:hover{transform:translateY(-4px);border-color:#00f0ff26}.char-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 1rem;display:grid;place-items:center;font-size:2rem;position:relative}.char-avatar:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.char-card h3{font-size:1rem;font-weight:700;margin-bottom:.25rem}.char-class{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--neon-cyan);margin-bottom:.75rem}.char-stats{display:flex;flex-direction:column;gap:.4rem}.char-stat{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#ffffff80}.char-stat-bar{flex:1;height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.char-stat-fill{height:100%;border-radius:2px;transition:width .6s ease}.char-stat-fill.cyan{background:var(--neon-cyan)}.char-stat-fill.magenta{background:var(--neon-magenta)}.char-stat-fill.orange{background:var(--neon-orange)}.char-stat-fill.green{background:var(--neon-green)}.weapons-showcase{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.weapon-list{display:flex;flex-direction:column;gap:.75rem}.weapon-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:all .25s}.weapon-item:hover,.weapon-item.active{border-color:#00f0ff33;background:#00f0ff0a}.weapon-item.active{box-shadow:0 0 20px #00f0ff14}.weapon-icon{font-size:1.5rem;width:44px;height:44px;display:grid;place-items:center;background:#ffffff0a;border-radius:8px}.weapon-info h4{font-size:.9rem;font-weight:700}.weapon-info span{font-size:.72rem;color:#fff6}.weapon-detail{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:2rem}.weapon-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.weapon-detail-icon{font-size:2.5rem;width:64px;height:64px;display:grid;place-items:center;background:#00f0ff0f;border:1px solid rgba(0,240,255,.12);border-radius:12px}.weapon-detail h3{font-size:1.3rem;font-weight:800}.weapon-detail .weapon-type{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--neon-cyan)}.weapon-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.weapon-stat-item{background:#ffffff05;border-radius:8px;padding:.75rem}.weapon-stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#fff6;margin-bottom:.25rem}.weapon-stat-val{font-size:1.2rem;font-weight:800;color:var(--neon-cyan)}.weapon-desc{color:#ffffff73;font-size:.88rem;line-height:1.6}.arenas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.arena-card{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/10;cursor:pointer;border:1px solid rgba(255,255,255,.06);transition:all .35s}.arena-card:hover{transform:translateY(-4px);box-shadow:0 16px 50px #00000080;border-color:#00f0ff26}.arena-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:5rem;opacity:.3}.arena-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(5,5,16,.95) 0%,rgba(5,5,16,.3) 50%,transparent 100%)}.arena-info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem}.arena-mode{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:.2rem .6rem;border-radius:3px;margin-bottom:.5rem}.arena-mode.tdm{background:#00f0ff26;color:var(--neon-cyan)}.arena-mode.ffa{background:#ff00e526;color:var(--neon-magenta)}.arena-mode.duel{background:#ff6a0026;color:var(--neon-orange)}.arena-info h3{font-size:1.2rem;font-weight:800;margin-bottom:.25rem}.arena-info p{font-size:.8rem;color:#fff6}.leaderboard{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;max-width:700px;margin:0 auto}.lb-header{display:grid;grid-template-columns:50px 1fr 100px 100px 80px;padding:.75rem 1.5rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#ffffff4d;border-bottom:1px solid rgba(255,255,255,.06)}.lb-row{display:grid;grid-template-columns:50px 1fr 100px 100px 80px;padding:.9rem 1.5rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.03);transition:background .2s}.lb-row:hover{background:#ffffff05}.lb-row:last-child{border-bottom:none}.lb-rank{font-weight:800;font-size:.9rem}.lb-rank.gold{color:var(--neon-yellow);text-shadow:0 0 10px rgba(255,230,0,.4)}.lb-rank.silver{color:silver}.lb-rank.bronze{color:#cd7f32}.lb-player{display:flex;align-items:center;gap:.75rem}.lb-avatar{width:32px;height:32px;border-radius:6px;display:grid;place-items:center;font-size:.9rem;background:#ffffff0f}.lb-name{font-weight:700;font-size:.88rem}.lb-kd,.lb-wr,.lb-elo{font-size:.85rem;font-weight:600}.lb-kd{color:var(--neon-orange)}.lb-wr{color:var(--neon-green)}.lb-elo{color:var(--neon-cyan)}.news-ticker{background:#00f0ff0a;border-top:1px solid rgba(0,240,255,.08);border-bottom:1px solid rgba(0,240,255,.08);padding:.75rem 0;overflow:hidden;position:relative}.ticker-track{display:flex;gap:3rem;animation:ticker 30s linear infinite;white-space:nowrap}.ticker-item{font-size:.75rem;font-weight:600;letter-spacing:.05em;color:#ffffff80;flex-shrink:0}.ticker-item .highlight{color:var(--neon-cyan)}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.cta-section{text-align:center;padding:6rem 2rem;position:relative}.cta-section:before{content:"";position:absolute;top:50%;left:50%;width:800px;height:800px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,240,255,.06) 0%,transparent 60%);pointer-events:none}.cta-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:1rem;position:relative;z-index:1}.cta-title .gradient{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-desc{color:#ffffff73;max-width:500px;margin:0 auto 2.5rem;font-size:1rem;position:relative;z-index:1}.footer{border-top:1px solid rgba(255,255,255,.06);padding:3rem 2rem;max-width:1200px;margin:0 auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-logo{font-weight:900;font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-links{display:flex;gap:1.5rem;list-style:none}.footer-links a{color:#ffffff59;text-decoration:none;font-size:.8rem;transition:color .2s;cursor:pointer}.footer-links a:hover{color:var(--neon-cyan)}.footer-copy{color:#fff3;font-size:.75rem}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.particle{position:absolute;width:2px;height:2px;background:var(--neon-cyan);border-radius:50%;opacity:0;animation:float-particle linear infinite}@keyframes float-particle{0%{opacity:0;transform:translateY(0) scale(0)}10%{opacity:.6;transform:scale(1)}90%{opacity:.1}to{opacity:0;transform:translateY(-100vh) scale(0)}}.game-preview{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:2rem;max-width:900px;margin:0 auto}.game-viewport{aspect-ratio:16/9;background:linear-gradient(135deg,#0a0a1a,#0d0d25);border-radius:10px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.04)}.viewport-hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:1rem;z-index:2}.hud-team{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.4rem}.hud-team.cyan{color:var(--neon-cyan)}.hud-team.magenta{color:var(--neon-magenta)}.hud-score{font-size:2rem;font-weight:900;letter-spacing:.05em}.hud-score .divider{color:#fff3;margin:0 .5rem}.viewport-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:40px 40px}.viewport-player{position:absolute;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:.6rem;font-weight:900;transition:all .5s ease}.viewport-player.team-a{background:#00f0ff33;border:2px solid var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 12px #00f0ff4d}.viewport-player.team-b{background:#ff00e533;border:2px solid var(--neon-magenta);color:var(--neon-magenta);box-shadow:0 0 12px #ff00e54d}.viewport-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;z-index:3}.viewport-crosshair:before,.viewport-crosshair:after{content:"";position:absolute;background:#ffffff80}.viewport-crosshair:before{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.viewport-crosshair:after{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.viewport-hit{position:absolute;width:60px;height:60px;border-radius:50%;border:2px solid var(--neon-red);opacity:0;transform:translate(-50%,-50%) scale(0);pointer-events:none}.viewport-hit.active{animation:hit-flash .4s ease-out forwards}@keyframes hit-flash{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.viewport-bottom{position:absolute;bottom:0;left:0;right:0;padding:1rem;display:flex;justify-content:space-between;align-items:flex-end}.weapon-bar{display:flex;gap:.5rem}.weapon-slot{width:48px;height:36px;border-radius:4px;display:grid;place-items:center;font-size:1rem;border:1px solid rgba(255,255,255,.1);background:#0006}.weapon-slot.active{border-color:var(--neon-cyan);background:#00f0ff1a}.health-bar-container{display:flex;align-items:center;gap:.5rem}.health-bar{width:150px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.health-fill{height:100%;background:linear-gradient(90deg,var(--neon-red),var(--neon-green));border-radius:4px;transition:width .3s}.health-text{font-size:.75rem;font-weight:700;color:var(--neon-green)}.ammo-display{font-size:1.2rem;font-weight:800;font-family:monospace;color:#fffc}.ammo-reserve{font-size:.7rem;color:#ffffff4d;margin-left:.25rem}.viewport-timer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:700;color:#ffffff4d;letter-spacing:.1em;z-index:2}.loadout-section{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto}.loadout-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s}.loadout-card:hover,.loadout-card.selected{border-color:#00f0ff33;transform:translateY(-3px)}.loadout-card.selected{box-shadow:0 0 20px #00f0ff1a}.loadout-icon{font-size:2rem;margin-bottom:.75rem}.loadout-card h4{font-size:.9rem;font-weight:700;margin-bottom:.25rem}.loadout-card p{font-size:.75rem;color:#fff6}@media(max-width:768px){.nav-links{display:none}.hero-stats{gap:1.5rem}.weapons-showcase{grid-template-columns:1fr}.lb-header,.lb-row{grid-template-columns:40px 1fr 70px 70px}.lb-elo{display:none}.loadout-section{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}}