.character-creator-card{width:min(1040px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:2rem}
.character-progress{display:flex;align-items:center;gap:1rem;margin:1rem 3rem 1.4rem 0;color:#8fc9ff;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.character-progress>div{height:7px;flex:1;overflow:hidden;border-radius:99px;background:#07101d;border:1px solid #244d73}
.character-progress i{display:block;width:4%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#168cff,#ff7a00);transition:width .25s ease}
.character-help{color:#a9bed2;max-width:760px}
.character-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:1.5rem;align-items:start;margin-top:1.5rem}
.character-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.character-field{display:flex;flex-direction:column;gap:.45rem;color:#d9e9f8;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.character-field:has(textarea),.character-field:has(select[multiple]),.character-review{grid-column:1/-1}
.character-field small{color:#ff9a3b;font-size:.66rem}
.character-field input,.character-field select,.character-field textarea{width:100%;box-sizing:border-box;border:1px solid #28557d;border-radius:5px;background:#030811;color:#f4f8fb;padding:.9rem 1rem;font:500 1rem/1.4 Inter,system-ui,sans-serif;text-transform:none;letter-spacing:0}
.character-field select[multiple]{min-height:180px;padding:.45rem}
.character-field select[multiple] option{padding:.55rem .65rem;border-radius:3px}
.character-field select[multiple] option:checked{background:#168cff;color:#fff}
.character-field textarea{min-height:150px;resize:vertical}
.character-field input:focus,.character-field select:focus,.character-field textarea:focus{outline:0;border-color:#42a8ff;box-shadow:0 0 0 3px rgba(22,140,255,.15)}
.character-summary{position:sticky;top:0;max-height:58vh;overflow:auto;padding:1.1rem;border:1px solid #244d73;background:linear-gradient(145deg,#0b1524,#07101d)}
.character-summary>span{display:block;margin-bottom:.8rem;color:#ff9a3b;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}
.character-summary p{display:grid;grid-template-columns:88px minmax(0,1fr);gap:.65rem;margin:0;padding:.55rem 0;border-bottom:1px solid rgba(40,85,125,.45)}
.character-summary p:last-child{border-bottom:0}
.character-summary b{color:#8fc9ff;font-size:.72rem;text-transform:uppercase}
.character-summary span{min-width:0;overflow-wrap:anywhere;color:#dce8f3}
.character-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1.4rem}
.character-error{padding:.85rem 1rem;border:1px solid #a5412a;background:rgba(165,65,42,.13);color:#ffab90}
.character-review{padding:1.2rem;border:1px solid #28557d;background:rgba(22,140,255,.08)}
.character-review b{color:#58b4ff;font:700 1.35rem Georgia,serif}
.discord-auth-btn{background:#5865f2!important;color:#fff!important}
@media(max-width:760px){.character-creator-card{width:calc(100vw - 18px);max-height:calc(100vh - 18px);padding:1.25rem}.character-layout{grid-template-columns:1fr}.character-fields{grid-template-columns:1fr}.character-summary{position:static;max-height:none}.character-actions{align-items:stretch;flex-direction:column-reverse}.character-actions button{width:100%}.character-progress{margin-right:2.4rem}}
@media(prefers-reduced-motion:reduce){.character-progress i{transition:none}}