:root{color-scheme:dark;--ink:#ecf3ee;--muted:#a5bdb9;--panel:#173238;--gold:#e5c48c;--line:#ffffff20}*{box-sizing:border-box}body.account-page{margin:0;min-height:100vh;background:radial-gradient(ellipse at 12% 5%,#28554e,transparent 60%),#10282e;color:var(--ink);font:15px/1.5 system-ui,sans-serif}a{color:var(--gold)}.account-shell{max-width:1180px;margin:auto;padding:32px 24px}.account-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}.account-header img{width:190px;height:auto}.account-header nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.account-card{background:#19343ae8;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 24px 70px #07181b33}.auth-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;min-height:65vh}.auth-copy h1{font-size:clamp(36px,6vw,66px);line-height:1.06;letter-spacing:-.05em;margin:18px 0 24px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.muted,.account-page p{color:var(--muted)}.auth-copy p{max-width:420px;font-size:17px}.auth-perks{display:flex;gap:22px;margin-top:38px;flex-wrap:wrap}.auth-perks span{font-size:12px;color:var(--muted)}.auth-perks b{display:block;color:var(--ink);font-size:16px}.account-page h2{font-size:25px;margin:0 0 6px}.account-page h3{font-size:19px;margin-top:0}.account-page label{display:block;font-size:13px;color:#ccdbd5;margin:16px 0 6px}.account-page input,.account-page select,.account-page textarea{font:inherit;width:100%;border:1px solid #63867e88;border-radius:10px;padding:12px 14px;background:#0f282f;color:var(--ink)}.account-page textarea{min-height:140px;resize:vertical}.account-page input:focus,.account-page textarea:focus,.account-page select:focus{outline:2px solid var(--gold);outline-offset:2px}.account-page button,.account-link{font:inherit;border:1px solid var(--line);border-radius:10px;padding:11px 16px;background:#24464b;color:var(--ink);cursor:pointer;text-decoration:none}.account-page button:hover,.account-link:hover{background:#315951}.account-page button:disabled{opacity:.55;cursor:wait}.account-page .primary{background:var(--gold);color:#193238;font-weight:650;border:0}.wide{width:100%;margin-top:24px}.form-note{font-size:12px}.status{min-height:24px;font-size:13px;white-space:pre-wrap}.status.error{color:#ffbcb0}.status.success{color:#ade0b6}.tab-row{display:flex;gap:8px;margin-bottom:24px}.tab-row button{flex:1}.tab-row button[aria-selected=true]{background:#e5c48c;color:#173238}.admin-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:24px;align-items:start}.user-row{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.user-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#426c68;color:#f3dfb9;flex-shrink:0}.user-meta{min-width:0;flex:1}.user-meta strong{overflow-wrap:anywhere}.user-meta small{display:block;color:var(--muted)}.pill{display:inline-block;font-size:10px;border-radius:99px;background:#375858;padding:3px 8px;margin-left:6px}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.check-label{display:flex!important;gap:10px;align-items:center}.check-label input{width:auto}.account-page dialog{background:#173238;color:var(--ink);border:1px solid var(--line);border-radius:20px;width:min(520px,calc(100% - 28px));max-height:90vh;padding:28px}.account-page dialog::backdrop{background:#03171be0}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.account-page .danger{color:#ffc1b5;border-color:#b86a6077;background:#643e3b44}.account-save{font-size:11px;color:#d2dfc9}.account-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.account-info div{padding:14px;border:1px solid #ffffff20;border-radius:12px}.account-info b{display:block;font-size:21px}.account-modal-actions{display:flex;gap:10px;flex-wrap:wrap}.account-modal-actions button,.account-modal-actions a{padding:12px 18px;border-radius:10px;border:1px solid #ffffff30;background:#294b50;color:#f3e5c9;text-decoration:none;cursor:pointer;font:inherit}.account-message{white-space:pre-wrap}.account-page [hidden]{display:none!important}@media(max-width:800px){.auth-layout,.admin-layout{grid-template-columns:1fr;gap:24px}.auth-copy h1{font-size:40px}.auth-perks{display:none}.account-shell{padding:20px 16px}.account-header{margin-bottom:25px}.account-header img{width:145px}.account-card{padding:22px}.user-row button{padding:8px 10px}.account-header nav{font-size:12px}}@media(max-width:420px){.account-header{align-items:flex-start}.account-header nav{justify-content:flex-end}.auth-copy p{font-size:15px}}

.account-modal-actions button:disabled{opacity:.5;cursor:wait}

/* One account, one character: unified identity, progress and settings. */
.admin-card.character-card{display:block;width:278px;min-width:0;padding:12px 14px;z-index:12;max-width:calc(100vw - 28px)}
.character-card-main{display:flex;align-items:center;gap:8px}.character-profile-button{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-align:left;background:transparent;color:inherit;padding:0;border-radius:8px}.character-profile-button .admin-avatar{flex-shrink:0}.character-identity{min-width:0;display:block}.character-identity strong,.character-meta,.character-identity small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.character-identity .character-meta{font-size:10px;color:#d1bf9f;margin:0 0 5px}.character-card .settings-button{flex-shrink:0;margin:0;min-width:32px;min-height:40px}.character-card-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ffffff16;padding-top:9px;margin-top:10px;font-size:9px;color:#aac5b8}.character-card-footer button{color:#dcc394}.character-card-footer .save-error{color:#ffb8a5}
.realtime-card{grid-column:1/-1}.realtime-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.connection-tag{font-size:12px;padding:7px 12px;border-radius:999px;border:1px solid #ffffff25;white-space:nowrap;color:#dcc394}.connection-tag.verified{color:#b3e7c2;border-color:#72ab8966}.realtime-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.realtime-wide{grid-column:1/-1}.connection-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.connection-actions .primary{width:auto;margin:0}.realtime-card .form-note{margin-top:6px}.realtime-card details{border-top:1px solid #ffffff20;margin-top:20px;padding-top:14px}.realtime-card summary{cursor:pointer;color:#d3c29e}.realtime-card input[type=checkbox]{accent-color:#e5c48c}.realtime-card .status{margin-bottom:0}
@media(max-width:760px){.admin-card.character-card{width:206px;right:14px;bottom:14px;padding:10px}.character-profile-button{gap:8px}.character-identity .character-meta{font-size:9px}.character-card-footer{font-size:8px;gap:5px;padding-top:7px;margin-top:8px}.character-card .settings-button{min-width:26px}.realtime-grid{grid-template-columns:1fr;gap:0}.realtime-intro{flex-direction:column;gap:8px}}@media(max-width:360px){.admin-card.character-card{width:190px;right:10px}.character-card-footer button{font-size:7px}}

.character-card-footer button{padding:0;border:0;background:transparent;font:inherit;cursor:pointer;text-align:right}
@media(max-width:760px){.interaction{bottom:214px;left:auto;right:14px;transform:none;max-width:calc(100vw - 188px);width:auto}.interaction kbd{display:none}.interaction>div{min-width:0}.interaction b,.interaction span{overflow-wrap:anywhere}.interaction button{flex-shrink:0;margin-left:0}}