avatar-view{display:flex;gap:2rem;width:100%;height:100%}avatar-view div[kind=stats]{flex:1;display:flex;flex-direction:column;justify-content:center;background:#0003;backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.2);border-radius:1rem;padding:2rem}avatar-view div[kind=stats] h2{font-size:1.5rem;font-weight:300;color:#fff;letter-spacing:.2em;text-transform:uppercase;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(139,92,246,.3)}avatar-view div[kind=stat-row]{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.875rem}avatar-view div[kind=stat-row] span[kind=label]{color:#ffffff80;text-transform:uppercase;letter-spacing:.15em}avatar-view div[kind=stat-row] span[kind=value]{letter-spacing:.15em;color:var(--color)}avatar-view div[kind=viewer]{flex:1;position:relative;background:#0006;backdrop-filter:blur(4px);border:1px solid rgba(59,130,246,.2);border-radius:1rem;overflow:hidden}avatar-view div[kind=glow]{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(139,92,246,.1) 0%,transparent 70%);pointer-events:none}avatar-view div[kind=canvas-wrap]{width:100%;height:100%;min-height:400px}avatar-view div[kind=tag]{position:absolute;bottom:1rem;right:1rem;font-size:.65rem;color:#60a5fa80;letter-spacing:.2em;text-transform:uppercase}avatar-view canvas{width:100%;height:100%}@media(max-width:768px){avatar-view{flex-direction:column}}