:root{--color-primary: #4FC3F7;--color-primary-dark: #0288D1;--color-primary-light: #81D4FA;--color-success: #66BB6A;--color-success-dark: #388E3C;--color-danger: #EF5350;--color-danger-dark: #C62828;--color-warning: #FFA726;--color-gold: #FFD700;--color-gold-dark: #B8860B;--color-text: #E0E0E0;--color-text-muted: #999999;--color-text-dim: #666666;--color-bg: #000000;--color-bg-elevated: #0a0a1a;--color-bg-panel: rgba(10, 10, 30, .85);--color-bg-card: rgba(20, 20, 50, .6);--color-border: rgba(79, 195, 247, .2);--color-border-strong: rgba(79, 195, 247, .4);--color-glow: rgba(79, 195, 247, .3);--font-display: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .7rem;--text-sm: .8rem;--text-base: .95rem;--text-lg: 1.1rem;--text-xl: 1.4rem;--text-2xl: 1.8rem;--text-3xl: 2.4rem;--text-hero: 3.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--color-glow);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease-out}.btn{font-family:var(--font-body);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:1px;border:1px solid transparent;padding:10px 24px;font-size:var(--text-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);line-height:1}.btn-primary{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));color:#fff;border-color:var(--color-primary);box-shadow:0 0 10px #4fc3f74d}.btn-primary:hover{filter:brightness(1.2);box-shadow:0 0 18px #4fc3f780}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background:#4fc3f71a}.btn-ghost{background:transparent;color:var(--color-text-muted);border:1px solid rgba(255,255,255,.1)}.btn-ghost:hover{color:var(--color-text);border-color:#ffffff4d}.btn-danger{background:linear-gradient(135deg,var(--color-danger-dark),var(--color-danger));color:#fff;border-color:var(--color-danger)}.btn-danger:hover{filter:brightness(1.2);box-shadow:0 0 18px #ef535066}.btn-danger:active{transform:scale(.97)}.btn-lg{padding:14px 32px;font-size:var(--text-lg)}.btn-sm{padding:6px 14px;font-size:var(--text-sm)}.btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);backdrop-filter:blur(12px);padding:var(--space-6)}.panel-header{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);transition:all var(--transition-fast);cursor:pointer}.card:hover{transform:translateY(-2px);border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.card-selected{border-color:var(--color-primary);box-shadow:0 0 15px #4fc3f74d;background:#4fc3f714}.input{background:#0006;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-body);padding:10px 14px;font-size:var(--text-base);transition:border-color var(--transition-fast)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 10px #4fc3f733;outline:none}.select{background:#0006;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-body);padding:10px 36px 10px 14px;font-size:var(--text-base);transition:border-color var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234FC3F7' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.select:focus{border-color:var(--color-primary);box-shadow:0 0 10px #4fc3f733;outline:none}.data-table{width:100%;border-collapse:collapse;font-family:var(--font-body)}.data-table th{font-family:var(--font-display);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-strong)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.data-table tr:hover td{background:#4fc3f70d}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:99px;font-size:var(--text-xs);font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:#4fc3f726;color:var(--color-primary);border:1px solid rgba(79,195,247,.3)}.badge-success{background:#66bb6a26;color:var(--color-success);border:1px solid rgba(102,187,106,.3)}.badge-danger{background:#ef535026;color:var(--color-danger);border:1px solid rgba(239,83,80,.3)}.badge-gold{background:#ffd70026;color:var(--color-gold);border:1px solid rgba(255,215,0,.3)}.overlay-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;backdrop-filter:blur(8px);z-index:1000}.skeleton{background:linear-gradient(90deg,var(--color-bg-card) 25%,rgba(79,195,247,.05) 50%,var(--color-bg-card) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm);height:1em}.game-title{font-family:var(--font-display);font-size:var(--text-hero);color:var(--color-primary);text-shadow:0 0 20px rgba(79,195,247,.5),0 0 40px rgba(79,195,247,.3),0 0 60px rgba(79,195,247,.1);letter-spacing:6px;animation:title-pulse 3s ease-in-out infinite}.game-subtitle{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-muted);letter-spacing:4px;text-transform:uppercase}.screen-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-primary);letter-spacing:3px}@keyframes screen-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes screen-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes title-pulse{0%,to{text-shadow:0 0 20px rgba(79,195,247,.5),0 0 40px rgba(79,195,247,.3)}50%{text-shadow:0 0 30px rgba(79,195,247,.7),0 0 60px rgba(79,195,247,.4),0 0 80px rgba(79,195,247,.2)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px var(--color-glow)}50%{box-shadow:0 0 20px var(--color-glow),0 0 30px #4fc3f726}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes badge-bump{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-screen-enter{animation:screen-enter .4s ease-out forwards}.animate-screen-exit{animation:screen-exit .3s ease-in forwards}.animate-fade-in{animation:fade-in .3s ease-out forwards}.animate-scale-in{animation:scale-in .4s ease-out forwards}