/* Refined velvet deck; retain the original hover and deal/flip choreography. */
body.wmi-screen-page #wmi-screen .scene .wmi-screen-deck{perspective:none;transform-style:flat;transition:opacity 550ms var(--ease-out);opacity:1}
body.wmi-screen-page #wmi-screen .scene:not([data-view="hero"]) .wmi-screen-deck{opacity:0;pointer-events:none}
body.wmi-screen-page #wmi-screen .wmi-screen-deck[hidden]{display:none}
body.wmi-screen-page #wmi-screen .wmi-tarot-card{position:absolute;aspect-ratio:360/620;width:calc(clamp(180px,min(18vw,32svh),290px) * var(--wmi-card-scale,1));height:auto;padding:0;border:1px solid #b89c686e;border-radius:12px;background:linear-gradient(125deg,color-mix(in srgb,var(--wmi-card-face,#351419) 26%,transparent),transparent 65%),url("../images/velvet-feather-card.webp") center/100% 100% no-repeat,var(--wmi-card-face,#351419);opacity:1;transform-origin:center;pointer-events:auto;cursor:pointer;touch-action:manipulation;box-shadow:var(--wmi-card-shadow-x,-16px) var(--wmi-card-shadow-y,28px) var(--wmi-card-shadow-blur,32px) rgb(0 0 0 / var(--wmi-shadow-depth,.78)),2px 2px 0 #a0845466,4px 4px 0 #251019,inset 0 0 16px #0005;filter:drop-shadow(0 0 5px rgb(211 148 66 / calc(var(--wmi-card-glow-alpha,.3) * .3)));translate:0 0;transition:translate .26s ease,opacity .2s ease}
body.wmi-screen-page #wmi-screen .wmi-tarot-card--left-back{left:-5vw;bottom:-5svh;transform:rotate(-18deg) scale(.9);opacity:.72}
body.wmi-screen-page #wmi-screen .wmi-tarot-card--right-back{right:-5vw;bottom:-5svh;transform:rotate(18deg) scale(.9);opacity:.72}
body.wmi-screen-page #wmi-screen .wmi-tarot-card--left-front{left:2vw;bottom:-15svh;transform:rotate(12deg);z-index:1}
body.wmi-screen-page #wmi-screen .wmi-tarot-card--right-front{right:2vw;bottom:-15svh;transform:rotate(-12deg);z-index:1}
body.wmi-screen-page #wmi-screen .wmi-tarot-card::before,body.wmi-screen-page #wmi-screen .wmi-tarot-card::after{content:"";position:absolute;inset:1.6%;border-radius:9px;pointer-events:none}
body.wmi-screen-page #wmi-screen .wmi-tarot-card::before{background:linear-gradient(112deg,transparent 22%,#fff4cf08 38%,#ffebae57 48%,#fff4cf0a 58%,transparent 76%);background-size:260% 100%;background-position:130% 50%;mix-blend-mode:screen;opacity:.12}
body.wmi-screen-page #wmi-screen .wmi-tarot-card::after{border:1px solid #ecd4a012;box-shadow:inset 1px 1px 0 #f6ddb721}
body.wmi-screen-page #wmi-screen .wmi-tarot-card.is-drawn{opacity:.38}
body.wmi-screen-page #wmi-screen .wmi-tarot-card:disabled{cursor:default}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){body.wmi-screen-page #wmi-screen .scene[data-card-motion="on"] .wmi-tarot-card:not(:disabled):hover{translate:0 -12px}}
body.wmi-screen-page #wmi-screen .wmi-drawn-card{position:fixed;z-index:10000;left:clamp(18px,6vw,110px);bottom:18%;width:clamp(190px,20vw,258px);max-width:none;max-height:calc(82svh - 120px);margin:0;aspect-ratio:360/560;perspective:1000px;pointer-events:auto;font-family:"Noto Serif TC",serif}
body.wmi-screen-page #wmi-screen .wmi-drawn-card[hidden]{display:none}
body.wmi-screen-page #wmi-screen .wmi-drawn-card.is-right{left:auto;right:clamp(18px,6vw,110px)}
body.wmi-screen-page #wmi-screen .wmi-drawn-face{width:100%;height:100%;position:relative}
body.wmi-screen-page #wmi-screen .wmi-drawn-front,body.wmi-screen-page #wmi-screen .wmi-drawn-back{position:absolute;inset:0;border:1px solid #b89c68;border-radius:12px;backface-visibility:hidden;box-shadow:var(--wmi-card-shadow-x,-16px) var(--wmi-card-shadow-y,28px) var(--wmi-card-shadow-blur,32px) rgb(0 0 0 / var(--wmi-shadow-depth,.78)),inset 0 0 0 5px #25121c,inset 0 0 0 6px #a4895355}
body.wmi-screen-page #wmi-screen .wmi-drawn-front{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:42px 24px 28px;color:#f2dfb4;background:radial-gradient(ellipse at 80% 0,#a8835730,transparent 65%),linear-gradient(#10081080,#10081080),var(--wmi-home-card-front,#351419)}
body.wmi-screen-page #wmi-screen .wmi-drawn-back{visibility:hidden;transform:rotateY(180deg) translateZ(1px);background:linear-gradient(125deg,color-mix(in srgb,var(--wmi-card-face,#351419) 26%,transparent),transparent 65%),url("../images/velvet-feather-card.webp") center/100% 100% no-repeat,var(--wmi-card-face,#351419)}
body.wmi-screen-page #wmi-screen .wmi-drawn-card.is-entering .wmi-drawn-front{transform:translateZ(1px)}
body.wmi-screen-page #wmi-screen .wmi-drawn-card.is-entering .wmi-drawn-back{visibility:visible}
body.wmi-screen-page #wmi-screen .wmi-draw-star{color:#d8b470;font-size:25px;margin-top:auto}
body.wmi-screen-page #wmi-screen .wmi-draw-title{margin:0;color:#f4dfb4;font-size:21px;line-height:1.45;letter-spacing:.08em;text-align:center}
body.wmi-screen-page #wmi-screen .wmi-draw-title:empty{display:none}
body.wmi-screen-page #wmi-screen .wmi-draw-text{width:100%;max-height:190px;overflow:auto;font-size:16px;line-height:1.8;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere}
body.wmi-screen-page #wmi-screen .wmi-draw-hint{font-size:11px;color:#bd9e72;margin-top:auto}
body.wmi-screen-page #wmi-screen .wmi-draw-close{position:absolute;right:8px;top:8px;width:44px;height:44px;padding:0;border:1px solid #b9956159;border-radius:50%;background:#301018;color:#f4dfb4;font-size:24px;line-height:1;cursor:pointer}
body.wmi-screen-page #wmi-screen .wmi-drawn-card.is-entering{animation:wmi-screen-deal-card .72s cubic-bezier(.2,.75,.2,1) both}
body.wmi-screen-page #wmi-screen .wmi-drawn-card.is-entering .wmi-drawn-face{transform-style:preserve-3d;animation:wmi-screen-flip-card .78s .1s cubic-bezier(.2,.65,.25,1) both}
@keyframes wmi-screen-deal-card{from{transform:translate(var(--wmi-deal-x),var(--wmi-deal-y)) rotate(-12deg) scale(.8);opacity:.6}to{transform:translate(0,0) rotate(0) scale(1);opacity:1}}
@keyframes wmi-screen-flip-card{from{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}
@media(max-width:782px){
 body.wmi-screen-page #wmi-screen .wmi-tarot-card{width:calc(clamp(110px,32vw,170px) * var(--wmi-card-scale,1));opacity:.92}
 body.wmi-screen-page #wmi-screen .wmi-tarot-card--left-back{left:-5vw;bottom:calc(-8svh - 48px);transform:rotate(-12deg);opacity:.88}
 body.wmi-screen-page #wmi-screen .wmi-tarot-card--right-back{right:-5vw;bottom:calc(-8svh - 48px);transform:rotate(12deg);opacity:.88}
 body.wmi-screen-page #wmi-screen .wmi-tarot-card--left-front,body.wmi-screen-page #wmi-screen .wmi-tarot-card--right-front{display:none}
 body.wmi-screen-page #wmi-screen .wmi-drawn-card,body.wmi-screen-page #wmi-screen .wmi-drawn-card.is-right{width:min(68vw,250px);left:calc(50% - min(34vw,125px));right:auto;bottom:18%}
 body.wmi-screen-page #wmi-screen .wmi-draw-text{max-height:170px}
}
/* Continuous CSS transforms retarget from the current pose when scrolling reverses. */
body.wmi-screen-page #wmi-screen .story-flight{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none;transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);transition:transform 1450ms var(--ease-in-out)}
body.wmi-screen-page #wmi-screen .scene[data-instant="true"] .story-flight{transition:none!important}
@media(prefers-reduced-motion:reduce){body.wmi-screen-page #wmi-screen .wmi-drawn-card,body.wmi-screen-page #wmi-screen .wmi-drawn-face{animation:none!important}body.wmi-screen-page #wmi-screen .scene .story-flight{transform:none!important;transition:none!important}body.wmi-screen-page #wmi-screen .scene .story-panel{transform:translate(-50%,-50%)!important;transition:opacity 180ms ease!important}}