/* 1.9 — character identity, low-key suggestions, local animations */
.character-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:17px 22px;margin:0 0 20px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.character-controls>label{flex:1;min-width:180px;max-width:480px;font-size:13px}.character-buttons{display:flex;gap:8px;align-self:flex-end}.character-controls>p{width:100%;margin:0;font-size:12px;line-height:1.5}
.profile-fields{margin:12px 0}.class-row{display:grid;grid-template-columns:minmax(0,1fr) 78px 30px;gap:8px;align-items:end;margin-bottom:10px}.class-row label{min-width:0}.class-row select{font-size:14px;text-overflow:ellipsis}.class-row .custom-class{grid-column:1/-1}.remove-class{height:44px;font-size:22px}.class-row:only-child .remove-class{visibility:hidden}.profile-fields .hint{font-size:12px;margin:5px 0 14px}.race-details>label{margin-top:12px}.race-details summary,.advice-preferences summary{font-size:13px;cursor:pointer;color:var(--muted);padding:6px 0}
.character-dialog{width:min(620px,94vw);background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:24px;max-height:90dvh;overflow:auto}.character-dialog::backdrop{background:#16101ac4;backdrop-filter:blur(3px)}.character-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.character-dialog h2{margin-bottom:18px}.character-dialog label{color:var(--ink);font-size:14px}.character-dialog .hint{line-height:1.6}.character-dialog-actions{display:flex;justify-content:flex-end}.character-dialog .error{color:var(--red)}
.advice-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px 25px;box-shadow:var(--shadow)}.advice-card h2{font-size:24px;margin:0}.advice-card .section-heading{margin-bottom:14px}.tip-category{color:var(--gold);font-size:12px;font-weight:600;margin-bottom:8px}#tip-text{font-size:15px;line-height:1.65;margin-bottom:12px}.advice-preferences{border-top:1px solid var(--line);padding-top:6px}.advice-preferences .check{margin:9px 0}.advice-preferences .hint{margin:10px 0 0;font-size:12px}.participation-note{border-left:3px solid var(--gold);padding:8px 12px;margin:16px 0;background:var(--paper);border-radius:0 6px 6px 0}.participation-note p{font-size:14px;line-height:1.6;margin:0}.participation-note button{padding-left:0;margin-top:5px}
.raid-profile{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:3px}
@media(max-width:600px){.character-controls{padding:14px}.character-controls>label{max-width:none;width:100%}.character-buttons{width:100%}.character-buttons button{flex:1}.character-dialog{padding:18px}.advice-card{padding:18px}.advice-card .section-heading{gap:8px;flex-wrap:wrap}.advice-card h2{font-size:22px}.class-row{grid-template-columns:minmax(0,1fr) 65px 24px}.class-row select{padding-left:8px}}

/* Override the original single-field join form without widening mobile grid cells. */
#join-form .profile-fields{flex-basis:100%;min-width:0;margin:0}
#join-form .class-row label{min-width:0}
#join-form .class-row .remove-class{width:30px;min-height:44px}
#join-form .add-class{width:auto}