.themed-picker{position:relative;min-width:0;width:100%}
.native-picker-source{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;clip-path:inset(50%);pointer-events:none}
body button.themed-trigger{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:48px;padding:12px 16px;margin:0;text-align:left;background:#fffaf1;color:#32283d;border:1px solid #cbb17b;border-radius:7px;box-shadow:inset 0 1px 5px #50301c05;font:inherit;line-height:1.6;cursor:pointer}
.themed-trigger::after{content:'⌄';color:#a27d3b;margin-left:auto}.themed-trigger[aria-expanded=true]{border-color:#ad3150;box-shadow:0 0 0 3px #bb964521}
.themed-options{position:absolute;z-index:90;top:calc(100% + 7px);left:0;right:0;min-width:min(240px,100%);max-height:290px;overflow:auto;overscroll-behavior:contain;padding:7px;background:#fffaf0;border:1px solid #bda066;border-radius:9px;box-shadow:0 16px 36px #17133129}
.themed-options.opens-up{top:auto;bottom:calc(100% + 7px)}
.themed-options-search{display:block;width:100%;min-height:38px;margin:0 0 6px;padding:7px 9px;border:1px solid #d0b783;border-radius:6px;background:#fff;color:#30263b;font:inherit}
.themed-options-search:focus-visible{outline:3px solid #c9962e;outline-offset:1px}
.themed-options [role=option]{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:5px;color:#30263b;cursor:pointer;line-height:1.6;overflow-wrap:anywhere}
.themed-options [role=option]:hover,.themed-options .is-active{background:#eee1c8;outline:1px solid #d8be86;outline-offset:-1px}
.themed-options [aria-selected=true]{background:#f1e1cb;color:#982a43;font-weight:700}.themed-options [aria-selected=true]::after{content:'✓';margin-left:auto;color:#a12a45}
.themed-options p{padding:12px;font-size:13px;color:#807078}
.character-choice-face{width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:1px solid #c4a263;background:#f1e1cc;color:#8c3047;display:grid;place-items:center;overflow:hidden}
.character-choice-face{position:relative;display:block}
.character-choice-face img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;transform:scale(2.6);transform-origin:50% 15%}
.avatar-fallback-live{display:grid;place-items:center;font:clamp(64px,6vw,94px)/1 serif;border:1px solid #d6b565;outline:1px solid #cfb96d55;outline-offset:-14px}
.member-wayfinding{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 24px;padding:12px 0;border-bottom:1px solid #c6ad7433;font-size:14px}
.member-wayfinding a{color:#962d44;text-decoration:none;padding:7px 11px;border:1px solid #cfb780;border-radius:6px;background:#fff9ec}.member-location{margin-left:auto;color:#857175;font-size:12px}
@view-transition{navigation:auto}
::view-transition-group(root),::view-transition-group(account-content){animation:none}
::view-transition-old(root){animation:member-fade-out .16s ease both}::view-transition-new(root){animation:member-fade-in .24s ease both}
.account-side{view-transition-name:account-sidebar}.account-banner{view-transition-name:account-banner}
::view-transition-old(account-content){animation:member-fade-out .14s ease both}::view-transition-new(account-content){animation:member-enter .26s ease both}
.account-panel{animation:member-enter .25s ease-out}
@keyframes member-fade-out{to{opacity:0}}@keyframes member-fade-in{from{opacity:0}}@keyframes member-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.account-panel{animation:none}::view-transition-group(*){animation:none!important}}
@media(max-width:600px){.member-location{width:100%;margin:0}.member-wayfinding{gap:8px}.themed-options{max-height:230px}}
.backend-account-menu{margin-left:auto}.backend-account-menu>summary{display:none}
.category-ribbon .category-empty{opacity:.65}.category-ribbon .category-empty span{color:#986c45;font-size:12px}
@media(max-width:760px){
 .backend-page .backend-header{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;padding:14px}
 .backend-account-menu{position:relative}
 .backend-account-menu>summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;color:#f4dfb1;border:1px solid #baa064;border-radius:7px;cursor:pointer;list-style:none;font-size:14px}
 .backend-account-menu[open]{width:100%}.backend-account-menu[open]>summary{width:max-content;margin-left:auto}
 .backend-account-menu nav{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important;margin:14px 0 0!important;padding:12px;background:#1b2447;border:1px solid #b69b643d;border-radius:9px}
 .backend-account-menu:not([open])>nav{display:none!important}
 .backend-page .backend-account-menu nav a{display:flex;align-items:center;min-height:44px;padding:8px 12px;background:#f0d4970b;border-radius:5px;font-size:14px}
}