.bag-tags-display-wrapper{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;margin-bottom:1rem;position:relative;z-index:1}.bag-tag-wrapper{flex:0 1 auto}@media (min-width: 1024px){.bag-tags-display-wrapper{justify-content:space-between}}@media (min-width: 768px) and (max-width: 1023px){.bag-tags-display-wrapper{justify-content:center;width:100%;flex-wrap:wrap}.bag-tag-compact{max-width:20rem}}.bag-tag-compact{display:inline-flex;align-items:stretch;gap:1rem;padding:0;background:linear-gradient(135deg,#1e1e28e6,#14141ef2);border:2px solid var(--league-contrast, rgba(255, 215, 0, .2));border-radius:1rem;text-decoration:none;color:inherit;transition:all .3s ease;font-size:.9rem;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a;height:7.875rem;opacity:.9}.bag-tag-compact:hover{border-color:var(--league-contrast, rgba(255, 215, 0, .4));transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px var(--league-contrast, rgba(255, 215, 0, .2)),0 4px 12px #00000026;text-decoration:none;color:inherit;opacity:1}.bag-tag-compact__artwork{position:relative;width:4.5rem;height:7.875rem;border-radius:.875rem 0 0 .875rem;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#0f0f1e);flex-shrink:0;border-right:1px solid var(--league-contrast, rgba(255, 215, 0, .15))}.bag-tag-compact__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.bag-tag-compact:hover .bag-tag-compact__image{transform:scale(1.05)}.bag-tag-compact--current{border-color:#6366f14d;background:linear-gradient(135deg,#1e1e32e6,#191928f2)}.bag-tag-compact--current:hover{border-color:#6366f180;box-shadow:0 8px 24px #6366f133,0 4px 12px #00000026}.bag-tag-compact--current .bag-tag-compact__badge i{color:#6366f1}.bag-tag-compact__content{display:flex;flex-direction:column;justify-content:center;padding:.75rem 1rem;gap:.375rem;min-width:10rem;flex:1}.bag-tag-compact__badge{display:flex;align-items:center;gap:.5rem}.bag-tag-compact__badge i{color:gold;font-size:1rem}.bag-tag-compact__number{font-size:1.25rem;color:gold;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.2)}.bag-tag-compact__info{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.bag-tag-compact__tag-name{font-size:.7rem;text-transform:uppercase;letter-spacing:.75px;opacity:.9;color:#fff;font-weight:600;line-height:1.2;word-wrap:break-word;max-width:12rem;text-align:left}.bag-tag-compact__player{font-weight:700;color:#fff;font-size:1rem;display:flex;align-items:center;gap:.375rem}.bag-tag-compact__player-avatar{width:1.25rem;height:1.25rem;border-radius:50%;object-fit:cover;border:1px solid var(--league-contrast, rgba(255, 215, 0, .3))}.bag-tag-compact__empty{font-style:italic;opacity:.6;color:#fff;font-size:1rem}[data-bs-theme=dark] .bag-tag-compact{background:linear-gradient(135deg,#1e1e28cc,#14141ee6);border-color:#ffd70026}[data-bs-theme=dark] .bag-tag-compact:hover{border-color:#ffd7004d;box-shadow:0 8px 24px #ffd70026,0 4px 12px #0000004d}[data-bs-theme=dark] .bag-tag-compact__artwork{background:linear-gradient(135deg,#0a0a0f,#050508);border-right-color:#ffd7001a}@media (max-width: 767px){.bag-tags-display-wrapper{margin-top:1rem;margin-bottom:0;width:100%;flex-direction:column;gap:.75rem}.bag-tag-compact{font-size:.875rem;gap:1rem;width:100%;height:5.5rem;display:flex;border-radius:.75rem}.bag-tag-compact__artwork{width:3.15rem;height:5.5rem;border-radius:.625rem 0 0 .625rem}.bag-tag-compact__content{padding:.75rem;min-width:0;flex:1}.bag-tag-compact__badge{gap:.375rem}.bag-tag-compact__badge i,.bag-tag-compact__number{font-size:.9rem}.bag-tag-compact__info{gap:.2rem}.bag-tag-compact__tag-name{font-size:.65rem;max-width:none;letter-spacing:.5px}.bag-tag-compact__player,.bag-tag-compact__empty{font-size:.875rem}.bag-tag-compact__player-avatar{width:1.125rem;height:1.125rem}}