:root{--font-display: "Orbitron", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 3rem;--text-4xl: 4rem;--font-bold: 700;--font-black: 900;--color-bg-deep: #0a0a0f;--color-bg-panel: #12121a;--color-accent-cyan: #00f0ff;--color-accent-yellow: #ffee00;--glow-cyan: rgba(0, 240, 255, .4);--glow-cyan-soft: rgba(0, 240, 255, .15);--glow-yellow: rgba(255, 238, 0, .4);--glow-success-soft: rgba(59, 255, 107, .4);--border-cyan-subtle: rgba(0, 240, 255, .2);--border-cyan-hover: rgba(0, 240, 255, .4);--color-text-primary: #e8e8f0;--color-text-secondary: #8888a0;--color-text-muted: #505060;--color-player-red: #ff3b3b;--color-player-blue: #3ba8ff;--color-player-green: #3bff6b;--color-player-yellow: #ffdd3b;--color-player-fallback: #fff;--color-success: #3bff6b;--color-error: #ff3b5c;--color-selection: #5dade2;--color-selection-bg: rgba(93, 173, 226, .15);--color-slot-border: #bdc3c7;--color-card-border: #7f8c8d;--color-highlight-bg: rgba(0, 240, 255, .1);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--border-radius-sm: 2px;--border-radius-md: 4px;--glow-sm: 0 0 8px var(--glow-cyan-soft);--glow-md: 0 0 16px var(--glow-cyan), 0 0 32px var(--glow-cyan-soft);--glow-lg: 0 0 24px var(--glow-cyan), 0 0 48px var(--glow-cyan-soft);--panel-bg: linear-gradient(135deg, var(--color-bg-panel) 0%, rgba(18, 18, 26, .9) 100%);--panel-border: 1px solid rgba(0, 240, 255, .2);--panel-shadow: 0 4px 24px rgba(0, 0, 0, .5), var(--glow-sm)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-mono);background:var(--color-bg-deep);color:var(--color-text-primary)}.btn-primary{min-height:3rem;padding:.75rem 1rem;border:none;border-radius:var(--border-radius-md);background:var(--color-accent-cyan);color:var(--color-bg-deep);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;box-shadow:0 0 20px var(--glow-cyan);transition:background-color .15s,box-shadow .15s}.btn-primary:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}.btn-primary:not(:disabled):hover{background:var(--color-accent-yellow);box-shadow:0 0 30px var(--glow-yellow)}.phase-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-6);align-items:start}.phase-layout>.panel{grid-column:1;grid-row:1}.phase-layout>main{grid-column:2;grid-row:1;justify-self:end}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}