/* Real earned rewards, with the original WoW red buttons and quality colours.
   Entrance feedback is brief; there are no permanent particle/filter loops. */
.sx-victory .sv-banner h2,.sx-victory .sv-right .sp-wowbtn.is-ready{animation:none}
.sx-victory .sv-banner{position:relative}
.sx-victory[data-reward-tier=elite] .sv-banner{background:radial-gradient(ellipse at 50% 55%,#96673622,transparent 70%)}
.sx-victory:is([data-reward-tier=boss],[data-reward-tier=raid]) .sv-banner{background:radial-gradient(ellipse at 50% 55%,#b482283d,transparent 72%)}
.sx-victory .sv-right .sp-wowbtn.is-ready{box-shadow:0 0 0 1px #d4af5c66,0 3px 14px #0008}
.sx-victory.rp-enter .lf--inline{animation:rp-loot-in .3s ease-out both}
.sx-victory.rp-enter:is([data-reward-tier=elite],[data-reward-tier=boss],[data-reward-tier=raid]) .sv-banner p{animation:rp-foe-in .45s ease-out both}
@keyframes rp-foe-in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.rp-card-receipt{display:flex;align-items:center;gap:24px;width:min(760px,90%);padding:24px 28px;box-sizing:border-box;border:2px ridge #ad8c4f;background:linear-gradient(120deg,#221d13ee,#0b1118ee);box-shadow:inset 0 0 0 4px #080805,0 8px 22px #0006;color:#f0d89e}
.rp-card-receipt>div{min-width:0}.rp-card-receipt strong{display:block;font:34px/1.2 var(--f-ui,Georgia);overflow-wrap:anywhere}
.rp-card-receipt small{display:block;margin-top:10px;font:24px/1.25 var(--f-num,Arial);color:#c4b28e}
.rp-card-receipt-icon{flex:0 0 100px;width:100px;height:100px;object-fit:cover;border:3px ridge #b89a55;box-shadow:0 0 0 4px #050403;margin:0}
.rp-card-receipt[data-quality=uncommon]{border-color:#72a85b}.rp-card-receipt[data-quality=rare]{border-color:#559cce}.rp-card-receipt[data-quality=epic]{border-color:#ab77cf}.rp-card-receipt[data-quality=legendary]{border-color:#dcaa55}
.rp-card-receipt[data-quality=rare] strong{color:#8bc5ec}.rp-card-receipt[data-quality=epic] strong{color:#d3a9ee}.rp-card-receipt[data-quality=legendary] strong{color:#ffcd7e}
.lf--inline .lf-row{border-left:3px solid var(--rq,#92856c)}
.sx-victory .lf--inline .lf-row:not(.gone){max-height:none}
.sx-victory .lf-row .lf-name{white-space:normal;overflow-wrap:anywhere;line-height:1.18;text-overflow:clip}
.lf--inline .lf-row--choose .lf-ico{animation:none}
.lf-progress{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.25;color:#c9b68b}
.lf--collected .lf-progress{color:#ead29b}.lf--collected .lf-tab{color:#f3d38d}
.lf--inline .lf-row.gone{transition:opacity .16s ease-out,transform .16s ease-out}
@keyframes rp-loot-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes rp-card-received{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.rp-card-receipt{animation:rp-card-received .26s ease-out both}
body.sp-mobile-landscape .rp-card-receipt{gap:22px;padding:24px 26px;width:96%}
body.sp-mobile-landscape .rp-card-receipt strong{font-size:var(--ml-text,40px)}
body.sp-mobile-landscape .rp-card-receipt small{font-size:var(--ml-small,32px)}
body.sp-mobile-landscape .rp-card-receipt-icon{width:110px;height:110px;flex-basis:110px}
body.sp-mobile-landscape .sx-victory .lf-progress{font-size:var(--mh-small,var(--ml-small,30px));line-height:1.22}
body.sp-mobile-landscape .sx-victory .lf-row--choose::after{letter-spacing:0;white-space:normal;max-width:150px}
@media(prefers-reduced-motion:reduce){.sx-victory.rp-enter .lf--inline,.rp-card-receipt,.sx-victory.rp-enter:is([data-reward-tier=elite],[data-reward-tier=boss],[data-reward-tier=raid]) .sv-banner p{animation:none}.lf--inline .lf-row.gone{transition:none}}
.sp-reduce .sx-victory.rp-enter .lf--inline,.sp-reduce .rp-card-receipt,.sp-reduce .sx-victory.rp-enter:is([data-reward-tier=elite],[data-reward-tier=boss],[data-reward-tier=raid]) .sv-banner p{animation:none}
.sp-reduce .lf--inline .lf-row.gone{transition:none}

/* Offer facts remain outside the tilted card; reading never commits a pick. */
.sx-victory .sv-left .sx-fan{gap:26px;padding:18px 0 6px}
.rp-offer{--offer-scale:var(--rp-scale,.9);display:flex;flex-direction:column;align-items:center;gap:12px;width:calc(260px * var(--offer-scale));min-width:0;flex:0 1 auto}
.sx-victory .rp-offer .sx-cardslot{--cs:var(--offer-scale);margin-bottom:0}
.rp-offer__facts{display:block;width:100%;min-height:42px;font:22px/1.2 var(--f-num,Arial);text-align:center;color:#ead2a0;white-space:normal;overflow-wrap:anywhere;text-shadow:0 2px 3px #000}
.rp-offer .rp-offer__read{--h:56px;--cap:calc(var(--h) * 56 / 128);height:var(--h);min-height:var(--h);min-width:0;padding:0 var(--cap);width:100%;max-width:220px;font-size:24px;white-space:nowrap}
.rp-card-odds{margin:0;max-width:100%;font:24px/1.2 var(--f-num,Arial);color:#d3aaf1;text-align:center;overflow-wrap:anywhere;text-shadow:0 2px 3px #000}
body.sp-mobile-landscape .rp-card-odds{font-size:var(--mh-small,30px);line-height:1.15}
.sx-victory .sv-skip{gap:18px;align-items:center;flex-wrap:wrap}
.sx-victory .sv-skip .rp-refresh{white-space:nowrap}
.rp-detail-modal.sx-modal{width:min(1250px,94%);height:min(850px,90%);max-height:90%;padding:26px 32px}
.rp-detail-modal .sx-modal__head{flex:0 0 auto;margin-bottom:16px}
.rp-detail-modal .sx-modal__head h3{font-size:40px}
.rp-detail-modal .sx-modal__body{display:flex;flex:1;min-height:0;overflow:hidden;padding:0}
.rp-detail{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;padding:24px;background:linear-gradient(135deg,#241e16,#111318);border:2px ridge #9a7b46;color:#eadbb8}
.rp-detail__head{display:flex;align-items:center;gap:22px;padding-bottom:18px;border-bottom:1px solid #92703b;flex:0 0 auto}
.rp-detail__head>div{min-width:0}.rp-detail__head strong{display:block;font:44px/1.15 var(--f-ui,Georgia);color:#ffe5a6;overflow-wrap:anywhere}
.rp-detail__head small{display:block;margin-top:8px;font:26px/1.25 var(--f-num,Arial);color:#d2bc8e}
.rp-detail__icon{width:96px;height:96px;flex:0 0 96px;object-fit:cover;margin:0;border:3px ridge #ac8c50}
.rp-detail__reading{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:16px 8px 12px 0;scrollbar-width:thin}
.rp-detail__cost{margin:0 0 12px;font:26px/1.25 var(--f-num,Arial);color:#cbb788}
.rp-detail__text{margin:0;font:36px/1.38 var(--f-ui,Georgia);white-space:pre-line}
.rp-detail__terms{display:grid;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);gap:12px 20px;margin:24px 0 0;font:26px/1.35 var(--f-num,Arial)}
.rp-detail__terms dt{color:#f2cc7b;font-weight:700}.rp-detail__terms dd{margin:0;color:#cfc6b6}
.rp-detail__actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex:0 0 auto;padding-top:18px;border-top:1px solid #92703b}
.rp-detail__actions .sp-wowbtn{white-space:nowrap}

/* Read the potion first, then choose the familiar belt action. */
.sp-pot-menu--readable{width:440px;padding:16px;gap:16px}
.sp-pot-menu--readable.sp-pot-menu--above{top:auto;bottom:calc(100% + 8px)}
.sp-pot-popover__copy strong{display:block;font:700 28px/1.2 var(--f-ui,Georgia);color:#ffe3a0;overflow-wrap:anywhere}
.sp-pot-popover__copy p{margin:10px 0 0;font:24px/1.35 var(--f-num,Arial);color:#e0d4ba;white-space:normal}
.sp-pot-popover__actions{display:flex;gap:12px}
.sp-pot-menu--readable .sp-pot-popover__btn{min-height:58px;height:auto;padding:10px 12px;font-size:24px;white-space:normal;flex:1}
.sp-pot-menu--readable .sp-pot-popover__btn.is-disabled{font-size:22px}
body.sp-mobile-landscape .rp-offer{--offer-scale:var(--rp-mobile-scale,.78);gap:8px;position:relative}
body.sp-mobile-landscape .sx-victory.sx-reward .sv-main{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
body.sp-mobile-landscape .sx-victory .sv-left .sx-fan{gap:14px}
body.sp-mobile-landscape .sx-victory .rp-offer .sx-cardslot{animation:none;transform:none;max-width:100%;filter:none}
body.sp-mobile-landscape .rp-offer__facts{font-size:var(--mh-small,30px);min-height:72px;line-height:1.15}
/* menus.css also assigns --h:124px!important to menu buttons. Keep this icon's
   border box independent, and override that inherited menu-art height. */
body.sp-mobile-landscape .sx-victory .rp-offer .rp-offer__read{display:grid;place-items:center;position:absolute;right:calc(3px / var(--ui-scale,1));top:calc(3px / var(--ui-scale,1));z-index:4;--rp-read-size:calc(24px / var(--ui-scale,1));--h:var(--rp-read-size)!important;--cap:calc(var(--rp-read-size) * .27);box-sizing:border-box;width:var(--rp-read-size);min-width:var(--rp-read-size);max-width:var(--rp-read-size);height:var(--rp-read-size);min-height:var(--rp-read-size);max-height:var(--rp-read-size);padding:0 var(--cap);overflow:hidden;font-size:calc(13px / var(--ui-scale,1));line-height:1}
body.sp-mobile-landscape .sx-victory .sv-skip{gap:12px;flex-wrap:nowrap}
body.sp-mobile-landscape .sx-victory .sv-skip .sp-wowbtn{--h:var(--mh-touch,90px);height:var(--h);min-height:var(--h);padding:0 26px;font-size:var(--mh-small,30px);white-space:nowrap}
body.sp-mobile-landscape .rp-detail-modal.sx-modal{width:94%;height:92%;max-height:92%;padding:20px 24px}
body.sp-mobile-landscape .rp-detail-modal .sx-modal__head{margin-bottom:10px;gap:16px}
body.sp-mobile-landscape .rp-detail-modal .sx-modal__head h3{font-size:calc(16px / var(--ui-scale,1));line-height:1.1}
body.sp-mobile-landscape .rp-detail-modal .sp-wowbtn{--h:calc(36px / var(--ui-scale,1));height:var(--h);min-height:var(--h);font-size:calc(13px / var(--ui-scale,1));padding:0 26px}
body.sp-mobile-landscape .rp-detail{padding:18px 22px}
body.sp-mobile-landscape .rp-detail__head{gap:20px;padding-bottom:12px}
body.sp-mobile-landscape .rp-detail__head strong{font-size:calc(17px / var(--ui-scale,1))}
body.sp-mobile-landscape .rp-detail__head small,body.sp-mobile-landscape .rp-detail__cost{font-size:calc(12px / var(--ui-scale,1))}
body.sp-mobile-landscape .rp-detail__text{font-size:calc(16px / var(--ui-scale,1));line-height:1.35}
body.sp-mobile-landscape .rp-detail__terms{font-size:calc(12px / var(--ui-scale,1));gap:12px 18px}
body.sp-mobile-landscape .rp-detail__actions{padding-top:12px;gap:18px}
body.sp-mobile-landscape .sp-pot-menu--readable{width:calc(250px / var(--ui-scale,1));padding:calc(9px / var(--ui-scale,1));gap:calc(10px / var(--ui-scale,1))}
body.sp-mobile-landscape .sp-pot-popover__copy strong{font-size:calc(14px / var(--ui-scale,1))}
body.sp-mobile-landscape .sp-pot-popover__copy p{font-size:calc(12px / var(--ui-scale,1))}
body.sp-mobile-landscape .sp-pot-menu--readable .sp-pot-popover__btn{font-size:calc(12px / var(--ui-scale,1));min-height:calc(34px / var(--ui-scale,1));padding:calc(6px / var(--ui-scale,1))}