:root{--color-bg-primary: #0a0e1a;--color-bg-panel: rgba(12, 18, 36, .92);--color-bg-panel-header: rgba(20, 30, 55, .95);--color-border: rgba(80, 140, 220, .3);--color-border-bright: rgba(80, 140, 220, .6);--color-text: rgba(255, 255, 255, .87);--color-text-dim: rgba(255, 255, 255, .5);--color-text-bright: #ffffff;--color-accent: #4a9eff;--color-accent-hover: #6bb3ff;--color-accent-dim: rgba(74, 158, 255, .2);--color-danger: #ff4a4a;--color-success: #4aff8b;--color-warning: #ffba4a;--font-display: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-md: .95rem;--font-size-lg: 1.2rem;--font-size-xl: 1.6rem;--font-size-title: 2.4rem;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--border-radius: 4px;--panel-shadow: 0 4px 24px rgba(0, 0, 0, .6);--glow-accent: 0 0 8px rgba(74, 158, 255, .3)}.panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--panel-shadow);font-family:var(--font-body);color:var(--color-text)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-bg-panel-header);border-bottom:1px solid var(--color-border);border-radius:var(--border-radius) var(--border-radius) 0 0}.panel-title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-bright);letter-spacing:.05em;text-transform:uppercase}.panel-close{background:none;border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-dim);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);transition:all .15s ease}.panel-close:hover{color:var(--color-danger);border-color:var(--color-danger)}.panel-body{padding:var(--space-md)}.btn{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-accent-dim);color:var(--color-accent);cursor:pointer;transition:all .15s ease;letter-spacing:.04em;text-transform:uppercase}.btn:hover{background:var(--color-accent);color:var(--color-bg-primary);border-color:var(--color-accent);box-shadow:var(--glow-accent)}.btn-primary{background:var(--color-accent);color:var(--color-bg-primary);border-color:var(--color-accent);font-weight:700}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-lg{font-size:var(--font-size-lg);padding:var(--space-sm) var(--space-xl);letter-spacing:.05em}.btn-danger{background:#ff4a4a33;color:var(--color-danger);border-color:#ff4a4a4d}.btn-danger:hover{background:var(--color-danger);color:var(--color-bg-primary);border-color:var(--color-danger);box-shadow:0 0 8px #ff4a4a4d}.resource-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-md);background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-dim);min-height:32px}.resource-bar .game-title{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:700;color:var(--color-accent);letter-spacing:.1em}.resource-bar .turn-display{font-family:var(--font-display);font-size:var(--font-size-xs);color:var(--color-text-dim)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-bright)}