.profile-honors{display:flex;flex-wrap:wrap;gap:.05rem;flex-shrink:0;max-width:100%}.profile-honor-trigger{position:relative;display:grid;place-items:center;width:34px;height:38px;border-radius:.5rem;transition:transform .16s ease}.profile-honor-trigger:hover{transform:translateY(-2px)}.profile-honor-gem{width:28px;height:32px;filter:drop-shadow(0 2px 2px rgb(0 0 0/.18))}.profile-honor-art{position:relative;display:inline-grid;place-items:center}.profile-honor-tooltip .profile-honor-art,.profile-honor-tooltip .profile-honor-gem{width:40px;height:44px}.profile-honor-tooltip .profile-honor-symbol{width:21px;height:21px}.profile-honor-symbol{position:absolute;color:white;filter:drop-shadow(0 1px 1px rgb(0 0 0/.35))}.profile-honor-tooltip{position:fixed;z-index:120;width:min(240px,calc(100vw - 24px));box-sizing:border-box;padding:1rem;border-radius:.9rem;border:1px solid rgb(var(--line));color:var(--text-primary);background:rgb(var(--panel));box-shadow:0 12px 32px rgb(0 0 0/.18);animation:presence-menu-in .14s ease-out}.profile-honor-tooltip strong{display:block;margin-top:.5rem;font-size:.85rem}.profile-honor-tooltip p{margin-top:.3rem;font-size:.75rem;line-height:1.5;color:var(--text-secondary)}@media (prefers-reduced-motion:reduce){.profile-honor-trigger{transition:none}.profile-honor-trigger:hover{transform:none}.profile-honor-tooltip{animation:none}}.badge-art-large .profile-honor-gem{width:66px;height:74px}.badge-art-large .profile-honor-symbol{width:32px;height:32px}.badge-art-owner{isolation:isolate}.badge-art-owner .profile-honor-symbol{color:#080a10;filter:none}.badge-owner-aura{position:absolute;inset:8%;border-radius:50%;z-index:-1;background:conic-gradient(from 45deg,#15172066,#a39dbf99,#15172088,#c8c5dbaa,#15172066);filter:blur(6px);animation:badge-owner-breathe 4s ease-in-out infinite}.badge-art-large .badge-owner-aura{inset:2%;filter:blur(12px)}.badge-material-label{display:block;margin-top:.3rem;color:var(--text-secondary);font-size:.66rem;font-weight:650}.badge-tooltip-hint{display:block;border-top:1px solid rgb(var(--line));margin-top:.7rem;padding-top:.55rem;font-size:.62rem;color:var(--site-accent)}@keyframes badge-owner-breathe{0%,to{opacity:.5;transform:scale(.92) rotate(0)}50%{opacity:.9;transform:scale(1.18) rotate(22deg)}}@media (prefers-reduced-motion:reduce){.badge-owner-aura{animation:none;opacity:.65}}