/* TS1.5 Donator Ascent v2 — rank-reactive shop presentation. */
.donation-ascent{--ascent-core:#b8641a;--ascent-bright:#f0bd58;--ascent-glow:rgba(222,139,37,.3);position:relative;display:grid;grid-template-columns:minmax(220px,.78fr) minmax(330px,1.22fr);gap:36px;align-items:center;margin:0 0 30px;padding:29px 31px;border:1px solid color-mix(in srgb,var(--ascent-bright) 46%,transparent);border-radius:10px;background:linear-gradient(112deg,rgba(43,24,12,.94),rgba(13,16,28,.96) 49%,rgba(37,22,13,.92));box-shadow:inset 0 1px rgba(255,231,164,.13),0 20px 55px rgba(0,0,0,.27),0 0 38px var(--ascent-glow);overflow:hidden;isolation:isolate}.donation-ascent:before,.donation-ascent:after{content:"";position:absolute;pointer-events:none;z-index:-1}.donation-ascent:before{inset:-80%;background:conic-gradient(from 175deg at 50% 50%,transparent 0deg,var(--ascent-glow) 28deg,transparent 78deg,transparent 180deg,var(--ascent-glow) 218deg,transparent 270deg);animation:donator-rotate 18s linear infinite}.donation-ascent:after{inset:0;background:radial-gradient(circle at 89% 17%,var(--ascent-glow),transparent 30%),radial-gradient(circle at 6% 87%,rgba(255,255,255,.055),transparent 26%),repeating-linear-gradient(120deg,transparent 0 13px,rgba(255,255,255,.018) 14px 15px);opacity:.86}.donation-ascent[data-tier-band="steel"]{--ascent-core:#747f9b;--ascent-bright:#d3ddfa;--ascent-glow:rgba(118,155,229,.28)}.donation-ascent[data-tier-band="gold"]{--ascent-core:#b77716;--ascent-bright:#ffe198;--ascent-glow:rgba(237,182,59,.36)}.donation-ascent[data-tier-band="mythic"]{--ascent-core:#7b2e45;--ascent-bright:#ff9bcb;--ascent-glow:rgba(224,60,135,.38)}.donation-ascent[data-tier-band="celestial"]{--ascent-core:#6c4cab;--ascent-bright:#e1c2ff;--ascent-glow:rgba(160,96,255,.42)}.donation-ascent[data-tier-band="legend"]{--ascent-core:#a86419;--ascent-bright:#fff5c4;--ascent-glow:rgba(255,199,57,.52);animation:donator-pulse 3s ease-in-out infinite}.donation-ascent__copy,.donation-ascent__meter{position:relative;z-index:1}.donation-ascent__copy .war-label{margin-bottom:7px;color:var(--ascent-bright)}.donation-ascent__copy h2{margin:0;color:#f7f1e2;font-size:clamp(29px,3.2vw,43px);line-height:.95;text-shadow:0 3px 18px rgba(0,0,0,.45)}.donation-ascent__copy h2 em{color:var(--ascent-bright);font-style:normal;text-shadow:0 0 20px var(--ascent-glow)}.donation-ascent__copy>p:last-child{max-width:480px;margin:13px 0 0;color:#c4c6ce;font-size:11px;line-height:1.7}.donation-ascent__meter{padding:17px 0 13px}.donation-ascent__top,.donation-ascent__bottom{display:flex;justify-content:space-between;gap:12px}.donation-ascent__top{align-items:flex-start;color:#f6e2a3;font-size:10px;font-weight:950;letter-spacing:1px}.donation-ascent__top>div{display:grid;gap:5px}.donation-ascent__top b{color:var(--ascent-bright);font-size:11px;text-shadow:0 0 13px var(--ascent-glow)}.donation-ascent__rank{color:#eef0f6;font-size:8px;font-weight:900;letter-spacing:1.55px;text-transform:uppercase}.donation-ascent__top>span{margin-top:3px;color:var(--ascent-bright);font-size:9px;letter-spacing:.9px}.donation-ascent__bar{height:12px;margin:15px 0 7px;overflow:hidden;border:1px solid color-mix(in srgb,var(--ascent-bright) 55%,transparent);border-radius:999px;background:rgba(1,3,7,.88);box-shadow:inset 0 1px 4px rgba(0,0,0,.88),0 0 16px var(--ascent-glow)}.donation-ascent__bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ascent-core),var(--ascent-bright) 68%,#fff9d0);box-shadow:0 0 16px var(--ascent-bright);transition:width .75s cubic-bezier(.19,1,.22,1);position:relative}.donation-ascent__bar i:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.85) 46%,transparent 62%);transform:translateX(-130%);animation:donator-shine 4s ease-in-out infinite}.donation-ascent__milestones{display:flex;justify-content:space-between;gap:4px;padding:0 4px}.donation-ascent__milestones i{width:5px;height:5px;border:1px solid color-mix(in srgb,var(--ascent-bright) 70%,transparent);border-radius:50%;background:rgba(1,3,7,.7);box-shadow:0 0 7px var(--ascent-glow)}.donation-ascent__bottom{margin-top:10px;color:#aab0bd;font-size:9px;line-height:1.45}.donation-ascent__bottom span:last-child{text-align:right}.gp-package__loyalty{color:var(--gold-light)!important}.gp-package__loyalty b{color:#f6df94!important}.gp-package__loyalty.is-empty b{color:#a6abb6!important}.gp-package__loyalty:not(.is-empty){text-shadow:0 0 10px rgba(244,200,98,.24)}@keyframes donator-rotate{to{transform:rotate(360deg)}}@keyframes donator-pulse{50%{box-shadow:inset 0 1px rgba(255,255,255,.25),0 20px 55px rgba(0,0,0,.27),0 0 62px rgba(255,205,71,.45)}}@keyframes donator-shine{0%,48%{transform:translateX(-130%)}68%,100%{transform:translateX(160%)}}@media(prefers-reduced-motion:reduce){.donation-ascent,.donation-ascent:before,.donation-ascent__bar i:after{animation:none!important}.donation-ascent__bar i{transition:none}}@media(max-width:850px){.donation-ascent{grid-template-columns:1fr;gap:14px}.donation-ascent__meter{padding-top:3px}}@media(max-width:500px){.donation-ascent{margin-bottom:21px;padding:24px 20px}.donation-ascent__top,.donation-ascent__bottom{display:block}.donation-ascent__top>span,.donation-ascent__bottom span:last-child{display:block;margin-top:7px;text-align:left}.donation-ascent__copy h2{font-size:33px}}
