/* Float the cards over the actual game scene, centered inside the safe screen area. */
.action-arena.pve-card-screen .duel-panel.reward-active.reward-vertical-active{
 background:rgba(16,29,23,.20);
 align-items:center;
 padding-top:max(16px,var(--hud-safe-top));
 padding-bottom:max(16px,var(--hud-safe-bottom));
}
.action-arena.pve-card-screen .duel-panel.reward-active.reward-vertical-active .reward-choice{
 background:transparent;
 border:0;
 border-radius:0;
 box-shadow:none;
 padding:14px 8px;
}
.reward-choice.reward-vertical .reward-full-details{
 margin-top:16px;
 border:0;
 background:transparent;
 border-radius:12px;
}
.reward-choice.reward-vertical .reward-full-details>summary{
 box-sizing:border-box;
 width:96px;
 margin:0 auto;
 min-height:44px;
 padding:11px 14px;
 border:1px solid #fff7e58c;
 border-radius:22px;
 background:#f8f5eaf2;
 color:#354c3b;
 box-shadow:0 3px 10px #10251b24;
 line-height:20px;
}
.reward-choice.reward-vertical .reward-full-details[open]{background:#f8f5eafa;padding:0 12px 12px;box-shadow:0 8px 24px #10251b26}
.reward-choice.reward-vertical .reward-full-details[open]>summary{margin-bottom:12px;border-color:transparent;box-shadow:none;background:transparent}
.reward-choice.reward-vertical .reward-full-details>summary:focus-visible{outline:3px solid #dbe7ba;outline-offset:3px}
/* Announce success without inserting a new row and shifting the centered cards. */
.reward-choice.reward-vertical .reward-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);margin:0;padding:0}
.reward-choice.reward-vertical.reward-retry .reward-status{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;margin:8px 0;color:#2f4636;background:#f8f5eaf2;border-radius:8px;padding:7px 10px}
/* Press, release and confirm are short; no looping sparkle or full-screen flash. */
.action-arena .reward-choice.reward-vertical button.reward-card{
 --pick-ring:#d2dfc1;
 --pick-glow:#b6cf9e40;
 box-shadow:0 5px 14px #10251b30;
 transition:transform .12s ease,box-shadow .16s ease,opacity .14s ease;
 animation:card-float-in .24s ease-out backwards;
 animation-delay:calc(var(--deal)*.045s);
}
.action-arena .reward-choice.reward-vertical button.reward-card[data-tier=rare]{--pick-ring:#c8e1b5;--pick-glow:#acd09d55}
.action-arena .reward-choice.reward-vertical button.reward-card[data-tier=epic]{--pick-ring:#e5dfb0;--pick-glow:#d6d8a566}
.action-arena .reward-choice.reward-vertical button.reward-card[data-tier=legendary]{--pick-ring:#f1d68d;--pick-glow:#edc77370}
.action-arena .reward-choice.reward-vertical button.reward-card:focus-visible{outline:3px solid #fff7d9;outline-offset:3px}
.action-arena .reward-choice.reward-vertical button.reward-card:active:not(:disabled){animation:none;transform:translateY(2px) scale(.985);box-shadow:0 2px 5px #10251b30}
.action-arena .reward-choice.reward-vertical.reward-pending button.reward-card{animation:none;opacity:.58;filter:none}
.action-arena .reward-choice.reward-vertical.reward-pending button.reward-card.is-picked{
 opacity:1;
 border-color:var(--pick-ring);
 box-shadow:0 0 0 2px var(--pick-ring),0 7px 20px var(--pick-glow);
 animation:card-float-confirm .28s ease-out both;
}
@keyframes card-float-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes card-float-confirm{0%{transform:translateY(1px) scale(.985)}65%{transform:translateY(-7px) scale(1.018)}100%{transform:translateY(-5px) scale(1.012)}}
.action-arena .reward-choice.reward-vertical.reward-still button.reward-card{animation:none!important;transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.action-arena .reward-choice.reward-vertical button.reward-card{animation:none!important;transition:none!important;transform:none!important}}