/* Portal navigation and account settings share the site's wood and parchment. */
.main-nav{position:relative;z-index:5;flex-wrap:wrap;gap:0;padding:4px 8px}
.main-nav>a,.main-nav>button{flex:0 1 auto;min-height:36px;padding:8px 16px;margin-left:0}
.main-nav>button{border-right:1px solid #c09a5555;color:#f0dbb4}
.main-nav .nav-profile{position:relative;display:flex;align-items:stretch;margin-left:auto}
.main-nav .nav-profile>a{padding-right:6px;border:0}
.main-nav .profile-nav-toggle{margin:0;padding:6px 8px;border:0;min-width:32px}
.main-nav .profile-nav-toggle svg{width:15px;height:15px;transition:transform .15s}
.profile-nav-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.main-nav .profile-submenu{position:absolute;top:100%;right:0;min-width:182px;padding:6px;background:linear-gradient(135deg,#473728,#2e251e);border:1px solid #8b704b;border-radius:0 0 5px 5px;box-shadow:0 8px 18px #0008;z-index:10}
.main-nav .profile-submenu a{justify-content:flex-start;padding:12px;border:0;font:600 14px/1.3 'Segoe UI',Arial,sans-serif}
.main-nav .profile-submenu svg{width:19px;height:19px;color:#c4a676}
.portal-page{scroll-margin-top:18px;min-width:0}
.portal-page h2{font-size:28px}
.portal-page .panel-content{padding:18px 16px 22px}
.portal-page p{color:#3c2a19;line-height:1.55}
.portal-page .profile-subtitle{margin-bottom:22px;color:#5b432b;font-size:14px}
.profile-account-name{overflow-wrap:anywhere}
.profile-character{display:flex;align-items:center;gap:18px;margin:18px 0;padding:12px 16px;border:1px solid #8e735444;border-radius:5px;background:#3c2b1712}
.profile-character canvas{width:80px;height:100px;flex-shrink:0;image-rendering:pixelated}
.profile-character strong,.profile-character small{display:block}
.profile-character strong{font:600 20px/1.4 Cinzel,Georgia,serif;color:#342415;overflow-wrap:anywhere}
.profile-character small{font-size:14px;color:#5b432b}
.profile-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;min-height:42px;border:1px solid #8a6b43;border-radius:4px;background:linear-gradient(#51402c,#30271e);color:#f0dbb4;text-decoration:none;font:600 14px/1.3 'Segoe UI',Arial,sans-serif;box-shadow:inset 0 1px #bea27933}
.profile-action:hover{filter:brightness(1.12)}
.settings-sections{display:flex;gap:10px;border-bottom:1px solid #876b4766;margin:0 0 20px;padding-bottom:10px}
.settings-sections a{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid #8b6b45;border-radius:4px;background:#4a362022;color:#3c2816;text-decoration:none;font-weight:600}
.settings-character-label{display:block;margin:0 0 7px;font-size:14px;font-weight:600}
.settings-character-select{width:100%;max-width:370px;padding:10px 12px;margin-bottom:10px;border:1px solid #856b49;border-radius:4px;background:#33291f;color:#f1dfc1;font:15px/1.4 'Segoe UI',Arial,sans-serif}
.settings-character-meta{font-size:14px;color:#5b432b}
.settings-feedback{font-size:14px;font-weight:600}
.settings-feedback:empty{display:none}
.appearance-editor .appearance-intro{font-size:14px;margin:12px 0 18px}
.appearance-editor .appearance-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px}
.appearance-editor .outfit-choice{position:relative;background:#342b22;color:#ecdfc7;border-color:#6d5840;padding:12px 8px}
.appearance-editor .outfit-choice b{font-size:13px;line-height:1.4}
.appearance-editor .outfit-choice small{color:#d4c2a5}
.appearance-editor .outfit-choice:has(input:checked){background:#51402c;border-color:#c1a16c;box-shadow:inset 0 0 0 1px #c1a16c}
.appearance-editor .outfit-choice:has(input:disabled){opacity:.8;cursor:default}
.appearance-editor .outfit-choice:has(input:focus-visible){outline:2px solid #785128;outline-offset:3px}
.appearance-editor .appearance-actions{position:static;background:none;padding:12px 0 0}
.appearance-editor .appearance-actions button{background:linear-gradient(#51402c,#30271e);color:#f0dbb4;border-color:#8a6b43;font:600 14px/1.3 'Segoe UI',Arial,sans-serif;min-height:42px}
.appearance-editor .appearance-actions button:disabled{opacity:.55;cursor:default}
.appearance-editor .appearance-feedback{margin:16px 0 0;font-size:14px}
@media(max-width:1000px){.main-nav>a,.main-nav>button{padding:8px 12px;font-size:12px}.main-nav .nav-profile>a{padding-left:12px;font-size:12px}}
@media(max-width:600px){.main-nav{padding:3px}.main-nav>a,.main-nav>button{flex:1 0 auto;padding:9px 10px;font-size:11px}.main-nav .nav-profile{margin-left:0;flex:1 0 auto;justify-content:center}.main-nav .nav-profile>a{font-size:11px}.portal-page .panel-content{padding:12px 9px 18px}.portal-page h2{font-size:24px}.profile-character{gap:10px;padding:8px}.profile-character strong{font-size:17px}}

.outfit-selected-preview{display:flex;align-items:center;gap:20px;margin:12px 0 20px;padding:10px 20px;background:#33291f;border:1px solid #8b7250;border-radius:5px}.outfit-selected-preview canvas{image-rendering:pixelated;width:128px;height:138px}.outfit-selected-preview>div{display:flex;flex-wrap:wrap;gap:6px}.outfit-selected-preview button{padding:6px 10px;border:1px solid #88714d;border-radius:3px;background:#4b3b29;color:#eee0c6;font-size:13px}

/* The rightmost account action follows the authenticated session. */
.main-nav>[hidden]{display:none}
.main-nav>.nav-registration{margin-left:auto;border-right:0}

.auth-notice{padding:12px;border:1px solid #7c714b;border-radius:4px;background:#53513b1c;color:#403c24;font:600 14px/1.5 var(--read-font,Arial,sans-serif)}.auth-notice[hidden]{display:none}.registration-approval-note{font-size:13px;line-height:1.4;color:#5a462d}