.avatar-selection-backdrop{z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn var(--speed-fast) ease;background-color:#1a1814b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.avatar-selection-modal{background-color:var(--parchment-light);border:1px solid var(--rule);border-radius:var(--radius-card);width:100%;max-width:900px;max-height:90vh;animation:fadeUp var(--speed-normal) ease;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 48px #1a181447}[data-theme=dark] .avatar-selection-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#ffffff1f;border-color:#d4940a33}.avatar-selection-header{text-align:center;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--rule);flex-shrink:0;position:relative}.avatar-selection-header h2{color:var(--ink);margin:0 0 var(--space-2);font-size:1.35rem;font-weight:600}.avatar-selection-header p{color:var(--ink-muted);margin:0;font-size:.9rem}.avatar-selection-scroll{flex:1;min-height:0;overflow-y:auto}.avatar-selection-grid{gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.avatar-card{border-radius:var(--radius-card);background-color:var(--surface);cursor:pointer;transition:border-color var(--speed-fast) ease, transform var(--speed-fast) ease, box-shadow var(--speed-fast) ease;border:2px solid #0000;flex-direction:column;display:flex;position:relative;overflow:hidden}.avatar-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #1a18141f}.avatar-card.selected{border-color:var(--amber);box-shadow:0 0 0 2px #d4940a40,0 4px 16px #d4940a26}.avatar-card-image{aspect-ratio:3/4;object-fit:cover;background-color:var(--rule);width:100%;display:block}.avatar-card-info{padding:var(--space-2);text-align:center;flex:1}.avatar-card-name{color:var(--ink);margin:0;font-size:.85rem;font-weight:600}.avatar-card-tagline{color:var(--ink-muted);margin:var(--space-1) 0 0;font-size:.72rem;line-height:1.3}.avatar-preview-btn{top:var(--space-2);right:var(--space-2);color:#fff;cursor:pointer;width:32px;height:32px;transition:background-color var(--speed-fast) ease;background-color:#1a18148c;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.avatar-preview-btn:hover{background-color:#1a1814bf}.avatar-preview-btn.playing{background-color:var(--amber)}.avatar-confirm-btn{width:100%;padding:var(--space-2) var(--space-3);background-color:var(--amber);color:#fff;cursor:pointer;transition:opacity var(--speed-fast) ease;border:none;border-radius:0;font-size:.85rem;font-weight:600;display:block}.avatar-confirm-btn:hover{opacity:.9}.avatar-close-btn{top:var(--space-4);right:var(--space-4);width:32px;height:32px;color:var(--ink-muted);cursor:pointer;transition:background-color var(--speed-fast) ease, color var(--speed-fast) ease;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.avatar-close-btn:hover{background-color:var(--surface);color:var(--ink)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.avatar-card.skeleton{cursor:default;pointer-events:none}.skeleton-image{background:linear-gradient(90deg, var(--rule) 25%, var(--surface) 50%, var(--rule) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{background:linear-gradient(90deg, var(--rule) 25%, var(--surface) 50%, var(--rule) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}.skeleton-name{width:60%;height:14px;margin:0 auto}.skeleton-tagline{width:80%;height:10px;margin:6px auto 0}@media (width<=768px){.avatar-selection-modal{max-height:95vh}.avatar-selection-header{padding:var(--space-4) var(--space-4) var(--space-3)}.avatar-selection-grid{gap:var(--space-2);padding:var(--space-3) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}