/* 0.10.30 base: portrait cards for Buff and route choices only. */
.action-arena .duel-panel.reward-active.reward-vertical-active{
 box-sizing:border-box;
 padding-top:calc(var(--hud-bottom) + 10px);
 padding-right:max(12px,var(--hud-safe-right));
 padding-bottom:max(12px,var(--hud-safe-bottom));
 padding-left:max(12px,var(--hud-safe-left));
 grid-template-rows:minmax(0,1fr);
 min-height:0;
 align-items:start;
 overflow:hidden;
 overflow-y:hidden;
}
.action-arena .duel-panel.reward-active.reward-vertical-active .reward-choice{
 min-height:0;
 max-height:100%;
 max-width:560px;
 padding:18px 10px 12px;
 margin:0 auto;
 text-align:center;
 overflow:auto;
 overflow-x:hidden;
 overflow-y:auto;
 overscroll-behavior:contain;
 touch-action:pan-y;
 -webkit-overflow-scrolling:touch;
}
.reward-choice.reward-vertical .reward-heading h2{margin:0 0 6px;font-size:22px;line-height:1.35}
.reward-choice.reward-vertical .reward-heading p{margin:0 0 14px;font-size:13px;line-height:1.5}
.reward-choice.reward-vertical .reward-hand{
 display:grid;
 grid-template-columns:repeat(var(--card-count,3),minmax(0,1fr));
 gap:8px;
 align-items:stretch;
 width:100%;
 margin:0 auto;
}
.reward-choice.reward-vertical[data-choice-kind=route] .reward-hand{max-width:420px}
.action-arena .reward-choice.reward-vertical button.reward-card{
 display:flex;
 flex-direction:column;
 grid-template-columns:none;
 align-items:center;
 gap:9px;
 min-height:266px;
 padding:14px 8px 10px;
 text-align:center;
}
.reward-choice.reward-vertical .reward-card .reward-type{font-size:12px;font-weight:700;line-height:1.5;min-height:18px;padding:0;background:none;color:inherit}
.reward-choice.reward-vertical .reward-card .reward-art{grid-row:auto;flex:0 0 42px;align-self:center;width:40px;height:42px;margin:0;padding:0}
.reward-choice.reward-vertical .reward-card>strong{display:block;width:100%;font-size:16px;line-height:1.45;margin:0;color:inherit;overflow-wrap:anywhere}
.reward-choice.reward-vertical .reward-card .reward-description{flex:1;width:100%;font-size:14px;line-height:1.55;text-align:center;color:inherit;overflow-wrap:anywhere}
.reward-choice.reward-vertical .reward-card .reward-pick{grid-column:auto;display:flex;justify-content:center;width:100%;padding:8px 0 0;margin-top:auto;border-top:1px solid currentColor;font-size:13px;line-height:1.5;white-space:normal;color:inherit}
/* Buff rarity deepens in one hue family; route cards keep their route labels. */
.action-arena .reward-choice.reward-vertical button.reward-card[data-tier=common]{--paper:#edf1e7;--card-ink:#304433;border-color:#a1ad97}
.action-arena .reward-choice.reward-vertical button.reward-card[data-tier=rare]{--paper:#bdcfb7;--card-ink:#273e2c;border-color:#819777}
.action-arena .reward-choice.reward-vertical button.reward-card[data-tier=epic]{--paper:#526d57;--card-ink:#fffdf3;border-color:#3e5843}
.action-arena .reward-choice.reward-vertical button.reward-card[data-tier=legendary]{--paper:#233d2e;--card-ink:#fff5db;border-color:#162c20}
.reward-choice.reward-vertical .reward-tools{justify-content:center}
.reward-choice.reward-vertical .reward-full-details{margin-top:8px}
.reward-choice.reward-vertical .reward-full-details summary{font-weight:650}
.reward-choice.reward-vertical .reward-full-details p{overflow-wrap:anywhere}
.reward-choice.reward-vertical .reward-run-details{border-top:1px solid #d0d4c8;padding-top:12px}
@media(max-width:350px){
 .action-arena .duel-panel.reward-active.reward-vertical-active .reward-choice{padding:16px 8px 10px}
 .reward-choice.reward-vertical .reward-hand{gap:6px}
 .action-arena .reward-choice.reward-vertical button.reward-card{padding:12px 5px 9px;gap:8px}
}