#card-reveal-stage { position:fixed;inset:80px 0 var(--console-height);z-index:4;pointer-events:none; }
#card-reveal-stage[hidden] { display:none; }
.draw-deck-area { position:absolute;inset:15px 0 100px;display:flex;align-items:center;justify-content:center; }
.draw-stack { position:relative;display:block;flex:none;width:min(300px,calc((100dvh - var(--console-height) - 220px) * .686),calc(100vw - 72px));aspect-ratio:59/86;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;transform-origin:center;perspective:1000px; }
.draw-stack:disabled { cursor:default; }
.draw-stack:focus-visible { outline:2px solid #c2b8d8;outline-offset:12px;border-radius:12px; }
.draw-card { position:absolute;inset:0;border-radius:3.4%;background:#d2c9b8;box-shadow:1px 1px 0 #d4ccbc,2px 2px 0 #736b61,0 18px 35px #0005;overflow:hidden; }
.draw-card::after { content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#fff0 14%,#ffffff0b 42%,#fff0 56%,#00000016);border:1px solid #ffffff19;border-radius:inherit; }
.draw-card img { width:100%;height:100%;display:block;object-fit:fill;user-select:none;-webkit-user-drag:none; }
.draw-card-info { position:absolute;bottom:47px;left:0;right:0;text-align:center;opacity:0;transition:opacity .25s; }
.draw-count { font-size:11px;color:#a69bb9;letter-spacing:.16em; }
.draw-card-info h2 { margin:5px 0;font-size:18px;font-weight:500;color:#e4deed; }
.draw-card-info p { margin:0;color:#858091;font-size:11px; }
.draw-actions { position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:10px;opacity:0; }
.draw-actions button { pointer-events:auto;padding:9px 16px;border:1px solid #ffffff20;border-radius:9px;background:#24242edb;color:#dedce8;font:inherit;font-size:11px;cursor:pointer; }
.reading-cards .draw-actions,.reading-cards .draw-card-info { opacity:1; }
.drawing-cards #pack-stage { z-index:5;pointer-events:none; }
.drawing-cards #card-reveal-stage { z-index:4; }
.reading-cards #pack-stage { visibility:hidden;pointer-events:none; }
.reading-cards .hint,.drawing-cards .hint,.pack-in-transit .hint { opacity:0; }
.pack-in-transit #pack-stage { pointer-events:none; }
.pack-in-transit .pack-view-switch,.drawing-cards .pack-view-switch { pointer-events:none;opacity:.45; }
.drawing-cards .draw-stack,.drawing-cards .draw-actions { pointer-events:none; }
@media(max-width:760px) {
  #card-reveal-stage { top:148px; }
  .draw-stack { width:min(285px,calc((100dvh - var(--console-height) - 300px) * .686),calc(100vw - 72px)); }
  .draw-card-info h2 { font-size:16px; }
}