.bag-tag-flip-wrapper{--card-landscape-ratio: 5/3;--card-portrait-ratio: 3/5;--card-max-width-landscape: 420px;--card-max-width-portrait: 320px;--card-frame-width: 8px;--card-frame-color: linear-gradient( 135deg, color-mix(in srgb, var(--card-theme-primary, #1a1a2e) 100%, white 0%) 0%, color-mix(in srgb, var(--card-theme-primary, #1a1a2e) 70%, white 30%) 25%, color-mix(in srgb, var(--card-theme-primary, #1a1a2e) 100%, white 0%) 50%, color-mix(in srgb, var(--card-theme-primary, #1a1a2e) 80%, black 20%) 75%, color-mix(in srgb, var(--card-theme-primary, #1a1a2e) 100%, white 0%) 100% );--card-inner-frame: 3px;--card-border-radius: 16px;--card-inner-radius: 12px;--card-shadow-rest: 0 4px 6px rgba(0, 0, 0, .1), 0 10px 20px rgba(0, 0, 0, .15), 0 0 0 1px color-mix(in srgb, var(--card-theme-primary, #1a1a2e) 30%, transparent 70%);--card-shadow-hover: 0 8px 16px rgba(0, 0, 0, .2), 0 20px 40px rgba(0, 0, 0, .25), 0 0 30px color-mix(in srgb, var(--card-theme-primary, #1a1a2e) 40%, transparent 60%), 0 0 0 1px color-mix(in srgb, var(--card-theme-primary, #1a1a2e) 50%, transparent 50%);--flip-duration: .6s;--flip-easing: cubic-bezier(.4, 0, .2, 1);--hover-duration: .3s;--holo-1: rgba(255, 0, 128, .3);--holo-2: rgba(0, 255, 128, .3);--holo-3: rgba(0, 128, 255, .3);--holo-4: rgba(255, 255, 0, .3)}.bag-tag-flip-wrapper{perspective:1500px;width:100%;max-width:var(--card-max-width-landscape);aspect-ratio:var(--card-landscape-ratio);margin:1.5rem auto;cursor:pointer;position:relative;transform-style:preserve-3d}.bag-tag-flip-wrapper.portrait{max-width:var(--card-max-width-portrait);aspect-ratio:var(--card-portrait-ratio)}.bag-tag-flip-wrapper.square{max-width:var(--card-max-width-portrait);aspect-ratio:1/1}.bag-tag-flipper{position:relative;width:100%;height:100%;transition:transform var(--flip-duration) var(--flip-easing);transform-style:preserve-3d}.bag-tag-front,.bag-tag-flip-side{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--card-border-radius);overflow:hidden;box-shadow:var(--card-shadow-rest);transition:box-shadow var(--hover-duration) ease}.bag-tag-front{z-index:2;transform:rotateY(0)}.bag-tag-flip-side{transform:rotateY(180deg)}.bag-tag-card{width:100%;height:100%;position:relative;overflow:hidden;border-radius:var(--card-border-radius);background:linear-gradient(145deg,#1a1a2e,#0f0f1a)}.bag-tag-card-frame{position:absolute;inset:0;padding:var(--card-frame-width);background:var(--card-frame-color);border-radius:var(--card-border-radius);box-shadow:inset 0 1px #fff6,inset 0 -1px #0000004d}.bag-tag-card-frame:before{content:"";position:absolute;inset:var(--card-frame-width);border:var(--card-inner-frame) solid rgba(0,0,0,.4);border-radius:var(--card-inner-radius);pointer-events:none}.bag-tag-card-art{position:relative;width:100%;height:100%;border-radius:var(--card-inner-radius);overflow:hidden;background:#0a0a12}.bag-tag-card-image{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:contrast(1.05) saturate(1.1);transition:transform .4s ease,filter .3s ease}.bag-tag-card-shine{position:absolute;inset:0;border-radius:var(--card-border-radius);pointer-events:none;z-index:10;opacity:0;background:linear-gradient(125deg,transparent 0%,var(--holo-1) 15%,transparent 25%,var(--holo-2) 35%,transparent 45%,var(--holo-3) 55%,transparent 65%,var(--holo-4) 75%,transparent 85%,var(--holo-1) 95%,transparent 100%);background-size:200% 200%;mix-blend-mode:color-dodge;transition:opacity .3s ease}.bag-tag-card-number{position:absolute;top:calc(var(--card-frame-width) + 12px);right:calc(var(--card-frame-width) + 12px);z-index:5}.bag-tag-card-number-value{display:flex;align-items:center;justify-content:center;min-width:56px;padding:8px 14px;font-family:Oswald,Bebas Neue,Impact,sans-serif;font-size:28px;font-weight:700;letter-spacing:1px;color:#8cff00;text-shadow:0 0 10px rgba(140,255,0,.8),0 2px 4px rgba(0,0,0,.8);background:linear-gradient(145deg,#000000d9,#14141ee6);border:2px solid rgba(140,255,0,.5);border-radius:8px;box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff1a,0 0 20px #8cff004d;backdrop-filter:blur(8px)}@media (hover: hover){.bag-tag-flip-wrapper:hover{transform:translateY(-4px)}.bag-tag-flip-wrapper:hover .bag-tag-front,.bag-tag-flip-wrapper:hover .bag-tag-flip-side{box-shadow:var(--card-shadow-hover)}.bag-tag-flip-wrapper:hover .bag-tag-card-shine{opacity:.6;animation:holoShine 3s ease infinite}.bag-tag-flip-wrapper:hover .bag-tag-card-image{transform:scale(1.02)}}.bag-tag-flip-wrapper.flipped .bag-tag-flipper{transform:rotateY(180deg)}.bag-tag-flip-button{position:absolute;bottom:calc(var(--card-frame-width, 8px) + 10px);left:calc(var(--card-frame-width, 8px) + 10px);z-index:20;display:flex;align-items:center;gap:6px;padding:8px 16px;font-family:Oswald,Bebas Neue,sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-decoration:none;color:#fff;background:#000000b3;border:1px solid rgba(255,255,255,.2);border-radius:20px;backdrop-filter:blur(8px);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000004d}.bag-tag-flip-button i{font-size:14px;transition:transform .3s ease}.bag-tag-flip-button:hover{background:#000000d9;border-color:#8cff0080;color:#8cff00;box-shadow:0 4px 12px #0006}.bag-tag-flip-button:hover i{transform:rotateY(180deg)}.bag-tag-flip-wrapper.flipped .bag-tag-flip-button .flip-text-front{display:none}.bag-tag-flip-wrapper.flipped .bag-tag-flip-button .flip-text-back{display:inline}.bag-tag-flip-wrapper:not(.flipped) .bag-tag-flip-button .flip-text-front{display:inline}.bag-tag-flip-wrapper:not(.flipped) .bag-tag-flip-button .flip-text-back{display:none}.bag-tag-collectible-container{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:var(--card-max-width-landscape, 420px);margin:0 auto}.bag-tag-collectible-container.portrait,.bag-tag-collectible-container.square{max-width:var(--card-max-width-portrait, 320px)}.bag-tag-detail-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.5px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#ec4899,#8b5cf6,#6366f1);border:none;border-radius:28px;box-shadow:0 4px 14px #6366f166,inset 0 1px #fff3;cursor:pointer;transition:all .3s ease;white-space:nowrap}.bag-tag-detail-link i{transition:transform .2s ease}@media (hover: hover){.bag-tag-detail-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f180,inset 0 1px #ffffff4d;filter:brightness(1.1)}.bag-tag-detail-link:hover i{transform:translate(4px)}}.bag-tag-detail-button{display:none!important}@keyframes holoShine{0%{background-position:200% 200%}to{background-position:-200% -200%}}.bag-tag-back{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;color:#fff;background:linear-gradient(145deg,#1a1a2e,#0f0f1a)}.bag-tag-back:before{content:"";position:absolute;inset:0;padding:var(--card-frame-width);background:var(--card-frame-color);border-radius:var(--card-border-radius);pointer-events:none;z-index:0}.bag-tag-back .bag-tag-back-image{position:absolute;inset:var(--card-frame-width);background-size:180px 180px;background-position:center;background-repeat:repeat;border-radius:var(--card-inner-radius);z-index:1;opacity:.9}.bag-tag-back .bag-tag-back-fallback-pattern{position:absolute;inset:var(--card-frame-width);background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 20px);border-radius:var(--card-inner-radius);z-index:1}.bag-tag-back .bag-tag-back-gradient{position:absolute;inset:var(--card-frame-width);border-radius:var(--card-inner-radius);opacity:.15;z-index:2}.bag-tag-back .bag-tag-back-overlay{position:absolute;inset:var(--card-frame-width);background:linear-gradient(180deg,#0000004d,#0000001a 30% 70%,#0006);border-radius:var(--card-inner-radius);pointer-events:none;z-index:3}.bag-tag-back>*:not(.bag-tag-back-image):not(.bag-tag-back-gradient):not(.bag-tag-back-overlay):not(.bag-tag-back-fallback-pattern):before{z-index:4}.bag-tag-back .bag-tag-back-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;padding:16px 20px;margin:var(--card-frame-width);margin-bottom:0;background:#0009;backdrop-filter:blur(8px);border-radius:var(--card-inner-radius) var(--card-inner-radius) 0 0;border-bottom:1px solid color-mix(in srgb,var(--card-theme-primary, #1a1a2e) 30%,transparent 70%)}.bag-tag-back .league-info{text-align:center}.bag-tag-back .league-name{margin:0;font-family:Oswald,Bebas Neue,sans-serif;font-size:18px;font-weight:700;line-height:1.2;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5);color:#fff}.bag-tag-back .league-dates{margin:4px 0 0;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase;opacity:.8;color:#d4af37e6}.bag-tag-back .bag-tag-back-stats{position:relative;z-index:10;display:flex;justify-content:center;align-items:center;padding:20px;margin:0 var(--card-frame-width)}.bag-tag-back .player-rating-section{text-align:center;padding:16px 32px;background:#00000080;backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(212,175,55,.3);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff1a}.bag-tag-back .rating-label{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;opacity:.7;margin-bottom:6px;color:#d4af37e6}.bag-tag-back .rating-value{font-family:Oswald,Bebas Neue,sans-serif;font-size:52px;font-weight:700;line-height:1;color:#8cff00;text-shadow:0 0 20px rgba(140,255,0,.6),0 3px 6px rgba(0,0,0,.5)}.bag-tag-back .bag-tag-back-center-content{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:12px 20px;margin:0 var(--card-frame-width)}.bag-tag-back .event-image-showcase{background:#0006;padding:12px;border-radius:12px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d}.bag-tag-back .event-image-large{width:auto;height:auto;max-width:180px;max-height:130px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));border-radius:6px}.bag-tag-back .logos-container{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.bag-tag-back .brand-logo-container,.bag-tag-back .disc-shop-logo-container{display:flex;align-items:center;justify-content:center;padding:10px 14px;background:#fffffff2;border-radius:10px;box-shadow:0 4px 12px #0003,inset 0 1px #fffc}.bag-tag-back .brand-logo,.bag-tag-back .disc-shop-logo{height:36px;width:auto;object-fit:contain;max-width:120px}.bag-tag-back .bag-tag-back-message{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px;margin:8px var(--card-frame-width);background:#0006;backdrop-filter:blur(4px);border-radius:10px;border:1px solid rgba(255,255,255,.1)}.bag-tag-back .back-message{margin:0 0 8px;font-size:15px;font-weight:500;line-height:1.5;text-shadow:0 2px 4px rgba(0,0,0,.5)}.bag-tag-back .message-date{margin:0;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;opacity:.6}.bag-tag-detail-button{position:absolute;bottom:calc(var(--card-frame-width) + 12px);left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.5px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#ec4899,#8b5cf6,#6366f1);border:none;border-radius:24px;box-shadow:0 4px 12px #6366f166,inset 0 1px #fff3;cursor:pointer;transition:all .3s ease;white-space:nowrap}.bag-tag-detail-button i{transition:transform .2s ease}@media (hover: hover){.bag-tag-detail-button:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 8px 20px #6366f180,inset 0 1px #ffffff4d;filter:brightness(1.1)}.bag-tag-detail-button:hover i{transform:translate(4px)}}.bag-tag-flip-wrapper.portrait{--card-frame-width: 6px}.bag-tag-flip-wrapper.portrait .bag-tag-card-number-value{font-size:24px;min-width:48px;padding:6px 12px}.bag-tag-flip-wrapper.portrait .bag-tag-back .league-name{font-size:15px}.bag-tag-flip-wrapper.portrait .bag-tag-back .league-dates{font-size:11px}.bag-tag-flip-wrapper.portrait .bag-tag-back .rating-value{font-size:44px}.bag-tag-flip-wrapper.portrait .bag-tag-back .event-image-large{max-width:140px;max-height:100px}.bag-tag-flip-wrapper.portrait .bag-tag-back .brand-logo,.bag-tag-flip-wrapper.portrait .bag-tag-back .disc-shop-logo{height:28px;max-width:100px}.bag-tag-flip-wrapper.portrait .bag-tag-back .back-message{font-size:13px}.bag-tag-card.bag-tag-small{--card-frame-width: 4px}.bag-tag-small .bag-tag-card-number-value{font-size:18px;min-width:36px;padding:4px 8px}@media (max-width: 480px){.bag-tag-flip-wrapper{--card-frame-width: 6px;--card-border-radius: 12px;--card-inner-radius: 8px;margin:1rem auto}.bag-tag-card-number{top:calc(var(--card-frame-width) + 8px);right:calc(var(--card-frame-width) + 8px)}.bag-tag-card-number-value{font-size:22px;min-width:44px;padding:6px 10px}.bag-tag-back .bag-tag-back-header{padding:12px 16px}.bag-tag-back .league-name{font-size:14px}.bag-tag-back .rating-value{font-size:40px}.bag-tag-back .player-rating-section{padding:12px 24px}.bag-tag-detail-button{padding:8px 18px;font-size:12px}}@media (hover: none){.bag-tag-flip-wrapper{cursor:default}.bag-tag-card-shine{display:none}}@media (prefers-reduced-motion: reduce){.bag-tag-flipper{transition:none}.bag-tag-card-shine{display:none}.bag-tag-flip-wrapper:hover{transform:none}.bag-tag-card-image{transition:none}}@media (forced-colors: active){.bag-tag-card-frame{background:CanvasText}.bag-tag-card-number-value{border:2px solid CanvasText;background:Canvas;color:CanvasText}.bag-tag-detail-button{border:2px solid CanvasText}}[data-bs-theme=dark] .bag-tag-flip-wrapper{--card-shadow-rest: 0 4px 6px rgba(0, 0, 0, .2), 0 10px 20px rgba(0, 0, 0, .3), 0 0 0 1px rgba(212, 175, 55, .4);--card-shadow-hover: 0 8px 16px rgba(0, 0, 0, .3), 0 20px 40px rgba(0, 0, 0, .4), 0 0 40px rgba(212, 175, 55, .5), 0 0 0 1px rgba(212, 175, 55, .6)}@media print{.bag-tag-flip-wrapper{perspective:none;page-break-inside:avoid;box-shadow:none}.bag-tag-flipper{transform-style:flat}.bag-tag-flip-side,.bag-tag-detail-button,.bag-tag-card-shine{display:none}.bag-tag-card-frame{background:#d4af37;print-color-adjust:exact;-webkit-print-color-adjust:exact}}.bag-tag-card-image{transition:opacity .3s ease-in-out,transform .4s ease}.bag-tag-card-image.lazyloading{opacity:.7}.bag-tag-card-image.lazyloaded{opacity:1}