/* Additive character-data styles: extends the existing dark Cinzel account page without replacing its visual system. */
.character-data-card{display:none}
.character-data-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.character-data-head p{margin:4px 0 0;color:rgba(240,230,200,.5);font-size:.82rem;line-height:1.5}
.sync-stamp{color:rgba(240,230,200,.38);font-size:.72rem;text-align:right;white-space:nowrap}
.character-loading,.character-empty{padding:18px;border:1px dashed rgba(201,162,39,.25);border-radius:9px;color:rgba(240,230,200,.5);font-size:.84rem;line-height:1.55}
.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.character-panel{background:#17140f;border:1px solid rgba(201,162,39,.15);border-radius:10px;padding:15px}
.character-panel.full{grid-column:1/-1}
.character-panel h3{font-family:'Cinzel',serif;color:#f0e6c8;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.stat-tile{background:rgba(255,255,255,.025);border-radius:7px;padding:9px}
.stat-label{display:block;color:rgba(240,230,200,.38);font-family:'Cinzel',serif;font-size:.58rem;text-transform:uppercase;letter-spacing:.05em}
.stat-value{display:block;color:var(--gold);font-size:1rem;font-weight:700;margin-top:3px}
.skill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.skill-row{background:rgba(255,255,255,.025);border-radius:7px;padding:9px}
.skill-top{display:flex;justify-content:space-between;gap:8px;color:rgba(240,230,200,.75);font-size:.78rem}
.skill-top strong{color:#f0e6c8}
.skill-track{height:5px;background:#0f0d0a;border-radius:999px;overflow:hidden;margin:7px 0 4px}
.skill-fill{height:100%;background:linear-gradient(90deg,#8f711b,var(--gold));border-radius:inherit}
.skill-xp{color:rgba(240,230,200,.35);font-size:.65rem}
.title-list{display:flex;flex-wrap:wrap;gap:7px}
.title-chip{border:1px solid rgba(201,162,39,.2);border-radius:999px;padding:5px 9px;color:rgba(240,230,200,.62);font-size:.72rem}
.title-chip.equipped{border-color:var(--gold);background:rgba(201,162,39,.09);color:var(--gold)}
@media(max-width:680px){.character-data-head{display:block}.sync-stamp{text-align:left;margin-top:8px}.character-grid,.skill-list{grid-template-columns:1fr}.character-panel.full{grid-column:auto}}