:root{--font-primary:"Chakra Petch",sans-serif;--font-display:"Pirata One",system-ui;--text-xs:0.75rem;--text-sm:0.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:#ffd700;--bg-card:#16213e;--bg-card-inner:#12122a;--bg-surface:#1a1a2e;--border-subtle:rgba(255,255,255,0.1);--border-medium:rgba(255,255,255,0.15);--border-card:#2a2a4a;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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 rgba(0,0,0,0.2);--shadow-md:0 4px 8px rgba(0,0,0,0.3);--shadow-lg:0 8px 25px rgba(0,0,0,0.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.5);--shadow-2xl:0 20px 60px rgba(0,0,0,0.8);--shadow-focus-blue:0 0 0 3px rgba(59,130,246,0.1);--shadow-focus-cyan:0 0 0 3px rgba(6,182,212,0.2);--shadow-focus-purple:0 0 0 3px rgba(124,58,237,0.1);--z-base:1;--z-dropdown:10;--z-sticky:50;--z-overlay:100;--z-modal:1000;--z-modal-content:1001;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease}@media (max-width:768px){:root{--text-xs:0.65rem;--text-sm:0.75rem;--text-base:0.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.875rem;--btn-text:0.65rem;--btn-padding-x:0.5rem;--btn-padding-y:0.35rem}}@media (max-width:380px){:root{--text-xs:0.6rem;--text-sm:0.7rem;--text-base:0.8rem;--text-lg:0.9rem;--btn-text:0.55rem;--btn-padding-x:0.4rem;--btn-padding-y:0.3rem}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.pirata-one-title{font-family:Pirata One,system-ui;font-weight:400;font-style:normal}.mana-pips{gap:2px;vertical-align:middle}.mana-pip,.mana-pips{display:inline-flex;align-items:center}.mana-pip{justify-content:center;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:700;line-height:1;flex-shrink:0;border:1px solid rgba(0,0,0,.3);box-shadow:0 1px 2px rgba(0,0,0,.3);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);flex-shrink:0;gap:var(--space-3)}.panel-header h2{margin:0;color:#f8fafc;font-size:var(--text-base);font-weight:600;white-space:nowrap}.panel-header-actions{gap:var(--space-3)}.close-button,.panel-header-actions{display:flex;align-items:center;flex-shrink:0}.close-button{background:none;border:none;color:#94a3b8;font-size:1.25rem;cursor:pointer;padding:0;width:2rem;height:2rem;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-base)}.close-button:hover{background:rgba(71,85,105,.3);color:#f8fafc}