*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-base)}#app{height:100%}:root{--bg-base: #0a0a12;--bg-surface: #12121e;--bg-raised: #1a1a2e;--bg-topbar: #08080f;--bg-board: #0c0c1a;--bg-overlay: #16162a;--bg-filter: #0e0e1a;--text-primary: #eee;--text-secondary: #ddd;--text-body: #ccc;--text-muted: #aaa;--text-subtle: #999;--text-faint: #888;--text-ghost: #777;--text-dim: #666;--border-subtle: #141428;--border-default: #1a1a2e;--border-medium: #222;--border-strong: #333;--border-muted: #444;--accent-primary: #e94560;--accent-secondary: #0f3460;--accent-primary-hover: #c7374e;--accent-primary-light: #ff6b81;--color-success: #4ade80;--color-success-alt: #4caf50;--color-danger: #e94560;--color-warning: #fbbf24;--color-gold: #ffd700;--color-poison: #a3e635;--color-valor: #f5cb7e;--color-seals: #c5a45e;--color-pvp: #4fc3f7;--color-spell: #a78bfa;--color-death: #533483;--color-craft: #7ecbf5;--color-sacrifice: #e53e3e;--color-siphon: #9b30ff;--color-secret: #c084fc;--color-legendary: #ff8000;--scrollbar-thumb: #2a2a3e;--scrollbar-thumb-hover: #3a3a52}