.art-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--dur-3) var(--ease-out);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:absolute;inset:0}.art-image[data-ready=true]{opacity:1}.avatar{--ring:var(--c-brass);background:linear-gradient(160deg, #f0d9a2, var(--c-brass) 40%, #6e5226 100%);transition:box-shadow var(--dur-3) var(--ease-out), filter var(--dur-3) var(--ease-out);border-radius:50%;flex:none;padding:2px;display:inline-block;position:relative;box-shadow:0 0 0 1px #00000073,0 3px 10px #00000073}.avatar__portrait{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--tint) 70%, white 10%), var(--tint) 45%, color-mix(in srgb, var(--tint) 40%, black) 100%);border-radius:50%;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #0d1626d9}.avatar__fallback{font-family:var(--font-display);font-variation-settings:"opsz" 36, "SOFT" 80;letter-spacing:.02em;color:#fff6e1eb;text-shadow:0 1px 2px #00000059;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.avatar--hit{box-shadow:0 0 0 2px var(--c-hit), 0 0 16px #e1bd6c8c, 0 3px 10px #00000073}.avatar--miss{background:linear-gradient(160deg, #e9a593, var(--c-miss) 45%, #6b2a1f);box-shadow:0 0 0 1px #00000073,0 0 12px #cf7a6866}.avatar--muted{filter:grayscale(.85)brightness(.7)}.avatar--turn{box-shadow:0 0 0 2px var(--c-night), 0 0 0 3.5px var(--c-brass-light), 0 0 22px 4px #e8cf9480;animation:avatar-turn 2.2s var(--ease-in-out) infinite}@keyframes avatar-turn{50%{box-shadow:0 0 0 2px var(--c-night), 0 0 0 3.5px var(--c-brass-light), 0 0 30px 8px #e8cf9459}}.avatar__ring{width:calc(100% + 14px);height:calc(100% + 14px);position:absolute;inset:-7px;overflow:visible;transform:rotate(-90deg)}.avatar__ring-track{fill:none;stroke:#0000}.avatar__ring-countdown{fill:none;stroke:var(--c-live);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.avatar__ring-countdown[data-low]{stroke:var(--c-miss)}@media (prefers-reduced-motion:reduce){.avatar--turn{animation:none}}:root[data-motion=reduced] .avatar--turn{animation:none}