:root{--color-bg:#1a1a2e;--color-surface:#16213e;--color-surface-light:#1f3460;--color-primary:#e94560;--color-secondary:#0f3460;--color-accent:#ff6b35;--color-text:#eaeaea;--color-text-muted:#b0b0b0;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#f87171;--color-credits:gold;--color-steel:#9ca3af;--color-titanium:#fbbf24;--color-plants:#22c55e;--color-energy:#a855f7;--color-heat:#ef4444;--accent-color:var(--color-accent);--bg-secondary:var(--color-surface);--bg-tertiary:var(--color-secondary);--border-color:var(--color-surface-light);--text-primary:var(--color-text);--error-color:var(--color-error);--success-color:var(--color-success);--warning-color:var(--color-warning);--color-border-light:#ddd;--color-border-dark:#898989;--color-orange-light:#f08842;--color-orange-bright:#ec6a13;--color-orange-dark:#c55610;--color-orange-darker:#c5550e;--color-titanium-light:#cc8b00;--color-titanium-dark:#805700;--color-phase-silver:silver;--color-phase-silver-dark:#989898;--color-phase-inactive:#606060;--color-phase-inactive-dark:#404040;--color-white:#fff;--color-black:#000;--color-text-black:#020202;--color-text-dark-gray:#2c2c2c;--color-red-error:#dc2626;--color-red-dark:#b33030;--color-red-darker:#8b0000;--color-bg-dark:#111128;--color-purple:#9333ea;--font-mono:"SF Mono","Cascadia Code","Fira Code",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--spacing-2xs:.125rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:32px;--icon-xl:52px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px;border-radius:2px}.flex{display:flex}.flex-center{align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.flex-center-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;display:flex}.flex-between-center{justify-content:space-between;align-items:center;display:flex}.flex-col-center{flex-direction:column;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-bold{font-weight:700}.text-semibold{font-weight:600}.text-shadow-dark{text-shadow:0 1px 2px #000c}.text-shadow-light{text-shadow:0 0 2px #ffffff80}.relative{position:relative}.absolute{position:absolute}.absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.absolute-top-right{position:absolute;top:0;right:0}.absolute-top-left{position:absolute;top:0;left:0}.absolute-bottom-center{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}