@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-round:50%;--font-display:"Cinzel", "Georgia", serif;--font-body:"Inter", "Outfit", system-ui, sans-serif;--font-mono:"Courier New", Courier, monospace;--bg-primary:#18150f;--bg-secondary:#262118;--bg-tertiary:#383124;--card-bg:#383124a6;--card-border:#f59e0b59;--card-border-hover:#f59e0bb3;--text-primary:#fef3c7;--text-secondary:#fde68a;--text-muted:#f59e0b;--color-accent:#f59e0b;--color-accent-hover:#fbbf24;--color-gold:#d4af37;--color-gold-hover:#f1cc5b;--color-success:#3c7d3c;--color-info:#3572b4;--color-warning:#d97706;--gradient-gold:linear-gradient(135deg, #b8860b 0%, #e6ca65 50%, #b8860b 100%);--gradient-dark:linear-gradient(135deg, #262118 0%, #18150f 100%);--gradient-accent:linear-gradient(135deg, #78350f 0%, #f59e0b 100%);--shadow-sm:0 2px 4px #00000080;--shadow-md:0 4px 12px #000000b3;--shadow-lg:0 8px 24px #000000e6;--shadow-gold:0 0 15px #d4af374d;--shadow-glow:0 0 20px #f59e0b66;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}.theme-barbarian{--bg-primary:#120e0c;--bg-secondary:#1a1411;--bg-tertiary:#261d19;--card-bg:#261d19a6;--card-border:#d4af3733;--card-border-hover:#d4af3780;--text-primary:#f4ebe1;--text-secondary:#c2b5a7;--text-muted:#8c7d6e;--color-accent:#b12714;--color-accent-hover:#e03b22;--gradient-accent:linear-gradient(135deg, #7c1a0e 0%, #b12714 100%);--shadow-glow:0 0 20px #b1271466}.theme-arcane{--bg-primary:#070913;--bg-secondary:#0c1020;--bg-tertiary:#141b32;--card-bg:#141b32a6;--card-border:#6366f14d;--card-border-hover:#6366f199;--text-primary:#e0e7ff;--text-secondary:#a5b4fc;--text-muted:#6366f1;--color-accent:#6366f1;--color-accent-hover:#818cf8;--gradient-accent:linear-gradient(135deg, #312e81 0%, #6366f1 100%);--shadow-glow:0 0 20px #6366f166}.theme-forest{--bg-primary:#09110d;--bg-secondary:#0e1a14;--bg-tertiary:#16291f;--card-bg:#16291fa6;--card-border:#4a75594d;--card-border-hover:#4a755999;--text-primary:#ecfdf5;--text-secondary:#a7f3d0;--text-muted:#10b981;--color-accent:#10b981;--color-accent-hover:#34d399;--gradient-accent:linear-gradient(135deg, #064e3b 0%, #10b981 100%);--shadow-glow:0 0 20px #10b98166}.theme-shadowfell{--bg-primary:#080808;--bg-secondary:#111;--bg-tertiary:#1c1c1c;--card-bg:#1c1c1ca6;--card-border:#9333ea40;--card-border-hover:#9333ea80;--text-primary:#f3e8ff;--text-secondary:#d8b4fe;--text-muted:#a855f7;--color-accent:#a855f7;--color-accent-hover:#c084fc;--gradient-accent:linear-gradient(135deg, #581c87 0%, #a855f7 100%);--shadow-glow:0 0 20px #a855f766}.theme-divine{--bg-primary:#18150f;--bg-secondary:#262118;--bg-tertiary:#383124;--card-bg:#383124a6;--card-border:#f59e0b59;--card-border-hover:#f59e0bb3;--text-primary:#fef3c7;--text-secondary:#fde68a;--text-muted:#f59e0b;--color-accent:#f59e0b;--color-accent-hover:#fbbf24;--gradient-accent:linear-gradient(135deg, #78350f 0%, #f59e0b 100%);--shadow-glow:0 0 20px #f59e0b66}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){:root{--spacing-md:12px;--spacing-lg:18px;--spacing-xl:24px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.05em;color:var(--text-primary);text-shadow:0 2px 4px #0009}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-md);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-lg), var(--shadow-glow)}.btn{font-family:var(--font-display);text-transform:uppercase;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast);color:#fff;text-shadow:0 1px 2px #00000080;border:1px solid #0000;min-height:44px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{box-shadow:var(--shadow-sm);transform:none}.btn-primary{background:var(--gradient-accent);border:1px solid var(--color-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--text-secondary);color:var(--text-primary);background:0 0}.btn-secondary:hover{border-color:var(--color-gold);color:var(--color-gold);box-shadow:var(--shadow-gold);background:#ffffff0d;transform:translateY(-2px)}.btn-gold{background:var(--gradient-gold);border:1px solid var(--color-gold);color:#2c1a04;text-shadow:none;font-weight:800}.btn-gold:hover{background:var(--color-gold-hover);box-shadow:var(--shadow-md), var(--shadow-gold);transform:translateY(-2px)}.input{font-family:var(--font-body);border:1px solid var(--card-border);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:#0000004d;outline:none}.input:focus{border-color:var(--color-gold);box-shadow:var(--shadow-gold)}input[type=number].input{appearance:textfield}input[type=number].input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}select.input{cursor:pointer;background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}select.input option{color:#fef3c7!important;background-color:#262118!important}.theme-barbarian select.input option{color:#f4ebe1!important;background-color:#1a1411!important}.theme-arcane select.input option{color:#e0e7ff!important;background-color:#0c1020!important}.theme-forest select.input option{color:#ecfdf5!important;background-color:#0e1a14!important}.theme-shadowfell select.input option{color:#f3e8ff!important;background-color:#111!important}.theme-divine select.input option{color:#fef3c7!important;background-color:#262118!important}@keyframes pulseGlow{0%{box-shadow:0 0 10px #b127144d}50%{box-shadow:0 0 25px #b12714b3}to{box-shadow:0 0 10px #b127144d}}@keyframes spinRunic{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.glow-pulse{animation:2s ease-in-out infinite pulseGlow}.grid-2{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (width<=1024px){html{-webkit-text-size-adjust:100%}*{-webkit-tap-highlight-color:#d4af371f}button,a,select,.btn{touch-action:manipulation}}@media (width<=768px){body{font-size:14px}h1{letter-spacing:.04em;font-size:1.45rem}h2{letter-spacing:.04em;font-size:1.2rem}h3{font-size:1.05rem}h4{font-size:.95rem}input,select,textarea{font-size:16px}.input{min-height:40px}}