@layer components{.raw-single-card{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.raw-single-card__backing{position:absolute;inset:0;overflow:hidden}.raw-single-card__label{z-index:2;width:85%;height:14.6%;color:color-mix(in srgb, var(--cell-tint,var(--rarity-common)) 18%, #fff);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:4.5%;left:7.5%}.raw-single-card__name{text-overflow:ellipsis;white-space:nowrap;max-width:94%;font-size:8px;overflow:hidden}.raw-single-card__grade{color:color-mix(in srgb, var(--cell-tint,var(--rarity-common)) 42%, #fff);margin-top:2px;font-size:6.5px}.raw-single-card__grade--solo{margin-top:0;font-size:9px}.raw-single-card__image{z-index:2;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:4.6%;width:80.65%;height:67.96%;display:block;position:absolute;top:26.4%;left:9.68%}.flip-card{perspective:900px;isolation:isolate;animation:flip-card-zindex calc(var(--flip-dur) / var(--flip-speed,1)) calc((var(--flip-squish-dur) + var(--flip-pre-delay)) / var(--flip-speed,1)) linear both;position:absolute;overflow:visible}.flip-card.is-common{--cell-tint:var(--rarity-common)}.flip-card.is-uncommon{--cell-tint:var(--rarity-uncommon)}.flip-card.is-rare{--cell-tint:var(--rarity-rare)}.flip-card.is-epic{--cell-tint:var(--rarity-epic)}.flip-card.is-mythic{--cell-tint:var(--rarity-mythic)}.flip-card.is-grail{--cell-tint:var(--rarity-grail)}.flip-card__visual{transform-style:preserve-3d;position:absolute;inset:0}.flip-card__inner{z-index:1;width:100%;height:100%;transform-style:preserve-3d;animation:flip-card-squish calc(var(--flip-squish-dur) / var(--flip-speed,1)) calc(var(--flip-pre-delay) / var(--flip-speed,1)) ease-in-out both, flip-card-reveal calc(var(--flip-dur) / var(--flip-speed,1)) calc((var(--flip-squish-dur) + var(--flip-pre-delay)) / var(--flip-speed,1)) cubic-bezier(.4, 0, .2, 1) both;position:relative}.flip-card.is-paused,.flip-card.is-paused .flip-card__inner{animation-play-state:paused}@keyframes flip-card-shake-rattle{0%{translate:0;rotate:0deg}25%{translate:var(--shake-amp-x,2px) 0;rotate:var(--shake-amp-r,.4deg)}50%{translate:0;rotate:0deg}75%{translate:calc(-1 * var(--shake-amp-x,2px)) 0;rotate:calc(-1 * var(--shake-amp-r,.4deg))}to{translate:0;rotate:0deg}}@keyframes flip-card-shake-build{0%{--shake-amp-x:2px;--shake-amp-r:.4deg}to{--shake-amp-x:3px;--shake-amp-r:1.2deg}}.flip-card.is-epic.is-shake-pre{--flip-shake-dur:.7s}.flip-card.is-mythic.is-shake-pre{--flip-shake-dur:1.1s}.flip-card.is-grail.is-shake-pre{--flip-shake-dur:1.6s}.flip-card.is-shake-pre .flip-card__visual{animation:flip-card-shake-rattle calc(.2s / var(--flip-speed,1)) linear infinite, flip-card-shake-build calc(var(--flip-shake-dur,.7s) / var(--flip-speed,1)) ease-in both}@media (prefers-reduced-motion:reduce){.flip-card.is-shake-pre .flip-card__visual{animation:none}}@keyframes flip-card-tension-rattle{0%,to{translate:0;rotate:0deg;scale:1}18%{translate:calc(var(--tension-amp-x,2.2px) * -.95) calc(var(--tension-amp-y,.8px) * .85);rotate:calc(var(--tension-amp-r,.55deg) * -1);scale:.978}37%{translate:var(--tension-amp-x,2.2px) calc(var(--tension-amp-y,.8px) * -1);rotate:var(--tension-amp-r,.55deg);scale:1.038}58%{translate:calc(var(--tension-amp-x,2.2px) * -.65) 0;rotate:calc(var(--tension-amp-r,.55deg) * -.75);scale:.982}76%{translate:calc(var(--tension-amp-x,2.2px) * .95) var(--tension-amp-y,.8px);rotate:calc(var(--tension-amp-r,.55deg) * .9);scale:1.026}}@keyframes flip-card-tension-build{0%{--tension-amp-x:2.2px;--tension-amp-y:.8px;--tension-amp-r:.55deg}to{--tension-amp-x:12px;--tension-amp-y:5px;--tension-amp-r:3.8deg}}@keyframes flip-card-tension-halo{0%{opacity:0}35%{opacity:.13}82%{opacity:.2}to{opacity:.26}}.flip-card.is-tension-pre .flip-card__visual{animation:flip-card-tension-rattle 46ms linear infinite, flip-card-tension-build var(--flip-tension-dur,3s) cubic-bezier(.5, 0, .85, 1) both}.flip-card.is-tension-pre .flip-card__halo{animation:flip-card-tension-halo var(--flip-tension-dur,3s) ease-in both;animation-play-state:running}@media (prefers-reduced-motion:reduce){.flip-card.is-tension-pre .flip-card__visual,.flip-card.is-tension-pre .flip-card__halo{animation:none}}.flip-card.is-pre-revealed,.flip-card.is-pre-revealed .flip-card__inner{animation:none}.flip-card.is-pre-revealed .flip-card__inner{transform:rotateY(180deg)}.flip-card.is-pre-revealed{z-index:8}.flip-card.is-revealed{z-index:8;animation:.5s cubic-bezier(.34,1.56,.64,1) both flip-card-pop}.flip-card__front,.flip-card__back{backface-visibility:hidden;background-color:#000;border-radius:2px;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.flip-card__back{transform:rotateY(180deg)}.flip-card__front.spin-reel__cell{background-color:#000;width:100%;height:100%;position:absolute;overflow:visible}.flip-card__highlight{transform:none}}:root{--flip-dur:.75s;--flip-squish-dur:.28s;--flip-pre-delay:20ms;--halo-fade-dur:.6s}@keyframes flip-card-pop{0%{scale:1}40%{scale:1.08}to{scale:1}}@property --shake-amp-x{syntax:"<length>";inherits:false;initial-value:2px}@property --shake-amp-r{syntax:"<angle>";inherits:false;initial-value:.4deg}@property --tension-amp-x{syntax:"<length>";inherits:false;initial-value:.35px}@property --tension-amp-y{syntax:"<length>";inherits:false;initial-value:0}@property --tension-amp-r{syntax:"<angle>";inherits:false;initial-value:.08deg}@keyframes flip-card-reveal{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes flip-card-squish{0%{scale:1}40%{scale:.9 1.1}75%{scale:1.1 .9}to{scale:1}}@keyframes flip-card-zindex{0%,49%{z-index:6}50%,to{z-index:8}}@keyframes flip-card-halo-in{0%{opacity:0}to{opacity:1}}@keyframes flip-card-halo-out{0%{opacity:1}to{opacity:0}}.flip-card__halo.is-paused{animation-play-state:paused}.flip-card__halo.is-pre-revealed{opacity:1;animation:none}.flip-card__halo.is-dismissed{pointer-events:none;animation:.28s forwards flip-card-halo-out}.flip-card__halo{--halo-tint:var(--rarity-common);z-index:0;pointer-events:none;opacity:0;box-shadow:0 0 38px 0 color-mix(in srgb, var(--halo-tint) 45%, transparent), 0 0 20px 0 color-mix(in srgb, var(--halo-tint) 30%, transparent), 0 0 1px 3px color-mix(in srgb, var(--halo-tint) 80%, transparent);animation:flip-card-halo-in calc(var(--halo-fade-dur) / var(--flip-speed,1)) calc((var(--flip-squish-dur) + var(--flip-dur) + var(--flip-pre-delay)) / var(--flip-speed,1)) ease-out both;border-radius:4px;position:absolute;inset:0}.flip-card__halo.is-common{--halo-tint:var(--rarity-common)}.flip-card__halo.is-uncommon{--halo-tint:var(--rarity-uncommon)}.flip-card__halo.is-rare{--halo-tint:var(--rarity-rare)}.flip-card__halo.is-epic{--halo-tint:var(--rarity-epic)}.flip-card__halo.is-mythic{--halo-tint:var(--rarity-mythic)}.flip-card__halo.is-grail{--halo-tint:var(--rarity-grail)}.flip-card__halo--raw,.flip-card.is-settled .flip-card__halo{box-shadow:0 0 38px 0 color-mix(in srgb, var(--halo-tint) 45%, transparent), 0 0 20px 0 color-mix(in srgb, var(--halo-tint) 30%, transparent), 0 0 1px 3px color-mix(in srgb, var(--halo-tint) 80%, transparent)}.flip-card.is-mobile-graphics .flip-card__halo:not(.is-mythic):not(.is-grail){box-shadow:none}.flip-card__back>img,.flip-card__back>picture{object-fit:cover;width:100%;height:100%;display:block}.flip-card__back>.card-image--raw{transform:none}