@import url("/theme.css");
.account-panel{min-height:580px}
.account-panel[aria-busy=true]{cursor:progress}
.account-panel h1{margin:0 0 16px}.account-panel h2{margin:0 0 12px}.account-panel h3{margin:0}
.account-panel p{max-width:65ch}
.account-panel .register-form{max-width:440px;gap:16px;margin:24px 0}
.account-panel .register-form p{margin:0}.account-panel .fine{font-size:13px;line-height:1.5}
.account-panel [hidden]{display:none!important}
.account-owner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--rule)}
.account-owner p{margin:0;min-width:0;font-size:13px}.account-owner strong{display:block;font-size:16px;overflow-wrap:anywhere}.account-owner button{flex-shrink:0}
.account-panel .character-list{list-style:none;padding:0;margin:24px 0}
.character-list li{padding:12px 0;border-bottom:1px solid var(--rule);font-size:20px}
.character-list li:before{content:'◆';font-size:14px;margin-right:12px;color:var(--link)}
#character-count{font:400 14px Lato,sans-serif;color:var(--muted);white-space:nowrap}
#character-create{border-top:1px solid var(--rule);padding-top:24px}
.ownership-note{color:var(--ink)}
.account-help{border-top:1px solid var(--rule);margin-top:24px;padding-top:12px}
.account-help summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--link);font-weight:700}
.account-help p{font-size:14px;margin:12px 0}
.signin-options{display:flex;flex-wrap:wrap;gap:8px 16px}
.signin-options .text-button,#back-signin .text-button{padding-inline:0}
#account-status:empty{display:none}#account-status{margin:16px 0;color:var(--link)}
#account-rollout{padding:12px 0 20px;margin:0}
#desktop-approval{padding:16px;margin-bottom:24px;border:1px solid var(--rule);background:#dbc392}
.account-panel button:disabled{opacity:.6;cursor:wait}
.account-panel :focus-visible{outline:2px solid var(--link);outline-offset:3px}
/* The desktop handoff is a focused step within the account flow. */
.desktop-link-page .account-site{max-width:640px;padding:0 24px}
.desktop-link-page .site-header{padding:clamp(32px,8vh,88px) 0 28px;justify-content:center}
.desktop-link-page .wordmark{font-size:48px}
.desktop-link-page .masthead-note,.desktop-link-page .toplinks{display:none}
.desktop-link-page .page-content{padding:clamp(24px,5vw,40px);border:1px solid #aa9872;box-shadow:0 4px 0 #10120f,inset 0 0 0 4px #d1c39e}
.account-panel .account-eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;color:#675437}
.desktop-link-page h1{font-size:clamp(32px,5vw,40px);margin-bottom:10px}
.account-panel .desktop-intro{color:#65583f;margin:0 0 28px;font-size:15px}
.desktop-link-page .account-owner{padding:18px 0;margin:0;border-block:1px solid var(--rule)}
.desktop-link-page .account-owner p{font-size:12px;color:#65583f}
.desktop-link-page .account-owner strong{color:var(--ink);font-size:16px;margin-top:3px}
.desktop-link-page .account-owner .text-button{font-size:13px;padding:10px 0 10px 12px}
.desktop-link-page #desktop-approval{background:none;border:0;padding:26px 0 0;margin:0}
.desktop-link-page #desktop-approval h2{font-size:25px;margin:0 0 8px}
.desktop-link-page #desktop-approval>p{font-size:14px;margin-bottom:22px}
.desktop-link-page #desktop-approve{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:52px;padding:12px 18px;background:var(--action);color:var(--action-text);border:1px solid #49251d;box-shadow:inset 0 0 0 1px #a56f50;font-weight:700}
.desktop-link-page #desktop-approve:hover{background:#874333}
.desktop-link-page #desktop-approve:active{transform:translateY(1px)}
.desktop-link-page #desktop-approve span{font-size:22px;line-height:1}
.desktop-link-page #desktop-approval .desktop-security{font-size:12px;line-height:1.6;color:#65583f;margin:14px 0 0;max-width:48ch}
.desktop-link-page .account-help{margin-top:26px;padding-top:8px;border-bottom:0}
.desktop-link-page .account-help summary{font-size:13px;font-weight:400}
.desktop-link-page .register-form{max-width:none}
@media(max-width:480px){.desktop-link-page .account-site{padding:0 16px}.desktop-link-page .site-header{padding:32px 0 24px}.desktop-link-page .wordmark{font-size:42px}.desktop-link-page .account-owner{gap:12px}.desktop-link-page .page-content{padding:26px 24px}}

.account-panel .account-owner{padding-bottom:20px;margin-bottom:24px}
.account-panel .character-list{margin:16px 0 8px}
.account-panel .character-list li{padding:12px 0;font-size:18px}
.account-panel .character-note{margin:0;color:var(--muted)}
.account-panel #character-create-toggle{min-height:44px;padding:10px 0;font-weight:700}
.account-panel #character-create{border:0;padding:0;margin:16px 0 0;max-width:none}
.character-form-actions{display:flex;align-items:center;gap:16px}
.account-panel .account-help{margin-top:24px;border-bottom:0}
@media(max-width:480px){.account-owner{align-items:flex-start}.character-form-actions{flex-wrap:wrap}.account-panel .register-form{max-width:none}}

.account-entry{min-height:106px}
.account-entry #account-register[hidden]{display:block!important;visibility:hidden;pointer-events:none}

.account-return{display:inline-flex;align-items:center;min-height:44px;margin-bottom:12px}

.account-site{font-family:var(--font-body)}.account-site .wordmark,.desktop-link-page .wordmark{font:600 30px/1 var(--font-body);letter-spacing:-1px}.account-site h1,.account-site h2,.account-site h3{font-family:var(--font-body);font-weight:600}.account-site .page-content{box-shadow:none;border-color:var(--rule);background:#fff}.account-site .account-owner strong{color:var(--ink)}.account-site .account-eyebrow,.account-site .desktop-intro,.desktop-link-page #desktop-approval .desktop-security{color:var(--muted)}.desktop-link-page #desktop-approve{background:var(--action);border-color:var(--action);box-shadow:none;color:#fff;border-radius:4px}.desktop-link-page #desktop-approve:hover{background:var(--action-hover)}
.account-site .page-content{background:var(--paper);color:var(--ink);border-color:var(--rule)}
.account-owner p,.desktop-link-page .account-owner p{color:var(--muted)}

.character-slots{display:inline-flex;gap:4px;margin-left:10px;vertical-align:middle}.character-slots i{width:10px;height:10px;border:1px solid #998568;border-radius:2px}.character-slots[data-used="1"] i:first-child,.character-slots[data-used="2"] i:nth-child(-n+2),.character-slots[data-used="3"] i{background:#d5a04c;border-color:#d5a04c}
.character-list li:before{content:'♙';display:inline-grid;place-items:center;width:30px;height:34px;border:1px solid #78664c;background:#29251f;border-radius:3px;color:#e6ba72;font-size:22px;margin-right:12px}
#characters-empty{padding:16px;border:1px dashed #78664c;border-radius:4px}#characters-empty:before{content:'♙';margin-right:10px;color:#e6ba72}

#account-status:not(:empty){padding:12px 14px;border:1px solid var(--rule);background:#29251f;border-radius:4px}#account-status[data-state=error]:before{content:'⚠';margin-right:8px;color:#e2a785}#account-status[data-state=info]:before{content:'ⓘ';margin-right:8px;color:#e6ba72}