:root{--color-bg-deep: #06060f;--color-bg-panel: rgba(8, 10, 24, .92);--color-bg-card: rgba(255, 255, 255, .025);--color-bg-card-hover: rgba(255, 255, 255, .045);--color-bg-input: rgba(255, 255, 255, .035);--color-bg-button: rgba(255, 255, 255, .04);--color-bg-button-hover: rgba(255, 255, 255, .08);--color-bg-overlay: rgba(3, 3, 12, .85);--color-border-subtle: rgba(255, 255, 255, .06);--color-border-medium: rgba(255, 255, 255, .1);--color-border-accent: rgba(0, 240, 240, .15);--color-border-win: rgba(0, 240, 140, .25);--color-border-loss: rgba(255, 60, 80, .25);--color-text-primary: #ffffffdd;--color-text-secondary: #ffffff77;--color-text-tertiary: #ffffff33;--color-text-dim: #ffffff18;--color-accent-cyan: #00f0f0;--color-accent-purple: #b040f0;--color-accent-green: #00f08c;--color-accent-red: #ff3c50;--color-accent-orange: #f0a020;--color-accent-yellow: #f0e000;--color-accent-pink: #ff2080;--color-accent-blue: #4080ff;--font-display: "Orbitron", sans-serif;--font-body: "Orbitron", sans-serif;--font-chinese: "Noto Sans SC", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--space-xxxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: all .15s ease;--transition-normal: all .2s ease;--transition-slow: all .3s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .3);--panel-glow: 0 0 40px rgba(0, 240, 240, .03), inset 0 0 40px rgba(0, 240, 240, .02)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}canvas{image-rendering:pixelated;image-rendering:crisp-edges}.glass{background:#ffffff1a;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.glass-dark{background:#0a0a1999;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.glass-frosted{background:#ffffff14;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a}.glass-subtle{background:#ffffff0d;backdrop-filter:blur(6px) saturate(150%);-webkit-backdrop-filter:blur(6px) saturate(150%);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0000001a}.glass-mobile{background:#0a0a19b3;backdrop-filter:blur(6px) saturate(150%);-webkit-backdrop-filter:blur(6px) saturate(150%);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0003}.glass-blue{background:#00d4ff1a;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(0,212,255,.3);box-shadow:0 0 20px #00d4ff33,0 8px 32px #0003,inset 0 0 15px #00d4ff0d}.glass-purple{background:#c942ff1a;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(201,66,255,.3);box-shadow:0 0 20px #c942ff33,0 8px 32px #0003,inset 0 0 15px #c942ff0d}.glass-gold{background:#ffd70014;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,215,0,.3);box-shadow:0 0 20px #ffd70026,0 8px 32px #0003,inset 0 0 15px #ffd7000d}.glass-danger{background:#ff006e1a;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,0,110,.3);box-shadow:0 0 20px #ff006e33,0 8px 32px #0003,inset 0 0 15px #ff006e0d}.glass-success{background:#00ff9d14;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(0,255,157,.3);box-shadow:0 0 20px #00ff9d26,0 8px 32px #0003,inset 0 0 15px #00ff9d0d}.glass-panel{background:#05050fb3;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a;border-radius:12px}.glass-sidebar{background:#0a0a1999;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px #0000004d;border-radius:10px}.glass-modal{background:#05050fd9;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff26;border-radius:16px}.glass-button{background:#ffffff1a;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-button:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.glass-button:active{transform:translateY(0);box-shadow:0 2px 8px #0003}.glass-card{background:#ffffff14;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000040;border-radius:12px;transition:all .3s ease}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000059;border-color:#fff3}.glass-ability{background:#0a0a1e80;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #0000004d,inset 0 0 10px #ffffff0d;transition:all .2s ease}.glass-ability:hover:not(:disabled){background:#0a0a1eb3;border-color:#ffffff40;box-shadow:0 6px 20px #0006,inset 0 0 15px #ffffff14;transform:scale(1.05)}@media(prefers-reduced-motion:reduce){.glass,.glass-dark,.glass-frosted,.glass-panel,.glass-sidebar,.glass-modal,.glass-button,.glass-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0a0a19f2}}@media(max-width:768px){.glass-panel,.glass-modal{backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%)}.glass-sidebar,.glass-button,.glass-card{backdrop-filter:blur(6px) saturate(150%);-webkit-backdrop-filter:blur(6px) saturate(150%)}}@supports not (backdrop-filter: blur(10px)){.glass,.glass-dark,.glass-frosted,.glass-panel,.glass-sidebar,.glass-modal,.glass-button,.glass-card{background:#0a0a19f2}}.glass-glow-blue{box-shadow:0 0 20px #00d4ff66,0 8px 32px #0000004d,inset 0 0 15px #00d4ff1a}.glass-glow-purple{box-shadow:0 0 20px #c942ff66,0 8px 32px #0000004d,inset 0 0 15px #c942ff1a}.glass-glow-gold{box-shadow:0 0 20px #ffd7004d,0 8px 32px #0000004d,inset 0 0 15px #ffd7001a}