.card-offers{align-items:stretch;gap:18px}
.encounter:has(.card-offers){margin:14px auto}
.encounter:has(.card-offers) .encounter-intro{margin-bottom:24px}
.encounter:has(.card-offers) .sigil{font-size:34px;margin:8px}
.reward-bonus small,.reward-detail .printed-label{display:block;font:600 10px/1.5 'DM Sans',sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.reward-offer{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid color-mix(in srgb,var(--rarity) 48%,transparent);border-top:3px solid var(--rarity);background:linear-gradient(155deg,color-mix(in srgb,var(--rarity) 9%,#171320),#12101b);border-radius:12px;min-width:0;box-shadow:0 8px 30px #0002}
.reward-offer:hover{border-color:var(--rarity)}
.offer-rarity{display:flex;align-items:center;gap:10px;color:var(--rarity);min-height:40px;line-height:1.3}
.offer-rarity>b{display:grid;place-items:center;flex-shrink:0;min-width:42px;height:36px;padding:0 6px;border:1px solid color-mix(in srgb,var(--rarity) 65%,transparent);border-radius:7px;background:color-mix(in srgb,var(--rarity) 12%,transparent);font-size:15px;font-weight:800;letter-spacing:.5px}
.offer-rarity>span{font-size:14px;font-weight:700}
.offer-rarity>i{font-style:normal;margin-left:auto;font-size:23px}
.reward-inspect{display:block;width:100%;border:0;background:none;padding:0;text-align:center;border-radius:5px}
.reward-inspect .full-face{transition:transform .2s ease,box-shadow .2s ease}
.reward-inspect:hover .full-face,.reward-inspect:focus-visible .full-face{transform:translateY(-3px);box-shadow:0 8px 25px color-mix(in srgb,var(--rarity) 20%,transparent)}
.reward-inspect>span{display:block;color:#bcb5c8;font-size:11px;padding-top:10px}
.reward-offer>h2{font:600 15px/1.4 'DM Sans',sans-serif;text-align:center;margin:0;overflow-wrap:anywhere}
.reward-claim{width:100%;margin-top:auto;min-height:44px}
.starlight-offer{box-shadow:0 0 24px #cba3ff26,0 8px 30px #0003}
.reward-detail{align-items:start}
.reward-detail .offer-rarity{padding-bottom:15px;border-bottom:1px solid #ffffff16}
.reward-detail .offer-rarity>span{font-size:20px}
.reward-detail .offer-rarity>b{min-width:48px;height:42px;font-size:18px}
.reward-bonus{font-size:14px;line-height:1.65;color:#e5d8b9;margin:16px 0 22px}
.reward-stats{display:flex;gap:24px;font-size:11px;color:#aca5ba;margin:18px 0}
.reward-stats b{font-size:21px;color:#f4e8cc;margin-left:5px}
.reward-detail .official-text{margin-top:18px;white-space:pre-line}
.reward-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.reward-detail-actions .btn{margin:0;flex:1;min-width:140px}
@media(max-width:720px){.card-offers{gap:12px}.reward-offer{padding:11px;gap:12px}.offer-rarity{gap:7px}.offer-rarity>b{min-width:34px;font-size:12px}.offer-rarity>span{font-size:12px}.reward-offer>h2{font-size:13px}}
@media(max-width:520px){.card-offers{grid-template-columns:1fr}.reward-offer{display:grid;grid-template-columns:105px minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:10px 16px;padding:14px}.reward-inspect{grid-column:1;grid-row:1/4}.reward-inspect>span{font-size:10px;padding-top:7px}.reward-offer>.offer-rarity,.reward-offer>h2,.reward-offer>.reward-claim{grid-column:2}.reward-offer>h2{text-align:left;align-self:center;font-size:15px}.reward-offer>.offer-rarity>span{font-size:14px}.reward-detail{grid-template-columns:1fr;gap:22px}.reward-detail>div:first-child{width:210px;max-width:100%;margin:auto}.reward-detail-actions{position:sticky;bottom:-30px;padding:12px 0;background:#191421}.reward-detail-actions .btn{font-size:12px}.reward-detail .offer-rarity>span{font-size:18px}}
@media(prefers-reduced-motion:reduce){.reward-inspect .full-face{transition:none}.reward-inspect:hover .full-face{transform:none}}
@media(max-width:520px){
 .reward-offer{grid-template-rows:auto auto auto auto}
 .reward-offer>.reward-inspect{grid-row:1/7;align-self:start}
 .reward-offer>:is(.pull-odds,.forge-reward-progress,.rematch-owned){grid-column:2;margin:0}
 .reward-offer>.pull-odds{padding:7px 8px}
}