body #app .avatar-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}
body #app .avatar-picker-heading h3{font:20px/1.3 'Literata',Georgia,serif;margin:0;color:#ecddb5}
body #app .avatar-picker-heading>span{font:12px/1.3 'Golos Text',sans-serif;color:#b8bba4;white-space:nowrap}
body #app .home-avatar-options{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:12px;padding:12px;margin:0 0 18px;max-height:340px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scroll-padding:12px;border:1px solid #ab955346;border-radius:10px;background:radial-gradient(ellipse at top,#51603928,transparent 75%),#071b1470;scrollbar-width:thin;scrollbar-color:#ab9867 #12261c}
body #app .home-avatar-options button{position:relative;display:block;width:100%;max-width:76px;aspect-ratio:1;height:auto;min-height:0;padding:3px;border-radius:50%;border:1px solid #98885c;justify-self:center;background:#14271d;transition:border-color .15s,box-shadow .15s}
body #app .home-avatar-options .avatar-art{display:block;width:100%;height:100%;border-radius:50%}
body #app .home-avatar-options button[aria-pressed=true]{border-color:#f3d998;box-shadow:0 0 0 2px #cbb174,0 0 15px #dec07838}
body #app .home-avatar-options button[aria-pressed=true]:after{content:'✓';position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;background:#e0c488;color:#183022;display:grid;place-items:center;font:14px/1 sans-serif;box-shadow:0 0 0 2px #14271d}
body #app .home-avatar-options button:focus-visible{outline:2px solid #ffebbb;outline-offset:3px}
@media(hover:hover){body #app .home-avatar-options button:hover{border-color:#ead195;box-shadow:0 0 12px #d3b57444}}
body #app .profile-editor .profile-overview{padding-top:8px}
body #app .profile-editor .profile-overview>.avatar-art{width:120px;height:120px}
body #app .profile-editor .profile-overview h3{margin-top:16px;font-size:23px}
body #app .profile-editor .profile-tabs{margin-bottom:18px}
@media(max-width:900px){body #app .home-avatar-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}
@media(max-width:650px){body #app .home-avatar-options{max-height:300px;max-height:min(300px,40dvh);gap:10px;padding:10px}body #app .home-avatar-options button{max-width:68px}body #app .avatar-picker-heading h3{font-size:18px}body #app .avatar-picker-heading>span{font-size:11px}body #app .profile-editor .profile-overview>.avatar-art{width:76px;height:76px}body #app .profile-editor .profile-overview h3{margin:0;font-size:21px}}
@media(prefers-reduced-motion:reduce){body #app .home-avatar-options button{transition:none}}