/* Deck-only presentation. Main screen, conversation and face artwork are unchanged. */
body[data-phase="pick"] #stage .card.fan {touch-action:none;transition-duration:.68s;transition-timing-function:cubic-bezier(.22,.8,.22,1)}
body[data-phase="pick"] #stage .card.fan .tilt,
body[data-phase="pick"] #stage .card.fan:hover .tilt,
body[data-phase="pick"] #stage .card.fan.touched .tilt,
body[data-phase="pick"] #stage .card.fan:active .tilt {transform:none}
body[data-phase="pick"] #stage .card.fan .back {box-shadow:-2px 0 3px #0008,0 3px 5px #0006,0 0 0 1px #d8bb7950}
body[data-phase="pick"] #stage .card.fan .back::after {animation:none;opacity:0;box-shadow:none}
body[data-phase="pick"] #stage .card.fan.deck-peeking .tilt {transform:translateY(-8px)}
body[data-phase="pick"] #stage .card.fan.deck-peeking .back::after,
body[data-phase="pick"] #stage .card.fan:focus-visible .back::after {opacity:1}
body[data-phase="pick"] #stage .card.fan:focus-visible {outline:2px solid var(--gold-light);outline-offset:2px}
#stage.quick[data-shuffle] .card {transition-property:transform,opacity;transition-timing-function:cubic-bezier(.24,.72,.22,1);pointer-events:none}
#stage.quick[data-shuffle="gather"] .card {transition-duration:.36s}
#stage.quick[data-shuffle="cut"] .card {transition-duration:.4s}
#stage.quick[data-shuffle="riffle"] .card {transition-duration:.19s;transition-timing-function:cubic-bezier(.25,.05,.25,1)}
#stage.quick[data-shuffle="bridge"] .card {transition-duration:.18s}
#stage.quick[data-shuffle="square"] .card {transition-duration:.24s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}
#stage.quick[data-shuffle] .card .back {box-shadow:0 1px 0 #c4b48980,0 3px 5px #0005}
.deck-help {position:fixed;bottom:max(17px,env(safe-area-inset-bottom));left:52px;right:52px;z-index:6;text-align:center;font:12px/1.5 var(--sans);letter-spacing:0;color:#b8b1a4;pointer-events:none;opacity:0;transition:opacity .25s}
body[data-phase="pick"] .deck-help {opacity:1}
.deck-peek {position:fixed;left:0;top:0;width:108px;height:180px;z-index:45;pointer-events:none;opacity:0;transition:opacity .12s;contain:layout style;will-change:transform}
.deck-peek.on {opacity:1}
.deck-peek-card {position:absolute;inset:0;background:var(--back) center/100% 100% no-repeat;border-radius:4px;box-shadow:0 12px 25px #0009,0 0 0 1px var(--gold);transform:scale(.94);transition:transform .16s cubic-bezier(.2,.8,.2,1)}
.deck-peek.on .deck-peek-card {transform:scale(1)}
.deck-peek span {position:absolute;left:50%;bottom:9px;transform:translateX(-50%);width:max-content;max-width:96px;padding:4px 8px;border:1px solid #d9bb7b66;border-radius:20px;background:var(--ink);color:var(--gold-light);font:12px/1.4 var(--sans)}
@media (prefers-reduced-motion:reduce) {
 body[data-phase="pick"] #stage .card.fan {transition-duration:.12s;transition-delay:0ms!important}
 body[data-phase="pick"] #stage .card.fan.deck-peeking .tilt {transform:none}
 #stage.quick[data-shuffle] .card {transition-duration:.12s;transition-delay:0ms!important}
 .deck-peek,.deck-peek-card,.deck-help {transition:none}
 .deck-peek-card {transform:none}
}