@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Orbitron:wght@400;700&display=swap");:root{--background:#020617;--foreground:#f1f5f9;--text-secondary:#cbd5e1;--neon-cyan:#22d3ee;--neon-purple:#a855f7;--neon-pink:#f472b6;--neon-green:#4ade80;--card-bg:rgba(15,23,42,0.9);--card-border:rgba(255,255,255,0.08);--glass-effect:blur(16px)}*{box-sizing:border-box;padding:0;margin:0}body{background:var(--background);color:var(--foreground);font-family:Inter,system-ui,sans-serif;min-height:100vh;position:relative;overflow-x:hidden;background-image:radial-gradient(at 0 0,rgba(34,211,238,.05) 0,transparent 50%),radial-gradient(at 100% 0,rgba(168,85,247,.05) 0,transparent 50%),radial-gradient(at 50% 100%,rgba(244,114,182,.05) 0,transparent 50%)}body:before{top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(34,211,238,.03) 1px,transparent 0),linear-gradient(90deg,rgba(34,211,238,.03) 1px,transparent 0);background-size:50px 50px;background-position:50%;z-index:-2;transform:perspective(500px) rotateX(60deg) translateY(-20%);transform-origin:top;animation:grid-move 20s linear infinite}body:after,body:before{content:"";position:fixed;pointer-events:none}body:after{inset:0;background:radial-gradient(circle at 20% 30%,rgba(34,211,238,.08) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(168,85,247,.08) 0,transparent 40%);z-index:-1;animation:pulse-glow 10s ease-in-out infinite alternate}@keyframes grid-move{0%{background-position:0 0}to{background-position:0 50px}}@keyframes pulse-glow{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes float-particles{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-100vh) rotate(1turn)}}.particles-container{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.particle{position:absolute;background:var(--neon-cyan);width:2px;height:2px;border-radius:50%;opacity:.15;filter:blur(1px);animation:float-particles var(--d) linear infinite;left:var(--l);bottom:-10vh}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.1) 0),linear-gradient(90deg,rgba(255,0,0,.02),rgba(0,255,0,.01),rgba(0,0,255,.02));background-size:100% 4px,3px 100%;pointer-events:none;z-index:-1;opacity:.2}.font-accent,h1,h2,h3{font-family:Orbitron,sans-serif}.glow-cyan{text-shadow:0 0 10px rgba(34,211,238,.5),0 0 20px rgba(34,211,238,.3)}.glow-purple{text-shadow:0 0 10px rgba(168,85,247,.5),0 0 20px rgba(168,85,247,.3)}.glow-green{text-shadow:0 0 10px rgba(74,222,128,.5),0 0 20px rgba(74,222,128,.3)}.glow-pink{text-shadow:0 0 10px rgba(244,114,182,.5),0 0 20px rgba(244,114,182,.3)}.box-glow-cyan{box-shadow:0 0 15px rgba(34,211,238,.2);border:1px solid rgba(34,211,238,.3)}.box-glow-purple{box-shadow:0 0 15px rgba(168,85,247,.2);border:1px solid rgba(168,85,247,.3)}.glass-card{background:var(--card-bg);backdrop-filter:var(--glass-effect);-webkit-backdrop-filter:var(--glass-effect);border:1px solid var(--card-border);border-radius:1rem;padding:1.5rem;position:relative;z-index:1;box-shadow:0 8px 32px 0 rgba(0,0,0,.8);transition:transform .3s ease,box-shadow .3s ease}.glass-card:before{content:"";position:absolute;inset:0;border-radius:1rem;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent,rgba(255,255,255,.05));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px 0 rgba(0,0,0,.9)}@keyframes rotate-border{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.neon-button{background:transparent;border:2px solid var(--neon-cyan);color:var(--neon-cyan);padding:.75rem 1.5rem;border-radius:.5rem;font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.neon-button:hover{background:var(--neon-cyan);color:white!important;box-shadow:0 0 20px var(--neon-cyan)}.neon-button.purple{border-color:var(--neon-purple);color:var(--neon-purple)}.neon-button.purple:hover{background:var(--neon-purple);color:white;box-shadow:0 0 20px var(--neon-purple)}.neon-button.danger{border-color:var(--neon-pink);color:var(--neon-pink)}.neon-button.danger:hover{background:var(--neon-pink);color:white;box-shadow:0 0 20px var(--neon-pink)}.modal-overlay{position:fixed;inset:0;background:rgba(2,6,23,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;padding:5vh 1rem 1rem;z-index:1000;animation:modalFadeIn .2s ease-out;overflow-y:auto}.form-modal{width:100%;max-width:500px;max-height:fit-content;margin-bottom:2rem;animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.neon-input{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.3);color:white;padding:.75rem 1rem;border-radius:.5rem;width:100%;font-size:.95rem;transition:all .3s ease}.neon-input:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 15px rgba(34,211,238,.4);background:rgba(15,23,42,1)}.container{width:100%;max-width:1200px;margin:0 auto;padding:1rem}.arena-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.arena-grid{grid-template-columns:repeat(2,1fr)}}.nav-link{color:var(--text-secondary);text-decoration:none;transition:all .3s ease;position:relative;letter-spacing:1px}.nav-link.active,.nav-link:hover{color:var(--neon-cyan);text-shadow:0 0 8px rgba(34,211,238,.4)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--neon-cyan);transition:width .3s ease;box-shadow:0 0 5px var(--neon-cyan)}.nav-link.active:after,.nav-link:hover:after{width:100%}.navbar-container{display:flex!important;justify-content:space-between;align-items:center;padding:1rem!important}.brand-container{display:flex;align-items:center;gap:.5rem}@media (max-width:640px){.brand-text{display:none}.navbar-links{gap:1rem!important}.nav-link{font-size:.8rem}.navbar-container{padding:.75rem 1rem!important}}@media (max-width:400px){.navbar-links{gap:.75rem!important}}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}@media (max-width:580px){.summary-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.summary-grid h2{font-size:1.5rem!important}.summary-grid p{font-size:.55rem!important}}@media (max-width:360px){.summary-grid{gap:.5rem}}.neon-button:hover svg{transform:rotate(45deg)}#settings-toggle:hover svg{animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}