@keyframes bon-badge-rarity-glow{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:.92;transform:scale(1.06)}}@keyframes bon-badge-rarity-shimmer{0%{opacity:.15;transform:translate(-36%)translateY(-8%)rotate(8deg)}45%{opacity:.55}to{opacity:.12;transform:translate(36%)translateY(8%)rotate(8deg)}}@keyframes bon-badge-rarity-ring{0%,to{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes bon-badge-rarity-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bon-badge-rarity-secret-flicker{0%,72%,to{opacity:.35;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity-aura) 28%, transparent)}78%{opacity:.9;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity-aura) 62%, transparent), 0 0 10px color-mix(in srgb, var(--rarity-aura) 18%, transparent)}}@keyframes bon-ss-rarity-tile-glow{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}@media (prefers-reduced-motion:reduce){.bon-badge-rarity-stage:before,.bon-badge-rarity-stage:after,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--epic,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--unique,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--singular,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--legendary,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--mythic,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--secret{animation:none!important}.bon-badge-rarity-stage--tier-1:before,.bon-badge-rarity-stage--tier-2:before,.bon-badge-rarity-stage--tier-3:before,.bon-badge-rarity-stage--tier-4:before,.bon-badge-rarity-stage--tier-5:before{opacity:.5;transform:none}.bon-badge-rarity-stage--tier-3:after,.bon-badge-rarity-stage--tier-4:after,.bon-badge-rarity-stage--tier-5:after{opacity:.35;transform:none}}.bon-badge-chip{vertical-align:middle;align-items:center;gap:.35rem;max-width:100%;display:inline-flex}.bon-badge-chip--stack{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%}.bon-badge-chip--stack .bon-badge-chip__name{white-space:normal;text-align:center;max-width:100%;line-height:1.35}.bon-badge-chip__name{color:var(--bon-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:11rem;font-size:.8125rem;font-weight:600;overflow:hidden}.bon-badge-chip-row{vertical-align:middle;align-items:center;gap:.2rem;margin-inline-start:.35rem;display:inline-flex}.bon-badge-rarity-stage{--rarity-aura:var(--accent,#5b7cfa);vertical-align:middle;isolation:isolate;justify-content:center;align-items:center;line-height:0;display:inline-flex;position:relative}.bon-badge-rarity-stage:before,.bon-badge-rarity-stage:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:absolute}.bon-badge-rarity-stage:before{opacity:0;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--rarity-aura) 42%, transparent) 0%, color-mix(in srgb, var(--rarity-aura) 12%, transparent) 52%, transparent 72%);filter:blur(.5px);inset:-22%}.bon-badge-rarity-stage:after{opacity:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity-aura) 0%, transparent);inset:-10%}.bon-badge-rarity-stage>.bon-badge-visual{z-index:1;position:relative}.bon-badge-rarity-stage--notable{--rarity-aura:#14b8a6}.bon-badge-rarity-stage--seasonal{--rarity-aura:#e8a23a}.bon-badge-rarity-stage--rare{--rarity-aura:#5b7cfa}.bon-badge-rarity-stage--epic{--rarity-aura:#a855f7}.bon-badge-rarity-stage--unique{--rarity-aura:#c45bff}.bon-badge-rarity-stage--singular{--rarity-aura:#f43f5e}.bon-badge-rarity-stage--legendary{--rarity-aura:#ff5c8a}.bon-badge-rarity-stage--mythic{--rarity-aura:#f43f5e}.bon-badge-rarity-stage--secret{--rarity-aura:#64748b}.bon-badge-rarity-stage--tier-1:before{opacity:.55}.bon-badge-rarity-stage--tier-2:before{opacity:.62;animation:2.8s ease-in-out infinite bon-badge-rarity-glow}.bon-badge-rarity-stage--tier-3:before{opacity:.72;animation:2.2s ease-in-out infinite bon-badge-rarity-glow}.bon-badge-rarity-stage--tier-3:after{opacity:1;mix-blend-mode:screen;background:linear-gradient(120deg,#0000 38%,#ffffff6b 50%,#0000 62%);animation:2.6s ease-in-out infinite bon-badge-rarity-shimmer;overflow:hidden}.bon-badge-rarity-stage--tier-4:before{opacity:.78;animation:1.9s ease-in-out infinite bon-badge-rarity-glow}.bon-badge-rarity-stage--tier-4:after{opacity:1;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity-aura) 48%, transparent), 0 0 12px color-mix(in srgb, var(--rarity-aura) 22%, transparent);animation:2.4s ease-in-out infinite bon-badge-rarity-ring}.bon-badge-rarity-stage--secret.bon-badge-rarity-stage--tier-4:after{mix-blend-mode:normal;background:0 0;animation:3.2s ease-in-out infinite bon-badge-rarity-secret-flicker}.bon-badge-rarity-stage--tier-5:before{opacity:.85;animation:1.5s ease-in-out infinite bon-badge-rarity-glow;inset:-30%}.bon-badge-rarity-stage--tier-5:after{opacity:1;background:conic-gradient(from 0deg, color-mix(in srgb, var(--rarity-aura) 0%, transparent) 0deg, color-mix(in srgb, var(--rarity-aura) 72%, white) 72deg, color-mix(in srgb, var(--rarity-aura) 0%, transparent) 144deg, color-mix(in srgb, var(--rarity-aura) 55%, #fff) 216deg, color-mix(in srgb, var(--rarity-aura) 0%, transparent) 288deg, color-mix(in srgb, var(--rarity-aura) 72%, white) 360deg);animation:3.5s linear infinite bon-badge-rarity-orbit;inset:-14%;-webkit-mask:radial-gradient(circle,#0000 62%,#000 66%);mask:radial-gradient(circle,#0000 62%,#000 66%)}.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--epic,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--unique,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--singular,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--legendary,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--mythic,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--secret{animation:2.2s ease-in-out infinite bon-ss-rarity-tile-glow}.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--legendary,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--mythic{animation:1.6s ease-in-out infinite bon-ss-rarity-tile-glow}@media (prefers-reduced-motion:reduce){.bon-badge-rarity-stage:before,.bon-badge-rarity-stage:after,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--epic,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--unique,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--singular,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--legendary,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--mythic,.bon-ss-rarity-tile.is-selected.bon-ss-rarity-tile--secret{animation:none!important}.bon-badge-rarity-stage--tier-1:before,.bon-badge-rarity-stage--tier-2:before,.bon-badge-rarity-stage--tier-3:before,.bon-badge-rarity-stage--tier-4:before,.bon-badge-rarity-stage--tier-5:before{opacity:.5;transform:none}.bon-badge-rarity-stage--tier-3:after,.bon-badge-rarity-stage--tier-4:after,.bon-badge-rarity-stage--tier-5:after{opacity:.35;transform:none}}.bon-badge-detail-card{padding:var(--bon-space-3);border-radius:var(--bon-radius-md);background:var(--bon-surface-2);color:var(--bon-text-primary);text-align:center;border:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:.5rem;max-width:18rem;display:flex;box-shadow:0 18px 48px #00000085}.bon-badge-detail-card:focus,.bon-badge-detail-card:focus-visible{outline:none}.bon-badge-detail-card__visual{justify-content:center;align-items:center;margin:.1rem 0;line-height:0;display:flex}.bon-badge-detail-card__kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--bon-text-tertiary);margin:0;font-size:.6875rem;font-weight:800;line-height:1.25}.bon-badge-detail-card__title{color:var(--bon-text-primary);margin:0;font-size:.9375rem;font-weight:700;line-height:1.3}.bon-badge-detail-card__rarity{border-radius:var(--bon-radius-pill,999px);letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;min-height:1.625rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 18%, transparent);justify-content:center;align-self:center;align-items:center;margin:0;padding:.22rem .6rem;font-size:.625rem;font-weight:800;line-height:1;display:inline-flex}.bon-badge-detail-card__edition{color:color-mix(in srgb, var(--accent) 72%, var(--bon-text-primary));text-align:center;align-self:stretch;margin:0;font-size:.75rem;font-weight:650;line-height:1.4}.bon-badge-detail-card__edition--singular{color:color-mix(in srgb, #f43f5e 78%, var(--bon-text-primary));border-radius:var(--bon-radius-md);background:color-mix(in srgb, #f43f5e 10%, var(--bon-surface-1));padding:.35rem .5rem;font-weight:800;box-shadow:inset 0 0 0 1px #f43f5e38}.bon-badge-detail-card__body{color:var(--bon-text-secondary);-webkit-line-clamp:4;text-align:center;text-wrap:pretty;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;align-self:stretch;margin:0;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.bon-badge-detail-card__body--secret{color:var(--bon-text-tertiary);font-style:italic}.bon-badge-detail-card__footer{color:var(--bon-text-tertiary);text-align:center;margin:0;font-size:.6875rem;line-height:1.35}.bon-badge-detail-card-wrap{vertical-align:middle;width:fit-content;max-width:100%;display:inline-flex;position:relative}.bon-badge-detail-card-trigger{cursor:pointer;border-radius:var(--bon-radius-sm);width:auto;max-width:100%;box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;display:inline-flex}.bon-badge-detail-card-trigger:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.bon-badge-detail-card-popover,.bon-badge-detail-card-sheet-host,.bon-badge-detail-card-popover:focus,.bon-badge-detail-card-popover:focus-visible,.bon-badge-detail-card-sheet-host:focus,.bon-badge-detail-card-sheet-host:focus-visible{outline:none}.bon-badge-detail-card-popover{z-index:1400;top:var(--bon-badge-detail-top,0);left:var(--bon-badge-detail-left,0);pointer-events:auto;width:max-content;max-width:min(18rem,100vw - 1rem);position:fixed}.bon-badge-detail-card-backdrop{z-index:1395;background:color-mix(in srgb, var(--bon-text-primary) 28%, transparent);position:fixed;inset:0}.bon-badge-detail-card--sheet{z-index:1400;border-radius:var(--bon-radius-lg) var(--bon-radius-lg) 0 0;width:auto;max-width:none;padding-bottom:calc(var(--bon-space-3) + env(safe-area-inset-bottom,0px));margin:0;animation:.2s bon-badge-detail-sheet-in;position:fixed;bottom:0;left:0;right:0}@keyframes bon-badge-detail-sheet-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.bon-badge-detail-card--sheet{animation:none}}
