:root{--vault-gold:#f5c76a;--vault-violet:#8d68ff;--vault-cyan:#55dbff;--vault-panel:rgba(15,13,32,.88);--vault-line:rgba(245,199,106,.2)}
*{box-sizing:border-box}.rewards-page{min-height:100vh;background:radial-gradient(circle at 20% 0,rgba(104,58,196,.25),transparent 36%),radial-gradient(circle at 85% 18%,rgba(245,199,106,.14),transparent 30%),#070713;color:#f8f5ff}.rewards-header{position:sticky;top:0;z-index:20;background:rgba(7,7,19,.82);backdrop-filter:blur(18px)}.vault-shell{width:min(1480px,calc(100% - 36px));margin:auto;padding:36px 0 80px}.vault-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:34px;border:1px solid var(--vault-line);border-radius:28px;background:linear-gradient(135deg,rgba(28,20,61,.92),rgba(10,10,24,.95));box-shadow:0 30px 90px rgba(0,0,0,.38)}.vault-hero h1{font-size:clamp(2.4rem,6vw,5.8rem);margin:.1em 0;color:var(--vault-gold);line-height:.95}.vault-hero p{max-width:720px;color:#c8c2dd;line-height:1.8}.vault-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.vault-summary article{padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035)}.vault-summary span{display:block;color:#aaa3c1;font-size:.86rem}.vault-summary strong{display:block;margin-top:8px;font-size:1.7rem;color:#fff}.progress-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 42px}.progress-card{padding:22px;border:1px solid rgba(85,219,255,.2);border-radius:20px;background:var(--vault-panel)}.progress-card.ranked{border-color:rgba(141,104,255,.28)}.progress-card.relic{border-color:rgba(245,199,106,.28)}.progress-card>div:first-child{display:flex;justify-content:space-between;gap:16px}.progress-card strong{color:var(--vault-gold)}.progress-card p{font-size:.88rem;color:#9f98b7;line-height:1.6;margin-bottom:0}.progress-track{height:9px;margin-top:14px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--vault-cyan),var(--vault-violet),var(--vault-gold));transition:width .35s ease}.vault-section{margin-top:46px}.section-heading.compact{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading.compact h2{margin:.12em 0;font-size:clamp(1.7rem,3vw,3rem)}.box-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reward-box{position:relative;overflow:hidden;padding:25px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(155deg,rgba(27,23,50,.96),rgba(10,10,22,.98));min-height:330px}.reward-box:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;filter:blur(15px);opacity:.14;left:-60px;top:-75px;background:var(--box-color,var(--vault-violet))}.reward-box[data-type="relic"]{--box-color:var(--vault-gold);border-color:rgba(245,199,106,.35)}.reward-box[data-type="victory"]{--box-color:var(--vault-violet)}.reward-box[data-type="duelist"]{--box-color:var(--vault-cyan)}.box-icon{font-size:4rem;filter:drop-shadow(0 12px 26px rgba(0,0,0,.45))}.reward-box h3{font-size:1.45rem;margin:14px 0 8px}.reward-box p{color:#aaa3bd;line-height:1.65}.box-balance{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid rgba(255,255,255,.08);margin-top:18px}.box-balance strong{font-size:1.65rem;color:var(--vault-gold)}.box-open{width:100%;margin-top:10px}.odds-line{display:block;color:#807a95;font-size:.78rem;margin-top:10px}.vault-search{display:flex;align-items:center;gap:10px;color:#aaa3bd}.vault-search input{min-width:260px;border:1px solid rgba(255,255,255,.12);background:#0d0d1c;color:#fff;border-radius:12px;padding:11px 14px}.craft-rule{padding:15px 18px;border:1px solid rgba(245,199,106,.2);border-radius:16px;background:rgba(245,199,106,.06);color:#cfc7db;margin-bottom:18px}.legendary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.legendary-card{overflow:hidden;border:1px solid rgba(245,199,106,.17);border-radius:20px;background:rgba(13,12,27,.92)}.legendary-art{position:relative;aspect-ratio:3/2;overflow:hidden;background:#111}.legendary-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.legendary-card:hover img{transform:scale(1.045)}.legendary-owned{position:absolute;top:10px;right:10px;padding:6px 10px;border-radius:999px;background:rgba(6,6,15,.82);border:1px solid rgba(255,255,255,.15);font-size:.78rem}.legendary-copy{padding:16px}.legendary-copy h3{font-size:1rem;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legendary-copy p{margin:0;color:#8f88a6;font-size:.8rem}.fragment-row{display:flex;justify-content:space-between;gap:10px;margin:14px 0 8px;font-size:.84rem}.fragment-row strong{color:var(--vault-gold)}.fragment-track{height:7px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}.fragment-track i{display:block;height:100%;background:linear-gradient(90deg,#a25fff,var(--vault-gold));border-radius:inherit}.craft-button{width:100%;margin-top:13px;padding:10px}.craft-button:disabled,.box-open:disabled{opacity:.42;cursor:not-allowed}.monetization-panel{padding:28px;border:1px solid rgba(245,199,106,.2);border-radius:26px;background:linear-gradient(145deg,rgba(34,24,52,.75),rgba(10,10,22,.96))}.monetization-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.monetization-grid article{padding:18px;border-radius:17px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.monetization-grid span{color:var(--vault-gold);font-weight:800}.monetization-grid h3{margin:9px 0}.monetization-grid p,.fair-note{color:#a8a1ba;line-height:1.65}.fair-note{margin-bottom:0}.reward-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(3,3,10,.82);backdrop-filter:blur(12px)}.reward-overlay[hidden]{display:none}.reward-dialog{position:relative;width:min(680px,100%);max-height:88vh;overflow:auto;padding:30px;border:1px solid rgba(245,199,106,.28);border-radius:26px;background:#111022;box-shadow:0 30px 100px #000}.dialog-close{position:absolute;left:18px;top:14px;border:0;background:transparent;color:#fff;font-size:2rem}.reward-list{display:grid;gap:10px;margin-top:20px}.reward-item{display:flex;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.035)}.reward-item.legendary{border-color:rgba(245,199,106,.35);background:rgba(245,199,106,.08)}.vault-toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translate(-50%,30px);opacity:0;padding:13px 18px;border-radius:12px;background:#19172d;border:1px solid rgba(255,255,255,.12);transition:.25s}.vault-toast.show{transform:translate(-50%,0);opacity:1}.vault-toast.error{border-color:#ff6b91;color:#ffacc0}.login-required{grid-column:1/-1;padding:45px;text-align:center;border:1px dashed rgba(255,255,255,.16);border-radius:22px;color:#b7afc9}
@media(max-width:1050px){.vault-hero{grid-template-columns:1fr}.legendary-grid{grid-template-columns:repeat(3,1fr)}.progress-panel,.box-grid,.monetization-grid{grid-template-columns:1fr}}
@media(max-width:720px){.vault-shell{width:min(100% - 20px,1480px);padding-top:18px}.vault-hero{padding:24px}.vault-summary{grid-template-columns:1fr 1fr}.legendary-grid{grid-template-columns:repeat(2,1fr)}.section-heading.compact{align-items:stretch;flex-direction:column}.vault-search{align-items:stretch;flex-direction:column}.vault-search input{min-width:0;width:100%}}
@media(max-width:480px){.legendary-grid{grid-template-columns:1fr}.vault-summary{grid-template-columns:1fr}.vault-hero h1{font-size:3rem}}
.open-controls{display:grid;grid-template-columns:1fr 72px 1fr;gap:8px;align-items:center}.open-controls select{height:42px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:#0e0d1c;color:#fff;padding:0 8px}.history-panel{padding:26px;border:1px solid rgba(85,219,255,.15);border-radius:24px;background:rgba(10,10,23,.7)}.reward-history{display:grid;gap:10px}.reward-history article{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025)}.reward-history h3,.reward-history p{margin:0}.reward-history p{color:#8f88a6;font-size:.8rem;margin-top:4px}.history-icon{font-size:1.7rem}.history-values{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;color:#cfc8df}.history-values strong{color:var(--vault-gold)}
.cinematic-overlay{background:radial-gradient(circle at center,rgba(49,30,92,.78),rgba(2,2,8,.96));overflow:hidden}.cinematic-stage{position:relative;width:min(900px,100%);min-height:min(760px,92vh);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border:1px solid rgba(245,199,106,.25);border-radius:32px;background:linear-gradient(180deg,rgba(10,8,27,.84),rgba(5,5,14,.96));box-shadow:0 40px 140px #000;overflow:hidden}.cinematic-sky,.cinematic-sky i{position:absolute;inset:0;pointer-events:none}.cinematic-sky{background:radial-gradient(circle at 50% 42%,rgba(141,104,255,.18),transparent 36%)}.cinematic-sky i{background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:80px 80px;opacity:.15;animation:starDrift 12s linear infinite}.cinematic-sky i:nth-child(2){background-size:130px 130px;animation-duration:19s}.cinematic-sky i:nth-child(3){background-size:210px 210px;animation-duration:27s}.skip-reveal{position:absolute;right:22px;top:20px;z-index:4;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28);color:#ccc;border-radius:999px;padding:8px 13px}.chest-scene{position:relative;width:230px;height:190px;margin-bottom:10px;perspective:900px;transition:.5s}.chest-body,.chest-lid{position:absolute;left:20px;width:190px;border:3px solid #d8aa4c;background:linear-gradient(135deg,#5d2f18,#26110d);box-shadow:inset 0 0 0 6px #8a5529,0 22px 60px #000}.chest-body{bottom:5px;height:105px;border-radius:10px 10px 22px 22px;display:grid;place-items:center;font-size:3rem}.chest-lid{top:25px;height:75px;border-radius:55px 55px 8px 8px;transform-origin:center bottom;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.chest-aura{position:absolute;inset:-70px;border-radius:50%;background:radial-gradient(circle,rgba(245,199,106,.48),rgba(141,104,255,.2) 38%,transparent 68%);filter:blur(12px);opacity:.25;animation:auraPulse 1.8s ease-in-out infinite}.chest-scene.opening{animation:chestShake .65s ease-in-out infinite}.chest-scene.opened .chest-lid{transform:rotateX(-115deg) translateY(-10px)}.chest-scene.opened .chest-aura{opacity:1;transform:scale(1.25)}.reveal-copy{position:relative;text-align:center;z-index:2}.reveal-copy h2{font-size:clamp(1.7rem,4vw,3.2rem);margin:.15em 0;color:var(--vault-gold)}.reveal-copy p{color:#a9a1bc}.reveal-card{position:relative;z-index:3;width:min(520px,92%);display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:linear-gradient(135deg,rgba(31,25,61,.96),rgba(11,10,24,.98));box-shadow:0 24px 70px rgba(0,0,0,.45);margin:14px 0}.reveal-card img{width:150px;height:110px;object-fit:cover;border-radius:14px}.reveal-card h3{font-size:1.35rem;margin:5px 0}.reveal-card small{color:#9f97b8}.reveal-card strong{color:var(--vault-gold)}.reveal-icon{font-size:5rem;text-align:center}.reveal-card.legendary{border-color:rgba(245,199,106,.8);box-shadow:0 0 60px rgba(245,199,106,.3),0 24px 70px #000}.legendary-hit:before{content:"";position:fixed;inset:0;background:#fff;animation:legendFlash 1.2s ease-out;pointer-events:none;z-index:100}.reward-summary{position:relative;z-index:3;width:min(650px,94%);margin:18px auto}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.summary-grid>div{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.035);display:flex;justify-content:space-between}.summary-grid .legendary{border-color:rgba(245,199,106,.35)}.reveal-actions{position:relative;z-index:3;display:flex;gap:10px;margin-top:16px}
@keyframes chestShake{0%,100%{transform:rotate(0)}25%{transform:rotate(-2deg) translateY(-2px)}75%{transform:rotate(2deg) translateY(2px)}}@keyframes auraPulse{50%{transform:scale(1.12);opacity:.55}}@keyframes starDrift{to{transform:translateY(80px)}}@keyframes legendFlash{0%{opacity:.95}100%{opacity:0}}@media(max-width:720px){.open-controls{grid-template-columns:1fr 68px}.batch-open{grid-column:1/-1}.reward-history article{grid-template-columns:auto 1fr}.history-values{grid-column:1/-1;justify-content:flex-start}.cinematic-stage{min-height:100vh;border-radius:0;padding:20px}.reveal-card{grid-template-columns:100px 1fr}.reveal-card img{width:100px;height:80px}.summary-grid{grid-template-columns:1fr}}