:root{--bg-void-deep:#030508;--bg-void-mid:#090a10;--bg-void-light:#0f172a;--bg-cosmic-radial:radial-gradient(circle at 50% 30%, #111827 0%, #090a10 60%, #030508 100%);--accent-cyan:#00f0ff;--accent-cyan-dim:#00f0ff40;--accent-violet:#9d4edd;--accent-violet-dim:#9d4edd40;--accent-gold:#f59e0b;--accent-plasma:#8b5cf6;--accent-supercharge:#0f6;--accent-supercharge-glow:#0f69;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--border-light:#ffffff14;--border-neon:#00f0ff4d;--glass-bg:#0d101dbf;--glass-bg-hover:#14192dd9;--glass-blur:blur(16px);--glass-shadow:0 8px 32px 0 #0009;--player-1:#00f0ff;--player-2:#ff007f;--player-3:#f59e0b;--player-4:#8b5cf6;--player-5:#10b981;--player-6:#ef4444;--player-7:#6366f1;--player-8:#f97316;--player-9:#06b6d4;--player-10:#eab308;--player-11:#d946ef;--player-12:#3b82f6}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;padding:0}body{background:var(--bg-void-deep);background-image:var(--bg-cosmic-radial);color:var(--text-main);min-height:100vh;flex-direction:column;min-height:-webkit-fill-available;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow-x:hidden}h1,h2,h3,h4,.font-heading{letter-spacing:.02em;font-family:Outfit,sans-serif}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-neon);box-shadow:var(--glass-shadow);border-radius:16px;transition:all .25s cubic-bezier(.2,.8,.2,1)}.glass-card-interactive:hover{background:var(--glass-bg-hover);border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 0 20px #00f0ff33}.cosmic-shell{gap:20px;width:100%;max-width:1800px;min-height:calc(100vh - 70px);margin:0 auto;padding:16px;display:grid}@media (width>=1025px){.cosmic-shell{grid-template-columns:340px 1fr 340px;align-items:start}}@media (width>=768px) and (width<=1024px){.cosmic-shell{grid-template-rows:auto;grid-template-columns:1fr 340px}}@media (width<=767px){.cosmic-shell{flex-direction:column;gap:14px;padding:10px 10px 90px;display:flex}}.board-wrapper{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.board-container{aspect-ratio:1;border:2px solid var(--accent-cyan-dim);background:#030508d9;border-radius:20px;width:min(100% - 10px,100vh - 160px);max-width:760px;display:grid;position:relative;overflow:visible;box-shadow:0 0 40px #00f0ff26,inset 0 0 40px #000c}@media (width<=767px){.board-container{border-radius:12px;width:min(100vw - 20px,72vh);max-width:100%}}.region-box{border:1px solid #00f0ff38;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);transition:background .2s,box-shadow .2s;display:grid;position:relative}.region-box.region-hoverable:hover,.region-box.region-selected{cursor:pointer;background:#00f0ff14;box-shadow:inset 0 0 15px #00f0ff4d}.grid-cell{border:1px solid #ffffff0a;justify-content:center;align-items:center;display:flex;position:relative}.grid-cell.cell-highlight{background:#00ff6626;box-shadow:inset 0 0 10px #0f66}.grid-cell.cell-danger{background:#ef444433;box-shadow:inset 0 0 10px #ef444480}.gravity-zone-1{box-shadow:inset 0 0 14px #ef444440;background:radial-gradient(circle,#f59e0b1f 0%,#ef44440d 100%)!important}.gravity-zone-2{box-shadow:inset 0 0 8px #9d4edd26;background:#9d4edd0a!important}.gravity-zone-3{background:0 0}.black-hole-core{width:16.666%;height:16.666%;box-shadow:0 0 30px var(--accent-gold), 0 0 60px var(--accent-plasma), inset 0 0 15px #000;z-index:10;pointer-events:none;background:#000;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.black-hole-core.size-18{width:11.111%;height:11.111%}.accretion-ring{border:2px dashed var(--accent-gold);opacity:.8;border-radius:50%;animation:12s linear infinite accretion-spin;position:absolute;inset:-8px}.accretion-ring-outer{border:1px dotted var(--accent-plasma);opacity:.6;border-radius:50%;animation:20s linear infinite reverse accretion-spin;position:absolute;inset:-16px}.entity-layer{pointer-events:none;z-index:20;position:absolute;inset:0}.cell-wrapper{width:calc(100% / var(--grid-cols));height:calc(100% / var(--grid-rows));will-change:transform;pointer-events:none;justify-content:center;align-items:center;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .15s;display:flex;position:absolute;top:0;left:0}.celestial-orb{color:#fff;text-shadow:0 1px 3px #000000e6;pointer-events:auto;cursor:pointer;will-change:transform;border-radius:50%;justify-content:center;align-items:center;width:78%;height:78%;font-size:.75rem;font-weight:800;animation:3s ease-in-out infinite alternate orb-pulse;display:flex;box-shadow:0 4px 15px #000000b3}@keyframes orb-pulse{0%{box-shadow:0 4px 12px #000000b3,0 0 6px #ffffff26}to{box-shadow:0 4px 15px #000c,0 0 18px #ffffff73}}.supercharge-halo{border:2.5px dashed var(--accent-supercharge);width:96%;height:96%;box-shadow:0 0 15px var(--accent-supercharge), inset 0 0 10px var(--accent-supercharge-glow);pointer-events:none;z-index:-1;border-radius:50%;animation:6s linear infinite halo-spin;position:absolute}@keyframes halo-spin{0%{transform:rotate(0)scale(1.08)translateZ(0)}50%{transform:rotate(180deg)scale(1.22)translateZ(0)}to{transform:rotate(360deg)scale(1.08)translateZ(0)}}.celestial-orb.supercharged{box-shadow:0 0 18px var(--accent-supercharge), 0 0 35px var(--accent-supercharge-glow);animation:1.5s ease-in-out infinite alternate supercharge-pulse;border:2px solid #fff!important}@keyframes supercharge-pulse{0%{box-shadow:0 0 14px var(--accent-supercharge), inset 0 0 6px #fff6}to{box-shadow:0 0 28px var(--accent-supercharge), 0 0 45px var(--accent-supercharge-glow), inset 0 0 12px #fff}}.asteroid-hazard{pointer-events:auto;cursor:help;will-change:transform;background:radial-gradient(circle at 35% 35%,#94a3b8 0%,#475569 50%,#1e293b 100%);border:1px solid #cbd5e1;border-radius:40%;justify-content:center;align-items:center;width:74%;height:74%;animation:5s ease-in-out infinite alternate asteroid-drift;display:flex;box-shadow:0 0 12px #ef444480,inset -2px -2px 6px #000c}@keyframes asteroid-drift{0%{transform:rotate(-10deg)scale(.97)}to{transform:rotate(10deg)scale(1.03)}}.energy-field{pointer-events:auto;cursor:help;will-change:transform, opacity;background:radial-gradient(circle,#00ff66d9 0%,#10b98173 55%,#064e3b26 85%,#0000 100%);border:1.5px dashed #6ee7b7;border-radius:50%;justify-content:center;align-items:center;width:76%;height:76%;animation:2.5s ease-in-out infinite alternate field-pulse;display:flex;position:relative;box-shadow:0 0 16px #0f6,inset 0 0 12px #0f69}.energy-field-ring{pointer-events:none;will-change:transform;border:1px dotted #6ee7b7b3;border-radius:50%;animation:8s linear infinite field-ring-spin;position:absolute;inset:-4px}@keyframes field-pulse{0%{opacity:.85;transform:scale(.93)}to{opacity:1;transform:scale(1.07)}}@keyframes field-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.neon-btn{border:1px solid var(--accent-cyan);color:var(--text-main);cursor:pointer;background:#0d101dd9;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 4px 15px #00f0ff26}.neon-btn:hover:not(:disabled){background:var(--accent-cyan);color:#030508;transform:translateY(-2px);box-shadow:0 0 25px #00f0ff80}.neon-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border-light);box-shadow:none}.neon-btn.btn-violet{border-color:var(--accent-violet);box-shadow:0 4px 15px #9d4edd33}.neon-btn.btn-violet:hover:not(:disabled){background:var(--accent-violet);color:#fff;box-shadow:0 0 25px #9d4edd99}.neon-btn.btn-danger{border-color:#ef4444;box-shadow:0 4px 15px #ef444433}.neon-btn.btn-danger:hover:not(:disabled){color:#fff;background:#ef4444;box-shadow:0 0 25px #ef444499}@keyframes accretion-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(.95)}}@keyframes supercharge-glow{0%{box-shadow:0 0 10px var(--accent-supercharge)}to{box-shadow:0 0 25px var(--accent-supercharge), 0 0 40px var(--accent-supercharge-glow)}}@keyframes pop-out{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.4)}to{opacity:0;transform:scale(0)}}.anim-pop{animation:.3s cubic-bezier(.2,.8,.2,1) forwards pop-out}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#00f0ff40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}@keyframes anim-collision-debris{0%{opacity:1;filter:drop-shadow(0 0 10px #00f0ff);transform:scale(.6)}50%{opacity:.9;filter:drop-shadow(0 0 25px #9d4edd);transform:scale(1.3)}to{opacity:0;transform:scale(1.8)}}.effect-collision{animation:.6s cubic-bezier(.1,.9,.2,1) forwards anim-collision-debris}@keyframes anim-supercharge-surge{0%{opacity:1;filter:drop-shadow(0 0 15px #0f6);transform:scale(.8)translateY(0)}50%{opacity:.9;filter:drop-shadow(0 0 35px #0f6);transform:scale(1.4)translateY(-10px)}to{opacity:0;transform:scale(1.6)translateY(-20px)}}.effect-supercharge{animation:.7s cubic-bezier(.2,.8,.2,1) forwards anim-supercharge-surge}@keyframes anim-overload-blowup{0%{opacity:1;filter:drop-shadow(0 0 20px #fff);transform:scale(1)rotate(0)}40%{opacity:1;filter:drop-shadow(0 0 40px #f59e0b);transform:scale(1.5)rotate(45deg)}to{opacity:0;filter:drop-shadow(0 0 50px #ef4444);transform:scale(2.2)rotate(135deg)}}.effect-overload{animation:.75s cubic-bezier(.3,0,.1,1) forwards anim-overload-blowup}@keyframes anim-singularity-implosion{0%{opacity:1;filter:drop-shadow(0 0 25px #9d4edd);transform:scale(1.6)rotate(0)}60%{opacity:.8;filter:drop-shadow(0 0 40px #000);transform:scale(.4)rotate(-270deg)}to{opacity:0;transform:scale(0)rotate(-360deg)}}.effect-implosion{animation:.8s cubic-bezier(.5,0,.8,1) forwards anim-singularity-implosion}@keyframes pulse-ring-expand{0%{opacity:.95;filter:drop-shadow(0 0 15px #00f0ff);transform:translate(-50%,-50%)scale(.2)}60%{opacity:.6;filter:drop-shadow(0 0 30px #9d4edd)}to{opacity:0;filter:drop-shadow(0 0 40px #00f0ff);transform:translate(-50%,-50%)scale(4.2)}}.wave-aura-pulse{border:2px solid var(--accent-cyan);box-shadow:0 0 35px var(--accent-cyan), inset 0 0 25px var(--accent-plasma);will-change:transform, opacity;background:radial-gradient(circle,#0000 40%,#00f0ff73 75%,#9d4eddcc 90%,#0000 100%);animation:.46s cubic-bezier(.1,.9,.2,1) forwards pulse-ring-expand}@keyframes gravity-ring-implode{0%{opacity:.85;filter:drop-shadow(0 0 35px #f59e0b);transform:translate(-50%,-50%)scale(4.2)}50%{opacity:.75;filter:drop-shadow(0 0 25px #ef4444)}to{opacity:0;filter:drop-shadow(0 0 10px #f59e0b);transform:translate(-50%,-50%)scale(.2)}}.wave-aura-gravity{border:2px dashed var(--accent-gold);box-shadow:0 0 35px var(--accent-gold), inset 0 0 25px #ef4444;will-change:transform, opacity;background:radial-gradient(circle,#0000 40%,#f59e0b73 75%,#ef4444cc 90%,#0000 100%);animation:.46s cubic-bezier(.8,0,.9,.1) forwards gravity-ring-implode}