/* Three readable touch cards; no carousel, fixed rarity or separate reward rules. */
.action-arena .duel-panel.reward-active{padding:12px 8px;align-items:center;background:rgba(28,47,42,.78);overflow:auto}
.action-arena .duel-panel .room-choice.reward-choice{box-sizing:border-box;width:100%;max-width:440px;max-height:none;overflow:visible;margin:auto;padding:18px 10px 12px;border:1px solid #d1c4a8;border-radius:22px;background:#fff9eb;text-align:center;box-shadow:0 16px 44px #102b3a38;color:#423b30}
.reward-choice .reward-heading>small{font-size:11px;color:#78735f;letter-spacing:.04em}
.reward-choice .reward-heading h2{font-size:22px;line-height:1.3;margin:6px 0 3px;color:#3e4839}
.reward-choice .reward-heading p{font-size:12px;line-height:1.4;margin:0 0 16px;color:#7c735d}
.reward-hand{display:grid;grid-template-columns:repeat(var(--card-count,3),minmax(0,1fr));gap:7px;align-items:stretch;isolation:isolate}
.action-arena .reward-choice button.reward-card{--card:#ffedbd;--ink:#876128;position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;min-width:0;min-height:264px;padding:12px 7px 10px;margin:0;border:1.5px solid #ccb889;border-radius:15px;color:#473d2d;background:linear-gradient(165deg,#fffdf7 2%,var(--card) 100%);box-shadow:0 4px 0 #ae99653b,0 6px 10px #71552d12;text-align:center;touch-action:manipulation;cursor:pointer;transform-origin:50% 85%;animation:reward-deal .44s cubic-bezier(.19,.85,.24,1.1) both;animation-delay:calc(var(--deal)*.075s);transition:border-color .15s,box-shadow .15s;overflow:visible}
.action-arena .reward-choice button.reward-card[data-tone=mint]{--card:#dfefdb;--ink:#517251;border-color:#a4b99a}
.action-arena .reward-choice button.reward-card[data-tone=lilac]{--card:#eee1f4;--ink:#806288;border-color:#baa8c4}
.reward-card .reward-type{font-size:11px;font-weight:700;color:var(--ink);line-height:1.4;padding:2px 7px;background:#fff9;border-radius:12px}
.reward-card .reward-art{display:grid;place-items:center;width:60px;height:63px;max-width:100%;position:relative}
.reward-card .reward-art:before{content:'';position:absolute;inset:6px;border-radius:50%;background:#fff9;box-shadow:0 0 0 5px #ffffff38}
.reward-card .reward-art .item-icon{width:52px;height:55px;position:relative;filter:drop-shadow(0 3px 1px #70572e18)}
.reward-card>strong{font-size:15px;line-height:1.4;color:#3c4134;letter-spacing:0;word-break:normal}
.reward-card .reward-description{font-size:13px;line-height:1.55;font-weight:500;color:#625c4e;overflow-wrap:anywhere;text-align:left;flex:1;width:100%}
.reward-card .reward-pick{display:flex;justify-content:center;align-items:center;gap:4px;width:100%;padding:8px 0 0;border-top:1px solid #8a734329;color:var(--ink);font-size:12px;line-height:1.4;font-weight:750;white-space:nowrap}
.reward-pick i{font-size:16px;font-style:normal;line-height:1}
.reward-card .reward-sparks{position:absolute;inset:35% 0 auto;opacity:0;pointer-events:none;font-size:34px;color:#fff6c2;text-shadow:0 0 5px #b78034}
.action-arena .reward-choice .reward-card:focus-visible{outline:3px solid #516f63;outline-offset:3px}
.action-arena .reward-choice .reward-card:active:not(:disabled){transform:translateY(3px) scale(.97);box-shadow:0 1px 0 #ae99653b}
.action-arena .reward-pending .reward-card{animation:none;opacity:.45;filter:saturate(.55)}
.action-arena .reward-pending .reward-card.is-picked{opacity:1;filter:none;z-index:2;border-color:#a07735;box-shadow:0 0 0 3px #f1d68d,0 7px 17px #92703840;animation:reward-pick .34s ease-out both}
.reward-pending .is-picked .reward-sparks{animation:reward-spark .34s ease-out both}
.reward-choice .reward-status{min-height:16px;font-size:11px;color:#65774b;margin:9px 0 2px;line-height:16px}
.reward-choice .reward-tools{display:flex;gap:5px;justify-content:center}
.action-arena .reward-choice .reward-tools button{min-height:44px;flex:1;min-width:0;border:0;border-radius:10px;padding:7px 3px;font-size:11px;font-weight:650;background:#eee7d8;color:#71644c;line-height:1.5;touch-action:manipulation}
.reward-choice .reward-tools button:disabled{opacity:.5}
.reward-choice .reward-details{margin:5px 0 0;text-align:left;position:relative;font-size:12px}
.reward-choice .reward-details summary{padding:9px 2px;text-align:center;color:#797462;cursor:pointer;min-height:36px;box-sizing:border-box}
.reward-choice .reward-details>div{max-height:160px;overflow:auto;background:#f3eee0;border-radius:10px;padding:8px}
.reward-choice .reward-details p{font-size:12px!important;line-height:1.6!important;margin:4px!important;color:#706957}
@keyframes reward-deal{from{opacity:0;transform:translateY(22px) rotate(-3deg) scale(.91)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes reward-pick{0%{transform:translateY(0) scale(.96)}45%{transform:translateY(-7px) scale(1.035)}100%{transform:translateY(-3px) scale(1.015)}}
@keyframes reward-spark{0%{opacity:0;transform:scale(.5)}40%{opacity:1}100%{opacity:0;transform:translateY(-35px) scale(1.5)}}
@media(max-width:350px){.action-arena .duel-panel .room-choice.reward-choice{padding:14px 8px 8px}.reward-hand{gap:5px}.action-arena .reward-choice button.reward-card{padding:10px 5px 8px;gap:7px}.reward-card>strong{font-size:14px}.reward-card .reward-description{font-size:12px}.reward-card .reward-art{height:54px}.reward-card .reward-art .item-icon{height:48px;width:46px}.reward-choice .reward-heading p{margin-bottom:12px}}
.reward-still .reward-card,.reward-still .reward-sparks{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.reward-choice .reward-card,.reward-choice .reward-sparks{animation:none!important;transition:none!important}}