.reel-stage{gap:0;display:grid}.reel-stack{isolation:isolate;padding:var(--space-3) 0;border-radius:var(--radius-xl);background:radial-gradient(60% 90% at 50% 50%, color-mix(in srgb, var(--scene,var(--accent)) 13%, transparent), transparent 72%), var(--bg-sunken);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--scene,var(--accent)) 28%, transparent), inset 0 2px 18px #0000008c, 0 0 60px color-mix(in srgb, var(--scene,var(--accent)) 9%, transparent);position:relative;overflow:hidden}.reel-lanes{z-index:1;gap:var(--lane-gap,0);display:grid;position:relative}.reel-stack-md{--lane-gap:6px}.reel-stack-sm{--lane-gap:4px}.reel-stack-xs{--lane-gap:2px;padding:var(--space-2) 0}.reel-marker{z-index:4;background:var(--accent);width:2px;box-shadow:0 0 18px 2px color-mix(in srgb, var(--accent) 80%, transparent);pointer-events:none;transition:background-color .25s var(--ease), box-shadow .25s var(--ease);border-radius:2px;position:absolute;top:6px;bottom:6px;left:50%;transform:translate(-50%)}.reel-marker:before,.reel-marker:after{content:"";border:7px solid #0000;position:absolute;left:-6px}.reel-marker:before{border-top-color:var(--accent);top:-6px}.reel-marker:after{border-bottom-color:var(--accent);bottom:-6px}.reel{--tile:150px;--art:88px;--tile-ratio:3 / 4;--tile-gap:10px;--pad-y:18px;padding:var(--pad-y) 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16% 84%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 16% 84%,#0000 100%)}.reel-md{--tile:112px;--art:56px;--tile-ratio:1 / 1.08;--tile-gap:8px;--pad-y:8px}.reel-sm{--tile:92px;--art:44px;--tile-ratio:1 / 1;--tile-gap:6px;--pad-y:6px}.reel-xs{--tile:64px;--art:32px;--tile-ratio:1 / 1;--tile-gap:4px;--pad-y:4px}@media (max-width:560px){.reel{--tile:118px;--art:64px;--pad-y:14px}.reel-md{--tile:96px;--art:48px;--pad-y:7px}.reel-sm{--tile:78px;--art:38px;--pad-y:5px}.reel-xs{--tile:56px;--art:28px;--pad-y:3px}}.reel-track{gap:var(--tile-gap);will-change:transform;width:max-content;display:flex;transform:translate(0,0)}@media (prefers-reduced-motion:reduce){.reel .reel-track{transition-duration:var(--reel-ms,1.5s)!important}}.reel-tile{flex:0 0 var(--tile);width:var(--tile);aspect-ratio:var(--tile-ratio);border-radius:var(--radius-lg);color:var(--rarity,var(--accent));text-align:center;background:linear-gradient(180deg, color-mix(in srgb, currentColor 14%, transparent), transparent 55%), var(--bg-raised);box-shadow:var(--shadow-1), inset 0 0 0 1px color-mix(in srgb, currentColor 22%, transparent);transition:opacity .3s var(--ease), filter .3s var(--ease);align-content:center;place-items:center;gap:4px;padding:8px 6px 10px;display:grid;position:relative;overflow:hidden}.reel-sm .reel-tile,.reel-xs .reel-tile{border-radius:var(--radius-md);gap:2px;padding:4px 4px 7px}.reel-tile-glow{z-index:0;pointer-events:none;background:radial-gradient(56% 46% at 50% 40%, color-mix(in srgb, currentColor 30%, transparent), transparent 72%);position:absolute;inset:0}.reel-tile>:not(.reel-tile-glow):not(.reel-tile-bar){z-index:1;position:relative}.reel-tile .item-art{filter:drop-shadow(0 6px 12px #0000008c);width:var(--art)!important;height:var(--art)!important}.reel-tile-bar{z-index:1;background:currentColor;height:3px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 12px 1px}.reel-tile-name{-webkit-line-clamp:2;width:100%;color:var(--text-primary);-webkit-box-orient:vertical;font-size:13px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.reel-md .reel-tile-name,.reel-sm .reel-tile-name{-webkit-line-clamp:1;font-size:12px}.reel-tile-value{color:currentColor;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:800}.reel-md .reel-tile-value,.reel-sm .reel-tile-value,.reel-xs .reel-tile-value{font-size:12px}@media (max-width:560px){.reel-tile-name{font-size:12px}.reel-tile-value{font-size:13px}.reel-sm .reel-tile-name{display:none}}.reel-stack:not(.is-spinning):not(.moment) .reel-marker{opacity:.6}.reel.is-spinning .reel-tile{filter:brightness(.9)saturate(.95)}.reel-tile.is-teaser{box-shadow:var(--shadow-1), inset 0 0 0 1.5px currentColor, 0 0 30px -4px color-mix(in srgb, currentColor 60%, transparent)}.reel.is-spinning .reel-tile.is-teaser{filter:none}.reel.is-landed .reel-tile:not(.is-result){opacity:.38;filter:saturate(.7)}.reel.is-landed .reel-tile.is-teaser{opacity:.75;filter:none}.reel.is-landed .reel-tile.is-result{box-shadow:inset 0 0 0 2px currentColor, inset 0 0 24px color-mix(in srgb, currentColor 34%, transparent), 0 0 28px -2px color-mix(in srgb, currentColor 70%, transparent);animation:reel-result-pop .6s var(--ease-out) both}.reel.is-landed .reel-tile.is-result .item-art{filter:drop-shadow(0 6px 14px #00000080) drop-shadow(0 0 14px color-mix(in srgb, currentColor 70%, transparent))}@keyframes reel-result-pop{0%{transform:scale(1)}35%{transform:scale(1.1)}65%{transform:scale(.98)}to{transform:scale(1.04)}}.reel.landed-mythic .reel-tile.is-result:after,.reel.landed-legendary .reel-tile.is-result:after{content:"";z-index:2;pointer-events:none;animation:reel-shine 1.1s .25s var(--ease-out) both;background:linear-gradient(105deg,#0000 30%,#ffffff80 48%,#0000 66%);position:absolute;inset:0;transform:translate(-120%)}@keyframes reel-shine{to{transform:translate(120%)}}.reel-stack.moment .reel-marker{background:var(--rarity);box-shadow:0 0 22px 3px color-mix(in srgb, var(--rarity) 85%, transparent)}.reel-stack.moment .reel-marker:before{border-top-color:var(--rarity)}.reel-stack.moment .reel-marker:after{border-bottom-color:var(--rarity)}.reel-stack:not(.is-spinning) .reel-marker{box-shadow:none;background:0 0}.reel-stack.moment{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity) 55%, transparent), inset 0 2px 18px #0000008c, 0 0 70px color-mix(in srgb, var(--rarity) 22%, transparent);transition:box-shadow .35s var(--ease)}.reel-flash{z-index:3;pointer-events:none;background:radial-gradient(42% 70% at 50% 50%, color-mix(in srgb, var(--rarity) 55%, transparent), transparent 70%);mix-blend-mode:screen;opacity:0;animation:reel-flash .75s var(--ease-out) both;position:absolute;inset:0}.moment-common .reel-flash{background:radial-gradient(30% 60% at 50% 50%, color-mix(in srgb, var(--rarity) 30%, transparent), transparent 70%);animation-duration:.45s}@keyframes reel-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.reel-rays{z-index:0;pointer-events:none;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rarity) 34%, transparent) 0deg 7deg, transparent 7deg 22deg);width:560px;height:560px;animation:reel-rays-in .5s var(--ease-out) both, reel-rays-spin 14s linear infinite;border-radius:50%;margin:-280px 0 0 -280px;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(closest-side,#000 18%,#0000 70%);mask-image:radial-gradient(closest-side,#000 18%,#0000 70%)}@keyframes reel-rays-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes reel-rays-spin{to{rotate:1turn}}.moment-legendary .reel-lanes,.moment-mythic .reel-lanes{animation:reel-shake .42s var(--ease-out) both}@keyframes reel-shake{0%,to{transform:translate(0,0)}20%{transform:translate(-4px,1px)}40%{transform:translate(4px,-1px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.reel-burst{z-index:3}.reel-burst .celebration-particle{top:50%}@media (prefers-reduced-motion:reduce){.reel.is-landed .reel-tile.is-result{animation:none}.reel-rays,.reel-burst,.reel-tile.is-result:after{display:none}.moment-legendary .reel-lanes,.moment-mythic .reel-lanes{animation:none}}.result-sheet.multi-sheet{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.multi-sheet-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.multi-sheet-title{color:var(--text-primary);font-size:var(--step-2);letter-spacing:-.01em;margin:0;font-weight:800}.multi-sheet-grid{grid-template-columns:repeat(var(--cols,5), minmax(0, 1fr));gap:var(--space-2);display:grid}.multi-sheet-grid[data-count="2"]{--cols:2}.multi-sheet-grid[data-count="3"]{--cols:3}.multi-sheet-grid[data-count="4"]{--cols:4}.multi-cell{border-radius:var(--radius-md);min-width:0;color:var(--rarity,var(--accent));background:radial-gradient(80% 60% at 50% 25%, color-mix(in srgb, currentColor 18%, transparent), transparent 72%), var(--bg-raised);box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 26%, transparent);animation:multi-cell-in .34s var(--ease-out) both;animation-delay:calc(var(--cell-index,0) * 45ms);align-content:start;justify-items:center;gap:4px;padding:10px 6px 12px;display:grid;position:relative;overflow:hidden}.multi-cell:after{content:"";background:currentColor;height:3px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 10px}.multi-cell.is-best{box-shadow:inset 0 0 0 2px currentColor, 0 0 24px -4px color-mix(in srgb, currentColor 70%, transparent)}.multi-cell.is-sold{opacity:.55}.multi-cell .item-art{filter:drop-shadow(0 4px 10px #00000080) drop-shadow(0 0 10px color-mix(in srgb, currentColor 55%, transparent))}.multi-cell-name{-webkit-line-clamp:2;width:100%;min-height:2.4em;color:var(--text-primary);text-align:center;-webkit-box-orient:vertical;font-size:12px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.multi-cell-value{color:currentColor;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:800}@keyframes multi-cell-in{0%{opacity:0;transform:translateY(8px)scale(.94)}to{opacity:1;transform:none}}.multi-sheet-actions{grid-template-columns:1fr 1fr;justify-content:stretch;width:100%;max-width:none;display:grid}.multi-sheet-actions .button-primary,.multi-sheet-actions .result-sold{grid-column:1/-1}@media (min-width:761px){.multi-sheet-actions{grid-template-columns:2fr 1fr 1fr}.multi-sheet-actions .button-primary,.multi-sheet-actions .result-sold{grid-column:auto}}@media (max-width:560px){.multi-sheet-grid{gap:6px}.multi-cell{padding:8px 4px 10px}.multi-cell .item-art{width:36px!important;height:36px!important}.multi-cell-name,.multi-cell-value{font-size:12px}}@media (prefers-reduced-motion:reduce){.multi-cell{animation:none}}.reel-tile-value.is-coins{letter-spacing:-.01em;font-size:15px}.reel-md .reel-tile-value.is-coins{font-size:13px}.reel-sm .reel-tile-value.is-coins,.reel-xs .reel-tile-value.is-coins{font-size:12px}.reel-tile-value:not(.is-coins):after,.multi-cell-value:after{content:"";vertical-align:-.1em;background:url(/assets/brand/coin.svg) 50%/contain no-repeat;width:.85em;height:.85em;margin-left:.2em;display:inline-block}