.account-wrap {min-height:85vh;display:grid;place-items:center;padding:3rem 1rem;background:linear-gradient(#07111bdd,#07111bee),url('/assets/harbor.png') center/cover}
.account-panel {width:min(100%,560px);padding:clamp(1.4rem,4vw,3rem);background:#0b1723ee;border:1px solid #947a4a;border-radius:8px}
.account-panel h1 {font-family:Georgia,serif;color:#dfc186;font-size:2.2rem;margin:.4rem 0 1.2rem}
.account-panel p {line-height:1.6}.account-panel form {display:grid;gap:.7rem}.account-panel label {margin-top:.6rem;color:#e4d3ae}
.account-panel input {width:100%;padding:.8rem;border:1px solid #516074;border-radius:4px;background:#07111b;color:#f3f4f8;font:inherit}
.account-panel input:focus {outline:2px solid #ba98ef;outline-offset:2px}.account-panel .button {margin-top:1rem;text-align:center}
.form-help {font-size:.88rem;color:#b8c3d0;margin:0}.form-error {border-left:3px solid #f08d89;padding:.8rem;background:#4a2028;color:#ffe0dd}

.account-dashboard{width:min(100%,1040px)}.dashboard-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start}.dashboard-heading h1{overflow-wrap:anywhere}.dashboard-heading form{flex-shrink:0}.account-tabs{display:flex;gap:1.4rem;flex-wrap:wrap;border-block:1px solid #655438;padding:1rem 0;margin-top:1.5rem}.account-tabs a{color:#dfc186;text-underline-offset:5px}.dashboard-section{padding-top:2rem;scroll-margin-top:1rem}.dashboard-section h2{font-size:1.7rem;color:#dfc186;margin:.2rem 0 1rem}.character-realm,.account-empty{background:#07111baa;border:1px solid #394552;padding:1.2rem;margin-top:1.2rem;border-radius:6px}.realm-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem}.realm-heading h3{margin:0;color:#ead7af}.account-badge{display:inline-block;padding:.25rem .7rem;border:1px solid #655438;border-radius:20px;font:.75rem/1.5 system-ui,sans-serif;color:#d7c69f}.character-list{list-style:none;padding:0;margin:.8rem 0 0}.character-row{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid #293647}.character-level{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #947a4a;border-radius:50%;color:#dfc186;font:600 1rem system-ui,sans-serif}.character-details{flex:1;min-width:0}.character-details h4{font-size:1.2rem;margin:0;overflow-wrap:anywhere}.character-details p{color:#b8c3d0;margin:.2rem 0 0;font:.9rem/1.5 system-ui,sans-serif}.character-presence{font:.8rem system-ui,sans-serif;color:#a1adba}.character-presence.is-online{color:#7ce6ad}.account-empty h3{margin-bottom:.5rem}.account-empty p{max-width:65ch}@media(max-width:600px){.dashboard-heading{display:block}.account-tabs{gap:1rem}.character-row{gap:.7rem}.character-realm{padding:1rem}.character-presence{font-size:.7rem}}