/* Casino-only reward stage; the existing game HUD is unchanged. */
.casino-fx-option{display:inline-flex;gap:6px;align-items:center;font-size:11px;color:#d9c9bb;margin-top:9px;cursor:pointer}
#casino-celebration{position:fixed;inset:0;z-index:3;overflow:hidden;color:#fff6d7;--reward-color:#ffcd56}
#casino-fx-canvas{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;pointer-events:none}
.reward-hero{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;text-align:center;pointer-events:none;padding-top:19vh}
#reward-eyebrow{font-size:12px;font-weight:900;letter-spacing:6px;color:var(--reward-color);text-shadow:0 2px #000;margin-bottom:12px}
#reward-heading{font-size:clamp(26px,4vw,65px);line-height:1.15;color:#fff2b3;font-weight:1000;letter-spacing:1px;text-shadow:0 3px 0 #8b451a,0 6px 0 #3d1521,0 0 32px var(--reward-color);margin:0 20px;max-width:90vw}
.reward-jackpot #reward-heading{font-style:italic;font-size:clamp(48px,7.2vw,118px);background:linear-gradient(#fffbe5,#ffea80 45%,#ffa22a 55%,#ffe397);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 5px #601f24);text-shadow:none}
.reward-jackpot .reward-hero{padding-top:28vh}
#reward-count{font-size:clamp(38px,6vw,90px);color:#ffe786;text-shadow:0 3px #87431b,0 5px #2b1017;margin-top:27px;font-variant-numeric:tabular-nums}
#reward-receipt{color:#eee5d5;font-size:14px;text-shadow:0 2px 4px #000;margin:20px 0}
.reward-jackpot #reward-receipt{margin-top:4px}
.reward-legendary .reward-hero{padding-top:10vh}
.reward-legendary #reward-heading{font-size:clamp(25px,3.2vw,46px)}
.reward-legendary #reward-portrait{height:40vh}
#reward-info h3{font-size:clamp(28px,3vw,42px);margin:0 0 10px;color:#fff;text-shadow:0 2px #24112e,0 0 20px var(--reward-color)}
.reward-types{display:flex;gap:10px;justify-content:center}
.reward-types>span{display:flex;align-items:center;gap:6px;padding:5px 14px;border:1px solid var(--reward-color);border-radius:18px;background:#151323da;font-size:14px}
.reward-types .type-symbol,.rare-prize-card .type-symbol{width:20px;height:20px;display:inline-flex}
.reward-synergy{margin-top:14px;padding:10px 24px;border:1px solid var(--reward-color);border-radius:12px;background:linear-gradient(120deg,#1b183be8,#141223c9);box-shadow:inset 0 0 15px #ba86ea21,0 0 16px #0004;display:flex;flex-direction:column;gap:5px}
.reward-synergy b{font-size:18px;color:var(--reward-color)}.reward-synergy em{font-style:normal;color:#fff;margin-left:10px}.reward-synergy small{font-size:12px;color:#ddd4e8}
#reward-confirm{pointer-events:auto;padding:12px 40px;border:2px solid #fff3bb;border-radius:9px;box-shadow:0 4px #775525;background:linear-gradient(#ffe392,#d8a84c);font-size:17px;font-weight:900;color:#312133;cursor:pointer}
.reward-tools{position:absolute;right:24px;bottom:24px;display:flex;gap:20px;align-items:center;font-size:12px;color:#ded8e8}.reward-tools label{cursor:pointer}.reward-tools button{border:1px solid #b8adc0;background:#181323d9;color:#fff;padding:10px 15px;border-radius:7px}.reward-tools small{margin-left:15px;color:#baafc5}
.rare-prize-card{margin-top:25px;width:230px;min-height:265px;border:3px solid #e1b7ff;outline:2px solid #673885;border-radius:20px;background:linear-gradient(145deg,#4d2865,#1a1533 62%,#462353);box-shadow:0 0 45px #bd70f45e,inset 0 0 0 5px #8547a666;display:flex;align-items:center;flex-direction:column;padding:18px;position:relative;overflow:hidden}
.rare-prize-card:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 22%,#ffffff1c 24%,#ffffff05 48%,transparent 50%);pointer-events:none}
.rare-prize-card img{width:128px;height:128px;object-fit:contain;image-rendering:pixelated}.rare-prize-card>b{font-size:26px;margin-top:10px}.rare-prize-card>span{font-size:12px;margin:8px 0;display:flex;align-items:center;gap:4px}.rare-prize-card>strong{font-size:21px;color:#ffdf84}
#casino-celebration[data-phase="anticipation"] .reward-hero{opacity:0;transform:translateY(10px)}
.reward-hero{transition:opacity .25s ease,transform .3s ease}
#casino-celebration[data-phase="silhouette"] #reward-info,#casino-celebration[data-phase="silhouette"] #reward-receipt{visibility:hidden}
#casino-overlay.jackpot .marquee-lights{animation:none}
#casino-overlay.reward-lights .marquee-lights{animation:rewardLamp .8s linear 1}
@keyframes rewardLamp{0%,20%,55%,80%,100%{filter:brightness(1)}10%,65%{filter:brightness(2)}}
.reduced-casino-fx .reward-hero{transition:none}.reduced-casino-fx .rare-prize-card{box-shadow:inset 0 0 0 5px #8547a633}.reduced-casino-fx #reward-heading{filter:none;text-shadow:0 2px #38222c}
@media(max-height:800px){.reward-legendary .reward-hero{padding-top:7vh}.reward-legendary #reward-portrait{height:39vh}.reward-synergy{margin-top:9px;padding:8px 18px}#reward-info h3{font-size:30px;margin-bottom:7px}.reward-legendary #reward-receipt{margin:10px 0}#reward-confirm{padding:9px 32px}.reward-tools{bottom:15px}.rare-prize-card{min-height:230px;padding:12px;margin-top:14px}.rare-prize-card img{width:112px;height:112px}.reward-offer .reward-hero{padding-top:14vh}}
@media(max-width:700px){.reward-tools{right:10px;bottom:12px;gap:9px}.reward-tools small{margin-left:8px}.reward-synergy{padding:10px 12px}.reward-synergy small{font-size:10px}}