@layer components{.card-image{background-image:linear-gradient(90deg, var(--bg-elev) 0%, var(--bg-elev-2) 50%, var(--bg-elev) 100%);background-size:200% 100%;animation:1.6s ease-in-out infinite shimmer}.card-image.is-loaded{background-image:none;animation:none}@media (prefers-reduced-motion:reduce){.card-image{animation:none}}.slab-svg{--slab-accent:var(--cell-tint,var(--rarity-common));width:100%;height:100%;display:block}.slab-svg__body{fill:color-mix(in srgb, var(--slab-accent) 78%, #fff);stroke:color-mix(in srgb, var(--slab-accent) 88%, #fff);stroke-width:1.5px}.slab-svg__label-rim{fill:color-mix(in srgb, var(--slab-accent) 88%, #000);stroke:#00000047;stroke-width:1px}.slab-svg__window{fill:#0006}.slab-svg__seam{fill:#0000006b}.slab-svg__seam-hi{fill:#ffffff29}.slab-svg__grade{font-family:var(--font-mono);letter-spacing:0;fill:color-mix(in srgb, var(--slab-accent) 30%, #fff);font-size:9px;font-weight:400}.slab-svg__name{font-family:var(--font-mono);letter-spacing:0;fill:color-mix(in srgb, var(--slab-accent) 16%, #fff);font-size:8px;font-weight:400}.slab-svg__grade--sub{fill:color-mix(in srgb, var(--slab-accent) 44%, #fff);font-size:6.5px}.slab-svg__mark{fill:color-mix(in srgb, var(--slab-accent) 52%, #000)}.slab-svg__panel-top{stop-color:color-mix(in srgb, var(--slab-accent) 72%, #fff)}.slab-svg__panel-bot{stop-color:color-mix(in srgb, var(--slab-accent) 88%, #fff)}.spin-reel{--spin-cell-w:96px;pointer-events:none;align-items:center;width:100%;height:100%;transition:scale .5s ease-in;display:flex;position:relative;overflow:hidden}.spin-reel.is-tense{transition:scale .45s cubic-bezier(.34,1.4,.64,1);scale:1.05}.spin-reel.is-tense-grail{animation:.6s cubic-bezier(.34,1.56,.64,1) spin-reel-grail-pop}@keyframes spin-reel-grail-pop{0%{scale:1.05}45%{scale:1.12}to{scale:1.05}}.spin-reel.is-tense .spin-reel__track{animation:.1s ease-in-out infinite spin-reel-tension-shake}.spin-reel.is-snap-lock{transition:none;scale:1}.spin-reel.is-snap-lock .spin-reel__track{animation:none;translate:0}@keyframes spin-reel-tension-shake{0%,to{translate:0}25%{translate:-1.5px 1px}75%{translate:1.5px -1px}}@media (prefers-reduced-motion:reduce){.spin-reel,.spin-reel.is-tense{transition:none;scale:1}.spin-reel.is-tense .spin-reel__track,.spin-reel.is-tense-grail{animation:none}}.spin-reel__track{will-change:transform;pointer-events:none;gap:10px;display:flex;position:relative}.spin-reel__active-highlight{width:var(--spin-cell-w,96px);height:calc(var(--spin-cell-w,96px) * var(--cell-h-over-w,1.4));pointer-events:none;will-change:transform;z-index:4;border-radius:2px;position:absolute;top:0;left:0;transform:translate(-9999px);box-shadow:inset 0 0 0 3px #fffffff2,inset 0 0 7px #ffffff80,inset 0 0 16px #ffffff52}.spin-reel__cell{--cell-tint:var(--rarity-common);contain:layout paint;flex:0 0 var(--spin-cell-w,96px);aspect-ratio:1 / var(--cell-h-over-w,1.4);--slab-accent:var(--cell-tint);background:0 0;border-radius:2px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000073}.spin-reel__cell:before{content:"";opacity:.45;pointer-events:none;background:conic-gradient(from 200deg,#ffdc6466,#50dcff66,#ff6ed266,#8cffaa66,#b48cff66,#ffdc6466);position:absolute;inset:0}.spin-reel__cell:after{content:"";opacity:.75;pointer-events:none;background:linear-gradient(135deg,#0000 28%,#ffffff1f 40%,#ffffff52 50%,#ffffff1f 60%,#0000 72%);position:absolute;inset:0}.spin-reel__cell:before,.spin-reel__cell:after{content:none}.spin-reel__cell.is-common{--cell-tint:var(--rarity-common)}.spin-reel__cell.is-uncommon{--cell-tint:var(--rarity-uncommon)}.spin-reel__cell.is-rare{--cell-tint:var(--rarity-rare)}.spin-reel__cell.is-epic{--cell-tint:var(--rarity-epic)}.spin-reel__cell.is-mythic{--cell-tint:var(--rarity-mythic)}.spin-reel__cell.is-grail{--cell-tint:var(--rarity-grail)}.spin-reel__cell-brand{z-index:2;color:color-mix(in oklab, var(--cell-tint), white 78%);opacity:.78;-webkit-user-select:none;user-select:none;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.spin-reel__cell-icon{aspect-ratio:1925.89/1347.78;width:94px;height:auto;display:block}.spin-reel__cell.is-image{--cell-tint:var(--rarity-grail);min-width:0;min-height:0}.spin-reel__cell-photo{width:100%;height:100%}.spin-reel__cell.is-image img,.spin-reel__cell.is-image picture{object-fit:contain;width:100%;height:100%;display:block}.spin-reel__pointer{width:2px;height:calc(var(--spin-cell-w,96px) * var(--cell-h-over-w,1.4) + 48px);background:var(--blue);pointer-events:none;z-index:3;box-shadow:0 0 6px var(--blue), 0 0 14px var(--blue-soft);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spin-reel__pointer:before,.spin-reel__pointer:after{content:"";width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.spin-reel__pointer:before{border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--blue);top:-8px}.spin-reel__pointer:after{border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:8px solid var(--blue);bottom:-8px}.spin-reel__fades{pointer-events:none;z-index:5;background:linear-gradient(to right, var(--bg,#0a0a0a) 0, transparent 60px, transparent calc(100% - 60px), var(--bg,#0a0a0a) 100%);position:absolute;inset:0}.spin-reel--vertical{flex-direction:column;align-items:center}.spin-reel--vertical .spin-reel__track{width:var(--spin-cell-w,96px);flex-direction:column;align-items:center}.spin-reel--vertical .spin-reel__cell{flex:0 0 calc(var(--spin-cell-w,96px) * var(--cell-h-over-w,1.4));width:var(--spin-cell-w,96px)}.spin-reel--vertical .spin-reel__active-highlight{width:var(--spin-cell-w,96px);height:calc(var(--spin-cell-w,96px) * var(--cell-h-over-w,1.4));top:0;left:0;transform:translateY(-9999px)}.spin-reel--vertical .spin-reel__pointer{top:calc(var(--reel-cursor-fraction,.5) * 100%);width:calc(var(--spin-cell-w,96px) + 120px);height:2px}.spin-reel--vertical .spin-reel__pointer:before,.spin-reel--vertical .spin-reel__pointer:after{width:0;height:0;top:50%;left:auto;transform:translateY(-50%)}.spin-reel--vertical .spin-reel__pointer:before{border-right:none;border-left:8px solid var(--blue);border-top:3px solid #0000;border-bottom:3px solid #0000;left:-6px}.spin-reel--vertical .spin-reel__pointer:after{border-left:none;border-right:8px solid var(--blue);border-top:3px solid #0000;border-bottom:3px solid #0000;bottom:auto;left:auto;right:-6px}.spin-reel--vertical .spin-reel__fades{background:linear-gradient(to bottom, var(--bg,#0a0a0a) 0, transparent 60px, transparent calc(100% - 60px), var(--bg,#0a0a0a) 100%);inset:-150px 0}@media (width<=768px){.spin-reel__cell,.spin-reel__cell.is-common,.spin-reel__cell.is-uncommon,.spin-reel__cell.is-rare,.spin-reel__cell.is-epic,.spin-reel__cell.is-mythic,.spin-reel__cell.is-grail{background:var(--cell-tint);box-shadow:0 4px 14px #00000073}}.spin-reel--vertical{clip-path:inset(-150px 0);overflow:visible}@media (width>=900px){.spin-reel{clip-path:inset(0 calc(-1 * var(--spin-cell-w,96px)));overflow:visible}.spin-reel__fades{inset:0 calc(-1 * var(--spin-cell-w,96px));background:linear-gradient(to right, var(--bg,#0a0a0a) 0, transparent 164px, transparent calc(100% - 164px), var(--bg,#0a0a0a) 100%)}.spin-reel--vertical{clip-path:inset(-150px 0)}.spin-reel--vertical .spin-reel__fades{background:linear-gradient(to bottom, var(--bg,#0a0a0a) 0, transparent 164px, transparent calc(100% - 164px), var(--bg,#0a0a0a) 100%);inset:-150px 0}}}.spin-reel.is-image-mode .card-image--raw{transform:none}