.reward-boxes{display:grid;gap:18px;padding:20px;background:#000a;border:1px solid #80bce42b;border-radius:12px}.reward-box{border:1px solid #cbb27670;border-radius:8px;overflow:hidden;background:linear-gradient(130deg,#132e43f5,#071421f5);color:#d8e7f0}.reward-box>summary{display:flex;align-items:center;gap:18px;padding:18px 22px;cursor:pointer;list-style:none;background:linear-gradient(100deg,#173b58,#0a1c30);border-bottom:1px solid #cbb27640}.reward-box>summary::-webkit-details-marker{display:none}.reward-box>summary>span{font:700 20px Georgia,serif;color:#f5e2b7}.reward-box>summary small{margin-left:auto;color:#99d6ff;font-size:9px;letter-spacing:2px}.reward-box>summary>b{color:#e9ce8e;transition:transform .2s}.reward-box[open]>summary>b{transform:rotate(180deg)}.reward-box-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:26px;padding:22px}.reward-box-preview{border:1px solid #cbb27660;border-radius:5px;padding:14px;text-align:center;background:#020b1399;display:flex;flex-direction:column;align-items:stretch}.reward-eyebrow{font-size:9px;letter-spacing:3px;color:#e6c879}.reward-box-art{height:210px;margin:12px 0;background:radial-gradient(ellipse,#29445788,#02070d);border:1px solid #8ac5ef20;display:grid;place-items:center;overflow:hidden;border-radius:5px}.reward-box-art img{width:100%;height:100%;object-fit:contain}.reward-chest{font-size:90px;color:#d7b45e;text-shadow:0 0 35px #e4b52e99}.reward-box-preview h2{font:700 18px Georgia,serif;color:#f6e6c8;margin:0 0 8px}.reward-box-preview p{font-size:12px;line-height:1.6;color:#a9bbc8;margin:0 0 14px}.reward-box-rule{border-top:1px solid #cbb27630;padding-top:12px;margin-top:auto;font-size:11px;color:#e2ce9f}.reward-pool{min-width:0}.reward-pool>.reward-pool-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:2px 0 12px}.reward-pool>.reward-pool-heading>span{font-size:10px;letter-spacing:3px;color:#bfd4e3}.reward-pool>.reward-pool-heading small{font-size:11px;color:#8fa4b3}.reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reward-card{padding:9px;border:1px solid #80bce42e;border-radius:5px;background:#020a12aa;text-align:center;min-width:0}.reward-icon{height:112px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#1d35488a,#02070b);border:1px solid #92bbd41c;border-radius:3px}.reward-icon img{width:100%;height:100%;object-fit:contain;padding:7px;box-sizing:border-box}.reward-icon>span{font-size:32px;color:#c4a654}.reward-icon>b{position:absolute;bottom:6px;right:6px;background:#161105e8;border:1px solid #cba84f77;color:#f6ce69;padding:2px 5px;font-size:12px}.reward-card h3{font:600 13px Georgia,serif;color:#edf0ed;margin:10px 0 4px;overflow-wrap:anywhere}.reward-rarity{display:block;font-size:8px;letter-spacing:1.8px;text-transform:uppercase;color:#93c7f1;min-height:11px}.reward-chance{display:flex;justify-content:space-between;gap:6px;border-top:1px solid #fff1;margin-top:9px;padding-top:7px;font-size:10px;color:#8da2b0}.reward-chance strong{color:#e8c76c}.reward-box-footer{padding:15px 22px;border-top:1px solid #cbb27640;font-size:12px;color:#b9c9d4;background:#02081077}.reward-legacy{padding:0 22px 20px}.reward-empty{color:#9cb1c0;padding:20px;grid-column:1/-1}@media(max-width:800px){.reward-box-body{grid-template-columns:190px minmax(0,1fr);gap:16px;padding:16px}.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-box-art{height:180px}}@media(max-width:520px){.reward-boxes{padding:10px}.reward-box>summary{padding:15px;gap:10px}.reward-box>summary>span{font-size:17px}.reward-box>summary small{display:none}.reward-box-body{grid-template-columns:1fr}.reward-box-preview{max-width:none}.reward-box-art{height:190px}.reward-icon{height:100px}.reward-box-footer{padding:14px}.reward-box-preview p{max-width:280px;margin:0 auto 14px}}
html body .reward-boxes .reward-icon{overflow:hidden}html body .reward-boxes .reward-icon img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important}html body .reward-boxes .reward-box-art img{height:100%!important;width:100%!important;max-height:210px!important;object-fit:contain!important}html body .reward-boxes .reward-box-footer{position:static!important;letter-spacing:normal!important;text-transform:none!important;display:block!important;width:auto!important}
/* Item hover: subtle upward lift and blue-gold glow. */
html body :is(.reward-card,.reward-box-preview,.combine-material,.combine-result){transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
html body :is(.reward-card,.reward-box-preview,.combine-material,.combine-result) img{transition:filter .2s ease}
@media(hover:hover) and (pointer:fine){
html body :is(.reward-card,.reward-box-preview,.combine-material,.combine-result):hover{transform:translateY(-4px)!important;border-color:#8ddcff!important;box-shadow:0 0 18px #53bdff40,inset 0 0 16px #61caff12!important}
html body :is(.reward-card,.reward-box-preview,.combine-material,.combine-result):hover img{filter:brightness(1.12) drop-shadow(0 0 8px #78d8ff99)!important}
}
@media(prefers-reduced-motion:reduce){html body :is(.reward-card,.reward-box-preview,.combine-material,.combine-result){transition:none}html body :is(.reward-card,.reward-box-preview,.combine-material,.combine-result):hover{transform:none!important}}
