/* Author: goodjava@qq.com */
.pile-controls{position:fixed;inset:0;pointer-events:none;z-index:9}
.pile-button{position:absolute;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:82px;min-height:85px;padding:8px 10px;border:1px solid #c0a56b;border-radius:8px;background:#18382eea;color:#f2e6c0;font-family:'Songti SC',serif;cursor:pointer;line-height:1.3}
.pile-button:disabled{opacity:.65;cursor:default}.pile-button:focus-visible{outline:3px solid #ffe3a0;outline-offset:3px}
.pile-button b{font-size:15px;font-weight:500}.pile-button strong{font:22px Georgia,serif}.pile-button small{font-size:10px;color:#d7c69b}
.pile-symbol{display:grid;place-items:center;width:40px;height:29px;margin-bottom:5px;border:1px solid #c8b27a;border-radius:3px;background:#ede3c6;color:#395243;font-size:17px}
.pile-exhaust .pile-symbol{border-radius:40%;background:#544534;color:#edd7a3}
.pile-draw{left:3vw;bottom:25vh}.pile-discard{right:2vw;bottom:25vh}.pile-exhaust{right:calc(2vw + 96px);bottom:25vh}
.pile-announcement{position:absolute;left:50%;bottom:34vh;transform:translateX(-50%);margin:0;padding:5px 12px;max-width:65vw;color:#ffedc4;background:#18382ed9;border-radius:4px;font-size:13px;text-align:center}
.pile-announcement:empty{display:none}
.pile-dialog{box-sizing:border-box;width:min(1020px,calc(100vw - 24px));max-height:calc(100dvh - 30px);padding:22px;border:1px solid #b29760;border-radius:12px;background:#f3ecd9;color:#2e4437;font-family:'Songti SC',serif;overflow:auto}
.pile-dialog::backdrop{background:#071a17b8;backdrop-filter:blur(3px)}
.pile-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pile-dialog h2{margin:0;font-size:24px}.pile-dialog p{font-size:13px;line-height:1.7}
.pile-close{padding:9px 14px;background:#234b3d;color:#f6e8bd;border:1px solid #a48b59;border-radius:5px}
.pile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:20px 14px;padding:12px 0}.pile-grid article{display:flex;align-items:center;flex-direction:column;gap:8px}.pile-grid article>small{font-size:12px}.pile-grid .face{cursor:default}.pile-summary{border-top:1px solid #c6b894;padding-top:12px}
.pile-flight{position:fixed;z-index:15;pointer-events:none;display:grid;place-items:center;width:58px;height:82px;padding:6px;box-sizing:border-box;background:#e9dfc2;color:#284635;border:2px solid #b9a064;border-radius:6px;font:15px/1.4 'Songti SC',serif;text-align:center}
.pile-flight.is-junk{background:#4a3654;color:#f4dcff;border-color:#ab8ac1}.pile-flight.is-burning{background:#655035;color:#ffe6ad;border-color:#efa946;box-shadow:0 0 12px #e6a242a0}
@media(max-width:700px){
 .pile-button{min-width:58px;min-height:59px;padding:4px 5px}.pile-symbol{display:none}.pile-button b{font-size:12px}.pile-button strong{font-size:18px}.pile-button small{font-size:9px}
 .pile-draw{left:10px;bottom:30vh}.pile-discard{right:10px;bottom:30vh}.pile-exhaust{right:81px;bottom:30vh}
 .stage.cinematic .wuxia-resources:has([data-act="home"]){top:132px}
 .pile-announcement{bottom:39vh;font-size:11px;max-width:62vw}.pile-dialog{padding:16px}.pile-dialog h2{font-size:20px}.pile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 8px}.pile-grid .card-slot{--card-width:min(144px,100%)}
}
@media(max-height:500px) and (min-width:701px){.pile-button{min-height:48px;min-width:64px;padding:3px}.pile-symbol{display:none}.pile-draw,.pile-discard,.pile-exhaust{bottom:39vh}.pile-exhaust{right:calc(2vw + 75px)}.pile-announcement{bottom:48vh}}
@media(prefers-reduced-motion:reduce){.pile-flight{display:none}}

.painted-piles .pile-button{width:clamp(106px,8.5vw,154px);height:auto;min-width:0;min-height:0;aspect-ratio:var(--pile-ratio);padding:0;border:0;border-radius:0;background:none;box-shadow:none;bottom:18.5vh;transition:filter .18s,transform .18s}
.painted-piles .pile-button:disabled{opacity:1}
.painted-piles .pile-button:not(:disabled):hover{filter:brightness(1.12);transform:translateY(-3px)}
.painted-piles .pile-button:focus-visible{outline:2px solid #ffe5a4;outline-offset:5px;border-radius:10px}
.pile-paint{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;filter:drop-shadow(0 4px 3px #142b2459)}
.painted-piles .pile-button b,.painted-piles .pile-button small{position:absolute;left:0;right:0;transform:translateY(-50%);margin:0;z-index:1;white-space:nowrap;text-align:center}
.painted-piles .pile-button b{top:var(--pile-title-y);color:#fff0c7;font-size:clamp(15px,1.1vw,20px);line-height:1}
.painted-piles .pile-button strong{font-size:clamp(19px,1.45vw,25px)}
.painted-piles .pile-button small{top:var(--pile-caption-y);color:#4b4936;font-size:clamp(10px,.7vw,12px);line-height:1}
.painted-piles .pile-exhaust{right:calc(2vw + clamp(106px,8.5vw,154px) + 18px)}
.pile-fx-layer{position:fixed;inset:0;z-index:17;pointer-events:none;overflow:hidden}.pile-fx-layer canvas{position:absolute;inset:0;pointer-events:none}
.pile-spell-card{position:fixed;z-index:16;pointer-events:none;transform-origin:center;overflow:visible;will-change:transform,opacity,clip-path;filter:drop-shadow(0 0 8px #d4b269)}
.pile-spell-card .card-slot{--card-width:100%;--card-height:100%;height:100%;width:100%}.pile-spell-card .face{padding:5px 6px;border-radius:5px;box-shadow:none}.pile-spell-card .card-top{height:15px}.pile-spell-card .cost{width:15px;height:15px;font-size:10px}.pile-spell-card .card-type{font-size:6px}
.pile-spell-card .card-picture{height:46%;margin-top:4px}.pile-spell-card .name{font-size:10px;margin:4px 0 2px;padding-bottom:3px}.pile-spell-card .desc{font-size:7px;line-height:1.3}.pile-spell-card .card-foot{display:none}
.pile-spell-card.burning{filter:drop-shadow(0 0 7px #ffcc61) drop-shadow(0 0 15px #da781b)}.pile-spell-card.burning .face{border:2px solid #ffe19a}
.pile-spell-card.cursed{filter:drop-shadow(0 0 10px #bc88e5) drop-shadow(0 0 3px #7d4196)}.pile-spell-card.cursed .face{border:2px solid #d6b2ed}
@media(max-width:700px){
 .painted-piles .pile-button{width:76px;bottom:33vh}.painted-piles .pile-exhaust{right:98px}
 .painted-piles .pile-button b{font-size:12px}.painted-piles .pile-button strong{font-size:16px}.painted-piles .pile-button small{font-size:9px}
}
@media(max-height:500px) and (min-width:701px){.painted-piles .pile-button{width:82px;bottom:33vh}.painted-piles .pile-exhaust{right:calc(2vw + 94px)}.painted-piles .pile-button b{font-size:12px}.painted-piles .pile-button strong{font-size:16px}.painted-piles .pile-button small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.painted-piles .pile-button{transition:none}.pile-fx-layer,.pile-spell-card{display:none}}

.pile-spell-card.burning .face{padding:9px 11px}.pile-spell-card.burning .card-top{height:25px}.pile-spell-card.burning .cost{width:25px;height:25px;font-size:16px}.pile-spell-card.burning .card-type{font-size:10px}.pile-spell-card.burning .name{font-size:16px;margin:7px 0 4px}.pile-spell-card.burning .desc{font-size:11px;line-height:1.5}

.painted-piles .pile-announcement{bottom:38vh}
@media(max-width:700px){.painted-piles .pile-announcement{bottom:39vh}}