.avatar-picker{width:min(860px,94vw);max-height:92dvh;overflow:auto;background:#edc594;color:#4a2511;border:8px solid #8c5230;border-radius:0;box-shadow:0 0 0 4px #2b1408,inset 0 0 0 3px #f7db9f;padding:22px;font-family:'Fusion Pixel',monospace;image-rendering:pixelated}.avatar-picker h2{font-size:26px;margin:12px 0}.avatar-picker p{font-size:16px;line-height:1.6}.avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.avatar-grid button{display:grid;justify-items:center;gap:10px;background:#ac764b;color:#fff0cd;border:3px solid #603a24;border-radius:0;padding:14px 4px;box-shadow:inset 0 3px #dca466,0 3px #603a24}.avatar-grid canvas{width:96px;height:84px;image-rendering:pixelated;background:#33484b;box-shadow:0 0 0 3px #e1b975}.avatar-grid [aria-pressed=true]{background:#436b49;outline:3px solid #ffe18d;outline-offset:1px}.avatar-grid button:focus-visible{outline:3px solid white}.avatar-picker footer{margin-top:20px}.avatar-picker footer button{margin-right:12px}.avatar-grid strong{font-size:14px;text-shadow:none}@media(max-width:550px){.avatar-picker{padding:14px}.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-grid canvas{width:64px;height:56px}}