/* Author: goodjava@qq.com */
.fan-card{perspective:900px}
.fan-card .card-slot{transform-style:preserve-3d}
.fan-card .face,.draw-back{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.draw-back{display:none;position:absolute;inset:0;border:1px solid #c7aa6d;border-radius:10px;transform:rotateY(180deg);background:radial-gradient(ellipse at 38% 25%,#426f58,#183a31 64%,#112c26);box-shadow:inset 0 0 14px #c2b27322,0 6px 14px #10251e66;pointer-events:none}
.drawing .draw-back{display:block}.drawing .card-inspect{visibility:hidden}.drawing{pointer-events:none!important}
.draw-back svg{position:absolute;inset:0;width:100%;height:100%;stroke:#d5bd80;stroke-width:1;opacity:.85}
.draw-back i{position:absolute;left:0;right:0;bottom:48px;text-align:center;font:17px 'Songti SC',serif;font-style:normal;color:#d5bd80;letter-spacing:.4em}
.drawing .face{box-shadow:0 0 1px 1px #ffe0a1,0 0 9px 2px #f6d58c66,0 6px 18px #10251e55}
.draw-landed .face{animation:draw-edge-land .38s ease-out}
.draw-landed::after{content:'';position:absolute;right:-5px;top:-5px;width:21px;height:21px;pointer-events:none;background:radial-gradient(ellipse,#fff9d5 0 10%,#ffde8e80 22%,transparent 64%);clip-path:polygon(50% 0,57% 42%,100% 50%,57% 57%,50% 100%,42% 57%,0 50%,42% 42%);animation:draw-corner-land .38s ease-out both}
.pile-draw .pile-symbol{position:relative;background:radial-gradient(ellipse at 30% 20%,#4c7359,#193c31 72%);border-color:#d6bd80;color:#e5cf98;box-shadow:-2px 3px 0 #274c3d,-3px 4px 0 #c0aa72,-5px 7px 0 #244737,-6px 8px 0 #a9925f}
@keyframes draw-edge-land{0%{box-shadow:0 0 1px 1px #fff1bd,0 0 14px 3px #f6d58c99,0 6px 14px #10251e66}100%{box-shadow:0 4px 12px #12261b50}}
@keyframes draw-corner-land{0%{opacity:0;transform:scale(.4) rotate(0)}25%{opacity:1;transform:scale(1.2) rotate(18deg)}100%{opacity:0;transform:scale(.2) rotate(40deg)}}
@media(prefers-reduced-motion:reduce){.draw-landed .face,.draw-landed::after{animation:none}.draw-landed::after{display:none}}