:root{--sf-bg:#04060e;--sf-bg-deep:#02040a;--sf-bg-panel:#0a0e1a;--sf-bg-panel-alpha:#080c18f2;--sf-bg-elevated:#0e1628f2;--sf-surface-0:#060a14e0;--sf-surface-1:#0a101ee6;--sf-surface-2:#0e1628eb;--sf-surface-3:#141e32f0;--sf-text:#cdf;--sf-text-strong:#e8f0ff;--sf-text-dim:#8aa1c1;--sf-text-muted:#546680;--sf-text-faint:#345;--sf-accent:#48f;--sf-accent-bright:#6ba3ff;--sf-accent-gold:#fc4;--sf-accent-red:#f44;--sf-accent-green:#4d8;--sf-accent-purple:#96f;--sf-accent-teal:#2cb;--sf-border:#1a2a44;--sf-border-dim:#6496ff26;--sf-border-bright:#6496ff66;--sf-border-hot:#78b4ffb3;--sf-font-heading:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sf-font-mono:ui-monospace, "Cascadia Code", "Fira Code", "SF Mono", Menlo, monospace;--sf-font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sf-glow-accent:0 0 20px #4488ff59;--sf-glow-gold:0 0 20px #ffcc444d;--sf-shadow-sm:0 2px 8px #0006;--sf-shadow-md:0 4px 18px #00000080;--sf-shadow-lg:0 18px 60px #0000008c;--sf-radius-xs:3px;--sf-radius-sm:6px;--sf-radius-md:10px;--sf-radius-lg:14px;--sf-radius-xl:20px;--color-bg-dark:#0a0e1a;--color-bg-panel:#080c18f2;--color-border:#1a2a44;--color-text:#cdf;--color-text-dim:#679;--color-accent-blue:#48f;--color-accent-gold:#fc0;--color-accent-red:#f44;--color-accent-green:#4f4;--color-player:#48f;--color-enemy:#f44;--glass-bg:#081020d9;--glass-blur:12px;--glass-border:#6496ff26;--glass-border-hover:#6496ff59;--glass-shadow:0 4px 24px #00000080;--glass-radius:8px}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;background:#000;width:100%;height:100%;font-family:monospace;overflow:hidden}body{opacity:0;animation:.3s forwards bodyFadeIn}@keyframes bodyFadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#334;border-radius:3px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInGame{0%{opacity:1}to{opacity:0}}@keyframes fadeOutGame{0%{opacity:0}to{opacity:1}}@keyframes objectivePulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes menuStaggerIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes starFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes buttonGlow{0%,to{box-shadow:0 0 8px #2277aa26}50%{box-shadow:0 0 20px #2277aa4d}}button{appearance:none}button:focus{outline:1px solid #36a4}button:active{transform:scale(.98)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);color:var(--color-text)}.glass-button{-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--color-text);cursor:pointer;text-shadow:0 1px 3px #0009;background:#081020d9;border-radius:6px;transition:all .15s}.glass-button:hover{border-color:var(--glass-border-hover);transform:scale(1.02);box-shadow:0 0 16px #4488ff40,inset 0 0 12px #4488ff0f}.glass-button:active{transform:scale(.98)}.glass-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;border-color:#2832504d;transform:none}.glass-input{border:1px solid var(--glass-border);color:var(--color-text);background:#060a14e6;border-radius:4px;outline:none;font-family:monospace;transition:border-color .15s}.glass-input:focus{border-color:var(--glass-border-hover);box-shadow:0 0 8px #48f3}@keyframes countUp{0%{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes supplyFlash{0%,to{color:#f44;text-shadow:0 0 8px #f426}50%{color:#f86;text-shadow:0 0 16px #f428}}@keyframes damageFlash{0%{filter:brightness(2)saturate(1.5)}to{filter:brightness()saturate()}}@keyframes veterancyGlow{0%,to{box-shadow:0 0 4px #ffcc004d}50%{box-shadow:0 0 12px #fc09}}@keyframes progressSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cooldownSweep{0%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 0%,50% 0%)}to{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)}}@keyframes selectedPulse{0%,to{box-shadow:0 0 2px #00ff6480}50%{box-shadow:0 0 8px #00ff64cc}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes borderDash{to{stroke-dashoffset:-16px}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sf-hud-panel{border:1px solid var(--glass-border);border-radius:var(--glass-radius);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:0 2px 12px #0006,inset 0 1px #b4d2ff08}.sf-hud-panel:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#6496ff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.sf-compact .sf-hud-panel{padding:6px!important;font-size:10px!important}.sf-compact .game-resource-bar{gap:12px!important;height:38px!important;padding:0 12px!important;font-size:12px!important}.sf-compact .game-minimap-canvas{width:100px!important;height:100px!important}.sf-compact .game-bottom-panel{height:160px!important}.sf-compact .game-command-card{bottom:174px!important}.sf-compact .game-command-button{width:40px!important;height:40px!important}button[title]{cursor:help}@media (max-width:768px){.game-resource-bar{flex-wrap:wrap;min-height:68px;align-items:flex-start!important;gap:8px!important;height:auto!important;padding:8px 10px!important}.game-resource-primary,.game-resource-secondary,.game-resource-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-resource-primary{flex:100%}.game-resource-secondary{flex:auto}.game-resource-actions{margin-left:auto}.game-resource-chip{background:#060c188c;border:1px solid #6496ff1f;border-radius:999px;padding:2px 6px}.game-bottom-panel{border-right:1px solid #6496ff26;border-radius:10px 10px 0 0;max-height:50vh;overflow:hidden;flex-direction:column!important;width:auto!important;height:172px!important;left:132px!important;right:8px!important}.game-minimap-container{z-index:20!important;border-radius:10px 10px 0 0!important;padding:4px!important;bottom:8px!important;left:8px!important}.game-minimap-canvas{width:112px!important;height:112px!important}.minimap-controls,.game-minimap-controls{display:none!important}.game-command-card{grid-template-columns:repeat(3,44px)!important;gap:4px!important;padding:5px!important;bottom:188px!important;right:8px!important}.game-command-button{width:44px!important;height:44px!important}.game-command-button-key{font-size:7px!important}.game-unit-info-panel{border-bottom:1px solid #6496ff1a;max-height:84px;border-right:none!important;width:auto!important;padding:10px 12px!important}.game-unit-selection-grid{max-width:none!important}.game-unit-detail{gap:8px!important}.game-build-panel{padding:10px 12px!important}.game-build-grid{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px!important;display:grid!important}.game-build-button{width:100%!important;min-width:0!important;height:64px!important;padding:6px!important}.game-build-command-chip{width:100%!important;height:auto!important;min-height:60px!important;padding:6px!important}.game-build-queue{flex-wrap:wrap}.game-bottom-panel button,.game-bottom-panel [role=button]{min-width:40px;min-height:40px}.hud-hide-mobile,.game-resource-divider,.resource-bar-sparkline,.resource-bar-apm,.resource-bar-upgrades{display:none!important}.game-volume-panel{width:180px!important;right:0!important}.resource-bar-energy,.resource-bar-apm{display:none!important}}@media (max-width:560px){.game-minimap-canvas{width:96px!important;height:96px!important}.game-bottom-panel{height:164px!important;left:116px!important}.game-command-card{bottom:180px!important}.game-build-grid{grid-template-columns:repeat(auto-fit,minmax(64px,1fr))}}.sf-heading{font-family:var(--sf-font-heading);letter-spacing:.05em;font-weight:700}.sf-mono{font-family:var(--sf-font-mono)}.sf-body{font-family:var(--sf-font-body)}.sf-btn{font-family:var(--sf-font-mono);letter-spacing:.1em;border:1px solid var(--sf-border-dim);color:var(--sf-text);cursor:pointer;text-shadow:0 1px 3px #0009;background:#081020d9;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.sf-btn:hover{border-color:var(--sf-border-bright);transform:scale(1.02);box-shadow:0 0 16px #4488ff40,inset 0 0 12px #4488ff0f}.sf-btn:active{transform:scale(.98)}.sf-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;border-color:#2832504d;transform:none}.sf-btn-accent{color:#8af;border-color:#48f6;box-shadow:0 0 12px #4488ff26}.sf-btn-accent:hover{border-color:#4488ffb3;box-shadow:0 0 24px #4488ff4d}.sf-btn-gold{color:#fc4;border-color:#fc46;box-shadow:0 0 12px #ffcc4426}.sf-btn-gold:hover{border-color:#ffcc44b3;box-shadow:0 0 24px #ffcc444d}.sf-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--sf-border-dim);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);color:var(--sf-text)}.sf-card{color:var(--sf-text);background:#080e1ce6;border:1px solid #2d446e80;border-radius:10px;padding:14px}@keyframes splashDrawIn{0%{stroke-dashoffset:500px}to{stroke-dashoffset:0}}@keyframes loadingStarDrift{0%{opacity:.6;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@keyframes progressPulse{0%,to{box-shadow:0 0 8px #4488ff4d}50%{box-shadow:0 0 16px #48f9}}@keyframes auroraSweep{0%{opacity:0;transform:translate(-100%)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes auroraShimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes glowBreath{0%,to{box-shadow:0 0 12px #4488ff40,inset 0 0 12px #4488ff08}50%{box-shadow:0 0 28px #4488ff80,inset 0 0 20px #4488ff12}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes numberPop{0%{opacity:0;transform:translateY(6px)scale(.94)}50%{opacity:1;transform:translateY(-2px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}@keyframes underlineReveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulseRing{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}@keyframes alertFlash{0%,to{box-shadow:none;background-color:#f440}40%{background-color:#ff444426;box-shadow:inset 0 0 40px #f446}}.sf-aurora-accent{background:linear-gradient(90deg,#6496ff00 0%,#6496ff73 20%,#b482ff8c 50%,#64c8dc73 80%,#6496ff00 100%) 0 0/200% 100%;animation:6s ease-in-out infinite auroraShimmer}:focus-visible{outline-offset:2px;outline:2px solid #78b4ff99}.sf-focus-ring{outline:none;transition:transform .12s,box-shadow .16s,border-color .16s,background .16s}.sf-focus-ring:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #508ce647,inset 0 1px #c8e6ff14}.sf-focus-ring:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 2px 6px #00000073}.sf-focus-ring:focus-visible{outline-offset:2px;outline:2px solid #78b4ffb3;box-shadow:0 0 0 2px #3c6ec859,0 4px 14px #508ce647}.sf-focus-ring:disabled{cursor:not-allowed;filter:saturate(.6)}.game-canvas{cursor:default}.game-canvas.cursor-attack{cursor:crosshair}.game-canvas.cursor-target{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><circle cx='12' cy='12' r='8' fill='none' stroke='%2388ffaa' stroke-width='2'/><line x1='12' y1='2' x2='12' y2='7' stroke='%2388ffaa' stroke-width='2'/><line x1='12' y1='17' x2='12' y2='22' stroke='%2388ffaa' stroke-width='2'/><line x1='2' y1='12' x2='7' y2='12' stroke='%2388ffaa' stroke-width='2'/><line x1='17' y1='12' x2='22' y2='12' stroke='%2388ffaa' stroke-width='2'/></svg>") 12 12,crosshair}.game-canvas.cursor-build{cursor:cell}.game-canvas.cursor-cast{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><circle cx='14' cy='14' r='10' fill='none' stroke='%23aa88ff' stroke-width='2' stroke-dasharray='3 3'/><circle cx='14' cy='14' r='3' fill='%23aa88ff'/></svg>") 14 14,crosshair}::selection{color:var(--sf-text-strong);background:#6496ff59}*{scrollbar-color:#233149 #0a0e1a;scrollbar-width:thin}.sf-link{color:var(--sf-text-dim);text-decoration:none;transition:color .18s;position:relative}.sf-link:after{content:"";background:var(--sf-accent);transform-origin:0;height:1px;transition:transform .2s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.sf-link:hover{color:var(--sf-text-strong)}.sf-link:hover:after{transform:scaleX(1)}.sf-panel-raised{-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0e1628f2,#080e1cf2);border:1px solid #466eaa59;border-radius:14px;box-shadow:inset 0 1px #c8e1ff0f,0 18px 60px #0000008c,inset 0 0 0 1px #ffffff05}.sf-hero-title{font-family:var(--sf-font-heading);letter-spacing:.08em;background:linear-gradient(90deg,#a8c6ff 0%,#e8f0ff 40%,#c8d8ff 60%,#88a8ff 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 0 14px #4488ff59);-webkit-background-clip:text;background-clip:text;font-weight:900}.sf-chip{font-family:var(--sf-font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--sf-text-dim);background:#0a1220bf;border:1px solid #6496ff33;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:10px;font-weight:600;line-height:18px;display:inline-flex}.sf-corner-stamp{font-family:var(--sf-font-mono);letter-spacing:2px;color:#8caad28c;z-index:5;pointer-events:none;text-shadow:0 0 8px #4488ff4d;-webkit-backdrop-filter:blur(6px);background:#060a148c;border:1px solid #5078b433;border-radius:999px;padding:6px 11px;font-size:10px;position:fixed;bottom:14px;left:14px}.sf-corner-stamp:before{content:"";vertical-align:middle;background:#8cf;border-radius:50%;width:6px;height:6px;margin-right:6px;animation:2.4s ease-in-out infinite glowBreath;display:inline-block;box-shadow:0 0 8px #8cf}.sf-toast{font-family:var(--sf-font-mono);letter-spacing:1px;background:var(--sf-surface-2);border:1px solid #6496ff4d;border-left:3px solid var(--sf-accent);box-shadow:var(--sf-shadow-md);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:11px;animation:.26s cubic-bezier(.2,.8,.2,1) both toastSlideIn;display:flex}.sf-toast.sf-toast-warn{border-left-color:var(--sf-accent-gold)}.sf-toast.sf-toast-error{border-left-color:var(--sf-accent-red)}.sf-toast.sf-toast-ok{border-left-color:var(--sf-accent-green)}.sf-btn-primary{color:#a0c4ff;font-family:var(--sf-font-mono);letter-spacing:4px;text-transform:uppercase;cursor:pointer;background:linear-gradient(#0e1a30 0%,#080e1c 100%);border:2px solid #1a3366;border-radius:6px;padding:14px 40px;font-weight:700;transition:all .2s;box-shadow:0 0 25px #1e3c8c59,inset 0 1px #ffffff0f}.sf-btn-primary:hover{color:#d0e4ff;border-color:#3a6bcc;transform:translateY(-1px);box-shadow:0 0 45px #285ac88c,inset 0 1px #ffffff1a}.sf-btn-primary:active{transform:translateY(0)}.sf-dmg-float{font-family:var(--sf-font-mono);color:#fd7;text-shadow:0 2px #000,0 0 6px #000c;pointer-events:none;font-size:14px;font-weight:900;animation:.2s ease-out both numberPop;position:absolute}.sf-dmg-float.sf-dmg-heal{color:#8fa}.sf-dmg-float.sf-dmg-crit{color:#f74;font-size:18px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body{opacity:1;animation:none}}