.bp-trophies{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px}.bp-trophy{position:relative;min-width:0;padding:2px 2px 4px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:11px;font-weight:700;line-height:1.25;outline-offset:2px}.bp-trophy .bp-gem{position:relative;overflow:hidden;width:36px;height:36px;margin:8px;transition:transform .35s cubic-bezier(.2,1.5,.4,1)}.bp-trophy .bp-gem:after{content:"";position:absolute;inset:-40%;background:linear-gradient(90deg,transparent 35%,color-mix(in srgb,var(--surface) 70%,transparent) 50%,transparent 65%);transform:translateX(-120%)}.bp-trophy:focus-visible .bp-gem,.bp-trophy:hover .bp-gem{transform:rotate(45deg) translate(-3px,-3px) scale(1.08)}.bp-trophy:not(.bp-trophy--locked):focus-visible .bp-gem:after,.bp-trophy:not(.bp-trophy--locked):hover .bp-gem:after{animation:bp-trophy-sheen .7s ease-out}.bp-trophy--locked{color:var(--text-faint);font-weight:600}.bp-trophy--locked:focus-visible .bp-gem,.bp-trophy--locked:hover .bp-gem{transform:rotate(45deg) scale(1.04)}.bp-trophy__name{max-width:100%;overflow-wrap:anywhere}.bp-trophy__tip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:normal}.bp-trophy:focus-visible .bp-trophy__tip,.bp-trophy:hover .bp-trophy__tip{z-index:5;left:50%;bottom:calc(100% + 4px);width:max-content;max-width:180px;height:auto;padding:8px 10px;overflow:visible;clip-path:none;border-radius:var(--radius-md);background:var(--ink);color:var(--surface);font-size:12px;font-weight:600;text-align:left;box-shadow:var(--shadow-raised);transform:translateX(calc(-50% + var(--tip-dx, 0px)));animation:bp-trophy-tip .18s ease-out}.bp-trophies>:nth-child(4n+1) .bp-trophy__tip{left:0!important;transform:translateX(var(--tip-dx,0))!important}.bp-trophies>:nth-child(4n) .bp-trophy__tip{left:auto!important;right:0;transform:translateX(var(--tip-dx,0))!important}@media (min-width:621px){.bp-trophies--wide{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.bp-trophies--wide>* .bp-trophy__tip{left:50%!important;right:auto;transform:translateX(calc(-50% + var(--tip-dx, 0px)))!important}}.bp-trophy__state{font:var(--badge);letter-spacing:var(--badge-ls);text-transform:uppercase;opacity:.75}.bp-trophy__count{margin-top:2px;font-variant-numeric:tabular-nums;opacity:.75}.bp-trophy--new .bp-gem{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--xp),0 0 18px 4px color-mix(in srgb,var(--xp) 45%,transparent);animation:bp-trophy-glow 1.1s ease-in-out 3}.bp-trophy__new{position:absolute;top:-4px;right:0;padding:2px 6px;border-radius:var(--radius-pill);background:var(--xp);color:var(--on-rarity);font:var(--badge);letter-spacing:var(--badge-ls);text-transform:uppercase}@keyframes bp-trophy-sheen{to{transform:translateX(120%)}}@keyframes bp-trophy-tip{0%{opacity:0}to{opacity:1}}@keyframes bp-trophy-glow{50%{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--xp),0 0 26px 10px color-mix(in srgb,var(--xp) 60%,transparent)}}