.rewards-arena{margin-top:34px;padding:26px;border:1px solid rgba(102,132,255,.34);border-radius:20px;overflow:hidden;position:relative;background:radial-gradient(circle at 4% 10%,rgba(60,111,255,.24),transparent 30%),radial-gradient(circle at 94% 92%,rgba(243,183,57,.17),transparent 31%),linear-gradient(145deg,#111c35,#070c18)}.rewards-arena:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background:linear-gradient(116deg,transparent 18%,rgba(255,255,255,.06) 28%,transparent 38%);transform:translateX(-75%);animation:rewardSweep 9s ease-in-out infinite}@keyframes rewardSweep{45%,100%{transform:translateX(125%)}}.rewards-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:22px}.rewards-head h2{margin:3px 0 8px;font-size:29px;letter-spacing:-.055em}.rewards-head h2 span{color:#f8c960}.rewards-head>div>p:not(.eyebrow){max-width:590px;margin:0;color:#aebbe0;font-size:13px;line-height:1.55}.rewards-currency{display:flex;align-items:center;gap:9px;flex-shrink:0;padding:10px 13px;border:1px solid rgba(255,210,109,.45);border-radius:13px;background:linear-gradient(135deg,rgba(255,192,59,.2),rgba(75,57,22,.12));box-shadow:0 0 26px rgba(255,194,66,.1)}.rewards-currency>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffe7a8,#b27a18);color:#231600;font-weight:900}.rewards-currency small{display:block;font-size:8px;font-weight:900;letter-spacing:.11em;color:#e6c87d}.rewards-currency strong{display:block;margin-top:2px;font-size:20px;color:#fff3ce}.rewards-currency em{font-style:normal;font-size:9px;color:#a9b8da;border-left:1px solid rgba(255,255,255,.13);padding-left:9px}.rewards-tabs{position:relative;z-index:1;display:flex;gap:6px;overflow-x:auto;margin:24px -4px 15px;padding:4px}.rewards-tabs button{flex:1;min-width:max-content;border:1px solid rgba(136,157,222,.28);border-radius:8px;padding:11px 16px;background:linear-gradient(180deg,rgba(34,45,79,.93),rgba(12,18,35,.95));color:#aab6d8;font:800 11px inherit;cursor:pointer}.rewards-tabs button span{margin-right:7px;color:#f4c95e}.rewards-tabs button[aria-selected="true"]{color:#fff5d2;border-color:#f2a83d;background:linear-gradient(135deg,#5f310d,#1f1720);box-shadow:inset 0 0 0 1px rgba(255,205,98,.2),0 0 22px rgba(241,155,45,.13)}.rewards-stage{position:relative;border:1px solid rgba(93,128,220,.22);border-radius:15px;background:#07111f;overflow:hidden}.rewards-stage-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 10%,rgba(81,126,255,.14),transparent 57%);pointer-events:none}.rewards-rail{position:relative;z-index:1;display:flex;gap:15px;overflow-x:auto;padding:18px;scroll-snap-type:x mandatory}.rewards-rail::-webkit-scrollbar{height:7px}.rewards-rail::-webkit-scrollbar-thumb{background:#4b6196;border-radius:7px}.reward-item{min-width:250px;max-width:250px;flex:0 0 250px;scroll-snap-align:start;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid rgba(105,135,218,.35);border-radius:12px;background:linear-gradient(180deg,rgba(21,37,71,.97),rgba(8,15,31,.99));box-shadow:0 14px 30px rgba(0,0,0,.28)}.reward-item.rarity-epique{border-color:rgba(203,119,255,.65)}.reward-item.rarity-legendaire{border-color:rgba(255,204,88,.72)}.reward-ribbon{position:absolute;z-index:2;top:10px;left:10px;padding:5px 8px;border-radius:5px;background:rgba(6,11,24,.75);border:1px solid rgba(255,255,255,.15);font-size:8px;letter-spacing:.1em;font-weight:900;color:#ffe69e}.reward-art{height:193px;display:grid;place-items:center;padding:8px;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(41,81,175,.45),transparent 61%)}.reward-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 12px rgba(0,0,0,.34));transform:scale(1.1);transition:transform .32s ease}.reward-item:hover .reward-art img{transform:scale(1.18) rotate(-1deg)}.reward-copy{flex:1;padding:0 14px 12px}.reward-copy p{margin:0 0 5px;color:#8ea9ff;font-size:8px;letter-spacing:.13em;font-weight:900}.reward-copy h3{font-size:18px;margin:0 0 6px;letter-spacing:-.03em}.reward-copy small{display:block;min-height:42px;color:#aeb9d8;font-size:10px;line-height:1.45}.reward-item button{margin:0 11px 11px;border:1px solid rgba(141,178,255,.7);border-radius:7px;padding:11px 8px;background:linear-gradient(180deg,#4776df,#1f4198);box-shadow:inset 0 1px rgba(255,255,255,.27),0 3px 0 #12296a;color:#f6f9ff;font:900 10px inherit;letter-spacing:.04em;cursor:pointer}.reward-item button:hover:not(:disabled){filter:brightness(1.14);transform:translateY(-1px)}.reward-item button:disabled{cursor:default;opacity:.52;background:linear-gradient(180deg,#4a526a,#20283b);box-shadow:none}.rewards-footer{position:relative;z-index:1;display:flex;align-items:center;gap:16px;margin-top:16px;padding:0 4px}.rewards-footer p{margin:0 0 2px;color:#9eafdb;font-size:8px;letter-spacing:.12em;font-weight:900}.rewards-footer strong{font-size:13px}.rewards-mini-inventory{display:flex;gap:5px;align-items:center;margin-left:auto}.rewards-mini-inventory span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:linear-gradient(145deg,#5e438c,#182747);border:1px solid rgba(190,177,255,.4);color:#ffe2a1;font-size:14px}.rewards-mini-inventory small,.rewards-test-note{color:#8f9ebf;font-size:10px}.rewards-test-note{margin-left:auto;text-align:right}@media(max-width:820px){.rewards-arena{padding:19px}.rewards-head{align-items:flex-start;flex-direction:column}.rewards-currency{width:100%;box-sizing:border-box}.rewards-currency em{margin-left:auto}.rewards-footer{align-items:flex-start;flex-wrap:wrap}.rewards-mini-inventory{margin-left:0}.rewards-test-note{margin-left:0;text-align:left;width:100%}}@media(max-width:560px){.rewards-arena{margin-top:25px;padding:15px;border-radius:15px}.rewards-head h2{font-size:24px}.rewards-head>div>p:not(.eyebrow){font-size:12px}.rewards-tabs{margin-top:17px}.rewards-tabs button{padding:10px 13px;font-size:10px}.rewards-rail{padding:12px;gap:11px}.reward-item{min-width:222px;max-width:222px;flex-basis:222px}.reward-art{height:176px}.reward-copy h3{font-size:16px}.rewards-currency{padding:9px 10px}.rewards-currency em{font-size:8px}}

.reward-art.reward-sprite{padding:0;background-color:#091324;background-image:var(--reward-image);background-repeat:no-repeat;background-size:var(--sprite-size) 100%;background-position:var(--sprite-position) 50%;background-origin:border-box;background-clip:border-box;filter:drop-shadow(0 15px 12px rgba(0,0,0,.34));transition:filter .24s ease,transform .24s ease}.reward-item:hover .reward-art.reward-sprite{filter:brightness(1.08) drop-shadow(0 17px 15px rgba(0,0,0,.38));transform:translateY(-2px) scale(1.012)}.reward-effect{display:block;margin-top:8px;color:#ffe2a1;font-size:10px;line-height:1.25}

/* Chaque illustration reste dans son panneau : le toucher donne un rebond, jamais une rotation ou un glisser manipulable. */
.reward-item .reward-art.reward-sprite{margin:0;border:0;border-radius:0;padding:0;width:100%;height:193px;box-shadow:none;cursor:pointer;touch-action:pan-x pan-y;will-change:transform;transform:translateZ(0);overflow:hidden}.reward-item .reward-art.reward-sprite.is-tapped{animation:rewardObjectTap .48s cubic-bezier(.2,.85,.25,1)}@keyframes rewardObjectTap{0%{transform:translateZ(0) scale(1)}38%{transform:translateY(-6px) scale(1.045);filter:brightness(1.16) drop-shadow(0 19px 18px rgba(0,0,0,.42))}68%{transform:translateY(1px) scale(.992)}100%{transform:translateZ(0) scale(1)}}@media(prefers-reduced-motion:reduce){.reward-item .reward-art.reward-sprite.is-tapped{animation:none}}@media(max-width:560px){.reward-item .reward-art.reward-sprite{height:176px}}
