.play3d{--color-surface-0:#0e0f14;--color-surface-1:#1a1c24;--color-surface-2:#2a2d38;--color-surface-3:#3d414f;--color-surface-line:#4a4e5c;--color-text-primary:#e8e4df;--color-text-secondary:#9a96a0;--color-text-dim:#5e5a66;color:var(--color-text-primary);background-color:var(--color-surface-0);min-height:100dvh;& img{pointer-events:none;-webkit-touch-callout:none}--card-slot-max:120px}@media (max-width:767px){.play3d{--card-slot-max:clamp(55px,calc((100dvh - 270px) / 6),120px);height:100dvh;overflow-y:auto;padding-bottom:270px;scrollbar-width:none!important}.play3d::-webkit-scrollbar{display:none}}.play3d :focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.play3d-mobile-short,.play3d-mobile-tall{display:none}@media (max-width:767px) and (max-height:838px){.play3d-mobile-short{display:flex}}@media (max-width:767px) and (min-height:839px){.play3d-mobile-tall{display:flex}}@media (max-width:360px){.play3d-top-pill{max-width:240px;font-size:9px}}.play3d-desktop-cans-wide{display:none}@media (min-width:941px){.play3d-desktop-cans-wide{display:block}}.play3d-desktop-cans-narrow{display:none}@media (min-width:768px) and (max-width:940px){.play3d-desktop-cans-narrow{display:flex}}.play3d-turnbar-cans{display:block}@media (min-width:941px){.play3d-turnbar-cans{display:none}}.play3d ::-webkit-scrollbar{width:6px;height:6px}.play3d ::-webkit-scrollbar-track{background:transparent}.play3d ::-webkit-scrollbar-thumb{background:var(--color-surface-line);border-radius:3px}.play3d ::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}@media (max-width:767px){.play3d ::-webkit-scrollbar{height:10px}.play3d ::-webkit-scrollbar-thumb{border-radius:5px}}.play3d{scrollbar-width:thin;scrollbar-color:var(--color-surface-line) transparent}.play3d-scene{perspective:1200px;perspective-origin:50% 80%;margin-top:max(-35%,-350px)}.play3d-board{transform:rotateX(35deg);transform-style:preserve-3d;transform-origin:50% 100%;position:relative;box-shadow:0 20px 40px -10px rgba(14,15,20,.6),0 8px 16px -4px rgba(14,15,20,.4);border-bottom:1px solid rgba(217,164,65,.15)}.play3d-board:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 40%);pointer-events:none;z-index:1}.bg-playmat-3d{background-color:var(--color-surface-1);background-image:radial-gradient(ellipse at 50% 90%,rgba(217,164,65,.06) 0,transparent 40%),radial-gradient(ellipse at 50% 10%,rgba(0,0,0,.4) 0,transparent 50%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 0.10 0 0 0 0 0.10 0 0 0 0 0.14 0 0 0 0.35 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:auto,auto,200px 200px;background-blend-mode:normal,normal,overlay}@media (max-width:767px){.play3d-scene{perspective:800px;margin-top:0!important}.play3d-board{transform:rotateX(25deg)}}@media (max-width:1750px){.play3d-scene{margin-top:max(-20%,-350px)}}@media (max-width:1500px){.play3d-scene{margin-top:max(-28%,-350px)}}@media (max-width:1250px){.play3d-scene{margin-top:max(-31%,-350px)}}@media (max-width:1150px){.play3d-scene{margin-top:max(-32%,-350px)}}@media (max-width:1080px){.play3d-scene{margin-top:max(-35%,-350px)}}@media (max-width:950px){.play3d-scene{margin-top:max(-40%,-350px)}}@media (max-width:800px){.play3d-scene{margin-top:max(-45%,-320px)}}.play3d-target-pulse{animation:target-pulse 1.5s ease-in-out infinite}@keyframes target-pulse{0%,to{box-shadow:0 0 0 0 rgba(217,164,65,0)}50%{box-shadow:0 0 12px 3px rgba(217,164,65,.35)}}.play3d-turn-sweep:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,var(--color-accent-primary) 50%,transparent 100%);border-radius:9999px;animation:turn-sweep .32s cubic-bezier(.65,0,.35,1) forwards;pointer-events:none}@keyframes turn-sweep{0%{opacity:0}50%{opacity:.5}to{opacity:0}}.play3d-turn-pill-flash{animation:turn-pill-flash .32s cubic-bezier(.65,0,.35,1)}@keyframes turn-pill-flash{0%{box-shadow:0 0 0 0 rgba(217,164,65,0)}40%{box-shadow:0 0 16px 4px rgba(217,164,65,.4)}to{box-shadow:0 0 0 0 rgba(217,164,65,0)}}.play3d-card-idle{animation:card-float 3s ease-in-out infinite}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.play3d-card-land{animation:card-land .4s cubic-bezier(.4,0,.6,1.4) forwards}@keyframes card-land{0%{transform:scale(.7) translateY(-30px);opacity:0}60%{transform:scale(1.05) translateY(0);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.play3d-hand-card{transition:transform .2s cubic-bezier(.2,.8,.2,1);cursor:pointer;border:none;background:none;padding:0}.play3d-hand-card:hover{transform:translateY(-8px) rotate(0deg)!important}.play3d-attack-lunge{animation:attack-lunge .3s cubic-bezier(.4,0,.6,1.4)}@keyframes attack-lunge{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-12px) scale(1.05)}to{transform:translateY(0) scale(1)}}.play3d-beast-shake{animation:beast-shake .4s ease-out}@keyframes beast-shake{0%,to{transform:translateX(0)}12%{transform:translateX(-4px)}25%{transform:translateX(4px)}37%{transform:translateX(-4px)}50%{transform:translateX(4px)}62%{transform:translateX(-3px)}75%{transform:translateX(3px)}87%{transform:translateX(-2px)}}.play3d-card-fadeout{animation:card-fadeout .4s cubic-bezier(.2,.8,.2,1) forwards}@keyframes card-fadeout{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(12px) scale(.95);opacity:0}}.play3d-beast-death{animation:beast-death .4s cubic-bezier(.2,.8,.2,1) forwards}@keyframes beast-death{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(12px) scale(.95);opacity:0}}.play3d-can-flash{animation:can-flash .4s ease-out}@keyframes can-flash{0%{box-shadow:0 0 0 0 rgba(176,48,28,0)}30%{box-shadow:0 0 20px 4px rgba(176,48,28,.6)}to{box-shadow:0 0 0 0 rgba(176,48,28,0)}}.play3d-card-draw{animation:card-draw .32s cubic-bezier(.65,0,.35,1) forwards}@keyframes card-draw{0%{transform:translateY(-40px) scale(.85) rotateY(90deg);opacity:0}45%{transform:translateY(-10px) scale(.95) rotateY(0deg);opacity:1}75%{transform:translateY(2px) scale(1.02);box-shadow:0 0 12px 2px rgba(217,164,65,.3)}to{transform:translateY(0) scale(1);box-shadow:none}}.play3d-drag-overlay{transform:scale(1.05) rotate(-2deg);filter:drop-shadow(0 12px 24px rgba(0,0,0,.5));pointer-events:none}.play3d-slot-active{border-color:var(--color-accent-primary)!important;border-style:solid!important;background:rgba(217,164,65,.12)!important;box-shadow:inset 0 0 12px rgba(217,164,65,.2)}.play3d-dragging{opacity:.3}.play3d-drawer-slide-in{animation:drawer-slide-in .2s cubic-bezier(.2,.8,.2,1) forwards}@keyframes drawer-slide-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.play3d-enter{animation:scene-enter .6s ease-out both}@keyframes scene-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.play3d-attack-lunge,.play3d-beast-death,.play3d-beast-shake,.play3d-can-flash,.play3d-card-draw,.play3d-card-fadeout,.play3d-card-idle,.play3d-card-land,.play3d-drawer-slide-in,.play3d-enter,.play3d-target-pulse,.play3d-turn-pill-flash,.play3d-turn-sweep:before{animation:none}.play3d-hand-card{transition:none}}