:root{--font-primary:"Chakra Petch", sans-serif;--font-display:"Pirata One", system-ui;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--btn-text:1rem;--btn-padding-x:1.5rem;--btn-padding-y:1rem;--bg-primary:#0a0a0b;--bg-secondary:#121214;--bg-tertiary:#1e293b;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-cyan:#06b6d4;--accent-blue:#3b82f6;--accent-purple:#a855f7;--accent-green:#10b981;--accent-red:#ef4444;--accent-indigo:#6366f1;--accent-indigo-light:#8b8bff;--accent-amber:#fbbf24;--accent-gold:gold;--bg-card:#16213e;--bg-card-inner:#12122a;--bg-surface:#1a1a2e;--border-subtle:#ffffff1a;--border-medium:#ffffff26;--border-card:#2a2a4a;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 8px #0000004d;--shadow-lg:0 8px 25px #0000004d;--shadow-xl:0 20px 25px -5px #00000080;--shadow-2xl:0 20px 60px #000c;--shadow-focus-blue:0 0 0 3px #3b82f61a;--shadow-focus-cyan:0 0 0 3px #06b6d433;--shadow-focus-purple:0 0 0 3px #7c3aed1a;--z-base:1;--z-dropdown:10;--z-sticky:50;--z-overlay:100;--z-modal:1000;--z-modal-content:1001;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}@media (max-width:768px){:root{--text-xs:.65rem;--text-sm:.75rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.875rem;--btn-text:.65rem;--btn-padding-x:.5rem;--btn-padding-y:.35rem}}@media (max-width:380px){:root{--text-xs:.6rem;--text-sm:.7rem;--text-base:.8rem;--text-lg:.9rem;--btn-text:.55rem;--btn-padding-x:.4rem;--btn-padding-y:.3rem}}
code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.pirata-one-title{font-family:Pirata One,system-ui;font-style:normal;font-weight:400}.mana-pips{vertical-align:middle;align-items:center;gap:2px;display:inline-flex}.mana-pip{border:1px solid #0000004d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 1px 2px #0000004d}.panel-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.panel-header h2{color:#f8fafc;font-size:var(--text-base);white-space:nowrap;margin:0;font-weight:600}.panel-header-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.close-button{color:#94a3b8;cursor:pointer;border-radius:var(--radius-sm);width:2rem;height:2rem;transition:all var(--transition-base);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:flex}.close-button:hover{color:#f8fafc;background:#4755694d}