:root{--bg-deep:#0b0c12;--bg-panel:#14161f;--bg-panel-hover:#1a1d29;--border-subtle:#262a3a;--text-primary:#ece6d6;--text-secondary:#8890a4;--text-muted:#5b6178;--accent-warrior:#b8433a;--accent-tanker:#3f8c94;--accent-mage:#7269d1;--accent-saint:#c9a24b;--font-display:"Cinzel", serif;--font-body:"Manrope", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(80% 50% at 50% -10%,#7269d114,#0000),radial-gradient(60% 40% at 90% 10%,#b8433a0f,#0000)}.rpg-hero-title{font-family:var(--font-display);letter-spacing:.02em;background:linear-gradient(135deg,#ece6d6 0%,#c9a24b 55%,#ece6d6 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.rpg-tagline{color:var(--text-secondary);font-size:.95rem}.rpg-class-section{margin-bottom:4rem}.rpg-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:500}.rpg-class-title{font-family:var(--font-display);color:var(--text-primary);margin:.15rem 0 .35rem;font-size:1.9rem;font-weight:600}.rpg-class-desc{color:var(--text-secondary);max-width:46rem;font-size:.92rem}.rpg-rune-divider{align-items:center;gap:.6rem;margin:1rem 0 1.75rem;display:flex}.rpg-rune-divider:before,.rpg-rune-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--border-subtle) 20%, var(--border-subtle) 80%, transparent);flex:1;height:1px}.rpg-rune-diamond{flex-shrink:0;width:7px;height:7px;transform:rotate(45deg)}.rpg-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-top:3px solid var(--accent);border-radius:10px;height:100%;padding:1.15rem 1.25rem;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s;display:block}.rpg-card:hover{background:var(--bg-panel-hover);transform:translateY(-3px);box-shadow:0 10px 30px -12px #0009}.rpg-badge-hex{width:42px;height:42px;font-family:var(--font-display);color:var(--bg-deep);background:var(--accent);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;display:flex}.rpg-subclass-name{font-family:var(--font-display);color:var(--text-primary);font-size:1.05rem;font-weight:600}.rpg-power-type{color:var(--text-muted);font-size:.78rem}.rpg-element-badge{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--accent);color:var(--accent);background:0 0;border-radius:20px;padding:.15rem .5rem;font-size:.68rem}.rpg-stat-row{margin-bottom:.5rem}.rpg-stat-label{font-family:var(--font-mono);color:var(--text-secondary);justify-content:space-between;margin-bottom:3px;font-size:.68rem;display:flex}.rpg-stat-track{background:var(--bg-deep);border-radius:3px;height:5px;overflow:hidden}.rpg-stat-fill{border-radius:3px;height:100%}.rpg-flavor-note{color:var(--accent);margin-top:.6rem;margin-bottom:0;font-size:.78rem}.rpg-skill-group-title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.9rem;font-size:.72rem}.rpg-skill-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:10px;gap:.9rem;height:100%;padding:1rem;display:flex}.rpg-skill-card.is-ultimate{background:linear-gradient(160deg, var(--bg-panel) 60%, #c9a24b0f);border-color:#c9a24b66}.rpg-skill-icon{border-radius:50%;flex-shrink:0;width:52px;height:52px}.rpg-skill-name{font-family:var(--font-display);margin-bottom:.15rem;font-size:1rem;font-weight:600}.rpg-skill-desc{color:var(--text-secondary);margin-bottom:.5rem;font-size:.82rem}.rpg-skill-cost{font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;gap:.85rem;font-size:.72rem;display:flex}.rpg-back-link{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:6px;padding:.35rem .8rem;font-size:.78rem;text-decoration:none;transition:color .15s,border-color .15s;display:inline-block}.rpg-back-link:hover{color:var(--text-primary);border-color:var(--text-secondary)}.rpg-loadout-note{font-family:var(--font-mono);color:var(--text-muted);border-left:2px solid var(--accent);margin:1.5rem 0 2rem;padding-left:.75rem;font-size:.75rem}