
/* Rewards and compact discovery surfaces share the player's selected theme. */
.sidebar a.nav{display:flex;align-items:center;text-decoration:none;box-sizing:border-box;width:100%}.sidebar .sidebar-rules{display:block;color:var(--muted);font-size:10px;line-height:1.6;padding:4px 12px}.sidebar .nav-label{margin-top:17px}.sidebar .sidebar-card{display:none}.sidebar .nav{min-height:38px}.sidebar .side-bottom{margin-top:24px}.spotlight-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 4px;color:var(--muted);font-size:11px}.spotlight-controls button{border:1px solid var(--line);background:var(--panel);color:var(--text,#fff);border-radius:8px;padding:7px 12px;min-height:34px}.collection-spotlight[data-art=portrait]{background:radial-gradient(ellipse at 60% 30%,#614381,#201327 70%)}.collection-spotlight[data-art=portrait] img{width:75%;height:110%;left:25%;top:-6%;object-fit:contain}.collection-spotlight[data-art=scene] img{width:100%;height:100%;inset:0;object-fit:cover}.collection-spotlight[data-art=cards]{background:radial-gradient(ellipse at 70% 30%,#245e4d,#0a2621 75%)}.spotlight-symbol{display:grid;place-items:center;position:absolute;right:14%;top:7%;width:135px;height:175px;background:#faf1db;border-radius:13px;color:#132a25;font:70px Georgia;transform:rotate(14deg);box-shadow:-20px 12px 0 -3px #d4b476,0 20px 40px #0007}.spotlight-caption strong{max-width:320px}.spotlight-caption{pointer-events:none}.collection-benefits{padding-top:6px}
.rewards-shell{max-width:950px;margin:auto}.rewards-intro{text-align:center;padding:16px 10px}.rewards-intro h3{font-size:32px;margin:13px 0 8px;letter-spacing:-1px}.rewards-intro p{color:var(--muted);font-size:13px}.mystery-stage{position:relative;text-align:center;padding:12px 20px 24px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at 50% 35%,var(--accent-soft),transparent 65%),var(--panel)}.mystery-chest{position:relative;width:255px;height:220px;margin:0 auto;perspective:700px;isolation:isolate}.chest-base{position:absolute;left:32px;top:113px;width:192px;height:88px;border-radius:8px 8px 24px 24px;background:linear-gradient(110deg,#423052,#20172e 65%,#483051);border:3px solid #cba666;box-shadow:inset 0 -10px 0 #120c24,0 14px 25px #0008;z-index:3}.chest-base:before,.chest-base:after,.chest-lid:before,.chest-lid:after{content:'';position:absolute;top:0;bottom:0;width:16px;background:linear-gradient(90deg,#876135,#f5d693,#8f6538)}.chest-base:before,.chest-lid:before{left:22px}.chest-base:after,.chest-lid:after{right:22px}.chest-base b{position:absolute;z-index:4;left:75px;top:-8px;width:37px;height:46px;display:grid;place-items:center;background:linear-gradient(120deg,#f4d78e,#ac753e);border:2px solid #ffe8ad;border-radius:6px 6px 16px 16px;color:#432450;font-size:26px;box-shadow:0 5px 10px #0006}.chest-lid{position:absolute;left:29px;top:57px;width:198px;height:65px;border-radius:42px 42px 5px 5px;background:linear-gradient(#65476d,#302139);border:3px solid #e4c080;transform-origin:50% 95%;z-index:5;overflow:hidden;box-shadow:inset 0 4px 0 #ffffff28,0 6px 10px #0005;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.chest-lid i{position:absolute;inset:16px 50px;border:1px solid #c19c6970;border-radius:20px}.chest-halo{position:absolute;inset:16px;border-radius:50%;background:radial-gradient(circle,#ffd98580,transparent 68%);opacity:.3;transition:opacity .5s,transform .5s}.chest-spark{position:absolute;color:#ffe3a2;font-size:27px;z-index:7;opacity:.7}.spark-one{left:10px;top:55px}.spark-two{right:0;top:115px;font-size:19px}.chest-shadow{position:absolute;left:25px;right:25px;bottom:1px;height:20px;filter:blur(8px);background:#0006;border-radius:50%}.box-result{min-height:116px}.box-result>span{font-size:9px;letter-spacing:2.5px;color:var(--accent);font-weight:800}.box-result h3{font-size:30px;margin:12px 0 8px}.box-result p,.key-count{font-size:12px;color:var(--muted);line-height:1.6}.mystery-stage>.primary{min-width:235px}.mystery-stage.shaking .mystery-chest{animation:chest-rattle .3s ease-in-out infinite}.mystery-stage.opened .chest-lid{transform:translateY(-32px) rotateX(-65deg)}.mystery-stage.opened .chest-halo{opacity:1;transform:scale(1.7)}.mystery-stage.opened .chest-spark{animation:reward-spark 1s ease-out both}.mystery-stage.opened .box-result h3{color:#f6d692;animation:reward-arrive .4s ease-out}.key-ways{margin:25px 0}.key-ways>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.key-ways article{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:13px;font-size:12px}.key-ways p{color:var(--muted);line-height:1.7}.key-ways small{display:block;color:var(--muted);font-size:10px}.key-ways progress{width:100%;accent-color:var(--accent);height:8px}.key-ways .fine-note{font-size:11px}.gift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gift-card{position:relative;padding:23px;border:1px solid var(--line);background:linear-gradient(140deg,var(--accent-soft),var(--panel) 65%);border-radius:18px;overflow:hidden}.gift-card h3{font-size:24px;margin:16px 0 10px;overflow-wrap:anywhere}.gift-card>p{font-size:12px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.gift-orbit{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#f7da94;font-size:34px;background:linear-gradient(145deg,#5a406b,#251b35);border:1px solid #cbb07b75;margin-bottom:19px;box-shadow:0 8px 32px #b892491d}.gift-items{padding:0;list-style:none;display:grid;gap:8px;margin:18px 0}.gift-items li{padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:13px;background:var(--surface)}.gift-celebration{text-align:center;padding:30px}.gift-celebration .gift-orbit{margin:0 auto 25px;animation:reward-arrive .5s ease-out}.gift-celebration h3{font-size:32px}.gift-celebration .primary{width:100%;margin-top:10px}.reward-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.reward-history{margin-top:25px;font-size:13px}.reward-history p{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px}.reward-history small{color:var(--muted)}.free-play-banner{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:15px 18px;border:1px solid var(--accent);border-radius:12px;background:var(--accent-soft);margin-bottom:18px}.free-play-banner div{flex:1;min-width:200px}.free-play-banner b,.free-play-banner span{display:block}.free-play-banner b{font-size:12px;color:var(--accent)}.free-play-banner span{font-size:11px;color:var(--muted);margin-top:5px}.free-play-banner button{font-size:11px}.free-play-banner[hidden]{display:none}
.gift-owner-section{padding:20px;border:1px solid var(--line);border-radius:15px;margin:18px 0}.gift-owner-section h3{margin-top:0}.gift-filter-grid,.gift-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gift-filter-grid .field,.gift-input-grid .field{margin:0}.gift-recipients{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:12px;margin:12px 0}.gift-recipient{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line);cursor:pointer}.gift-recipient input{width:18px;height:18px;accent-color:var(--accent)}.gift-recipient span{display:grid;gap:4px;font-size:12px}.gift-recipient small{color:var(--muted);font-size:10px}.gift-review{padding:18px;border:1px solid var(--accent);border-radius:12px;background:var(--accent-soft);margin:15px 0;font-size:13px;line-height:1.8}.gift-review ul{padding-left:20px}.gift-review button{margin-top:10px}.gift-sent-list{display:grid;gap:10px}.gift-sent-list article{padding:14px;border:1px solid var(--line);border-radius:12px;font-size:12px}.gift-sent-list p{color:var(--muted);margin:7px 0;line-height:1.7}.gift-owner-section .field input,.gift-owner-section .field select{min-width:0;width:100%;box-sizing:border-box}.gift-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.gift-preview-heading button{font-size:11px}
@keyframes chest-rattle{0%,100%{transform:rotate(0)}25%{transform:translateX(-3px) rotate(-4deg)}75%{transform:translateX(3px) rotate(4deg)}}@keyframes reward-spark{from{transform:scale(.4);opacity:0}to{transform:translateY(-30px) scale(1.5);opacity:1}}@keyframes reward-arrive{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:760px){.key-ways>div,.gift-grid{grid-template-columns:1fr}.gift-filter-grid,.gift-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rewards-intro h3{font-size:28px}.gift-owner-section{padding:14px}.mystery-stage{padding-inline:12px}.gift-celebration{padding:20px}.free-play-banner{gap:10px}.free-play-banner div{min-width:100%;}.spotlight-controls{justify-content:center}.gift-recipients{max-height:230px}}@media(max-width:380px){.gift-filter-grid,.gift-input-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.mystery-chest,.chest-lid,.chest-halo,.chest-spark,.gift-orbit,.box-result h3{animation:none!important;transition:none!important}}body.reduce-motion .mystery-chest,body.reduce-motion .chest-spark,body.reduce-motion .gift-orbit{animation:none!important}

body.reduce-motion .chest-lid,body.reduce-motion .chest-halo,body.reduce-motion .box-result h3{animation:none!important;transition:none!important}
