.cardGame{-webkit-user-select:none;overflow:hidden;user-select:none;flex-grow:1;perspective:700px;margin:8px;box-shadow:0 0 5px 0 var(--color-outline);border-radius:15px;border:2px solid var(--color-background)}.explayer{border:1px solid greenyellow;display:flex}.handAndDeck{display:flex;flex-direction:row-reverse;pointer-events:none;position:absolute;bottom:0}.excartSlot,.handAndDeck{transform-style:preserve-3d}.excartSlot{width:135px;height:200px}.explayerHand2{height:500px}.explayerHand,.explayerHand2{width:95vw;transform-style:preserve-3d;margin:5px}.explayerHand{height:266px}@media (max-width:600px){.explayerHand{transform:scale(.9);transform-origin:left}}.cardExample{-webkit-user-select:none;user-select:none;pointer-events:none;-moz-user-select:none;width:150px;height:220px;backface-visibility:hidden;transition:var(--animation-speed-slow)}.cardExample,.cardExampleInner{touch-action:none;overflow:visible;contain:style layout;transform-style:preserve-3d}.cardExampleInner{pointer-events:auto;-webkit-user-select:none;user-select:none;position:absolute;position:relative;width:100%;height:100%;text-align:center;transition:transform var(--animation-speed-slower)}.cartOutline{padding:3%;box-sizing:border-box;background-color:var(--color-outline-variant);border:2px solid var(--color-outline);border-radius:var(--shape-corner-small)}.excardBack,.excardFront{position:absolute;width:94%;height:95%;backface-visibility:hidden}.excardBack{transform:rotateY(180deg)}.cardFrontImg{position:relative;overflow:hidden}.cardImg{object-fit:cover}.cardFront,.cardImg{-webkit-user-select:none;user-select:none}.cardFront{z-index:0;position:relative;touch-action:none;-moz-user-select:none;display:flex;flex-direction:column;height:100%}.cardFrontTitle22{text-align:center;padding-bottom:2px;white-space:nowrap;background:var(--color-inverse-primary);color:var(--color-inverse-surface);border-radius:var(--shape-corner-large-top);margin-bottom:5px;border:2px solid var(--color-outline);border-top:1px solid var(--color-outline)}.cardFrontTitle{top:-10px;left:-9px;position:absolute;text-align:start;padding-inline-start:12px;padding-inline-end:10px;padding-bottom:2px;min-width:80%;white-space:nowrap;background:var(--color-tertiary-container);color:var(--color-on-tertiary-container);border-radius:var(--shape-corner-large-end);border:2px solid var(--color-outline)}.frontCardDescription{color:var(--color-on-surface);border:1px solid var(--color-outline);height:46%;background:var(--color-surface-container-high);margin-top:5%;box-sizing:border-box;padding:3px;text-align:center}.cardBack{touch-action:none;-webkit-user-select:none;user-select:none;-moz-user-select:none;background:var(--color-surface-variant);border-radius:10px}.cardBack,.cardBackIn{height:100%;width:100%;padding:5px;box-sizing:border-box}.cardBackIn{border-radius:100%;background:var(--color-surface-container-low)}.exCardDeck{width:150px;height:220px;transform-style:preserve-3d;transform:translate3d(-134px,-157px,-91px) rotateX(20deg) rotateY(-6deg) rotate(0deg)}.exCardDeck2{width:150px;height:220px;transform-style:preserve-3d}@media (max-width:600px){.exCardDeck,.exCardDeck2{transform:scale(.8)}}.scene{position:absolute}.box,.scene{transform-style:preserve-3d}.box{--boxX:150px;--boxY:220px;--boxZ:100px;width:var(--boxX);height:var(--boxY);position:relative}.box__face{position:absolute;border-radius:5px;font-size:40px;font-weight:700;color:white;text-align:center}.box__face--back,.box__face--front{width:var(--boxX);height:var(--boxY)}.box__face--left,.box__face--right{width:var(--boxZ);height:var(--boxY);left:50%;line-height:200px}.box__face--bottom,.box__face--top{width:var(--boxX);height:var(--boxZ);top:50%}.box__face--front{transform:rotateY(0deg) translateZ(calc(var(--boxZ) / 2));padding:2px;box-sizing:border-box}.box__face--back{transform:rotateY(180deg) translateZ(calc(var(--boxZ) / 2))}.box__face--right{transform:rotateY(90deg) translateZ(calc(var(--boxX) / 2 - var(--boxZ) / 2))}.box__face--left{transform:rotateY(-90deg) translateZ(calc(var(--boxX) / 2 + var(--boxZ) / 2))}.box__face--top{transform:rotateX(90deg) translateZ(calc(var(--boxZ) / 2 +var(--boxY) / 2))}.box__face--bottom{transform:rotateX(-90deg) translateZ(calc(var(--boxZ) / -2 + var(--boxY) / 2))}.box__face--front{background:var(--color-outline)}.box__face--right{background-image:linear-gradient(90deg,var(--color-outline-variant) 1px,var(--color-outline) 1px);background-size:5% 30px}.box__face--back{background:var(--color-outline)}.box__face--left{background-image:linear-gradient(90deg,var(--color-outline-variant) 1px,var(--color-outline) 1px);background-size:5% 30px}.box__face--bottom,.box__face--top{background-image:linear-gradient(90deg,var(--color-outline-variant) 1px,var(--color-outline) 1px);background-size:5% 30px;background-image:linear-gradient(0deg,var(--color-outline-variant) 1px,var(--color-outline) 1px);background-size:5% 5px}.playDropTarget{top:0;left:0;width:100%;height:100%;padding:1px;transform-style:preserve-3d}