#visit #avatar-toggle { display:inline-grid; place-items:center; width:34px; height:34px; padding:7px; flex:none; }
#avatar-toggle svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
#avatar-panel { position:absolute; top:84px; right:26px; width:330px; padding:22px; pointer-events:auto; color:#fff3d9;
  background:linear-gradient(110deg,#5e402cec,#382c20f7),url('assets/wood/color.jpg') center/330px;
  border:3px solid #52734b; border-radius:6px 18px 6px 18px; box-shadow:0 14px 40px #0d1d176b,inset 0 0 0 1px #e1c79c50; }
#avatar-panel .eyebrow { font-size:8px; letter-spacing:.18em; color:#d5c28e; margin-bottom:8px; }
#avatar-title { margin:0 22px 8px 0; font:normal 24px/1.1 Georgia,serif; }
#avatar-panel p { font-size:11px; color:#ded2b8; line-height:1.5; }
#avatar-close { position:absolute; right:12px; top:12px; display:grid; place-items:center; width:29px; height:29px; border:1px solid #e4d4ab50; border-radius:50%; background:#f8edce10; color:#fff0d1; font-size:20px; }
.avatar-choices { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0 10px; }
.avatar-choice { overflow:hidden; border:2px solid #9a875c; border-radius:7px; padding:0; background:#e9dfc8; color:#294733; box-shadow:0 3px 9px #20160f60; }
.avatar-choice img { display:block; width:100%; height:165px; object-fit:cover; object-position:50% 28%; }
.avatar-choice strong { display:block; padding:10px 5px; font-size:12px; }
.avatar-choice[aria-pressed="true"] { border-color:#c8d69c; box-shadow:0 0 0 2px #52734b,0 3px 9px #20160f60; }
.avatar-choice[aria-pressed="true"] strong::before { content:'✓ '; }
.avatar-choice:hover { border-color:#fff0c2; }
.avatar-choice:disabled { cursor:wait; opacity:.65; }
#avatar-status { min-height:32px; margin-bottom:0; color:#d6e3c8!important; }
.avatar-credits { display:inline-block; margin-top:8px; font-size:10px; color:#d6c9aa; text-underline-offset:3px; }
@media(max-width:1050px) { #avatar-panel { top:142px; right:18px; } }