/* Player battle pass: a self-contained season screen, scoped away from other account tabs. */
body[data-page="account"]:has([data-tab="battle-pass"].active) .account-heading{display:none}
.account-content:has(.bp-hero){gap:20px}
.bp-hero{position:relative;isolation:isolate;overflow:hidden;min-height:280px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);align-items:stretch;border:1px solid #324a60;border-radius:28px;background:radial-gradient(circle at 71% 27%,#527e91 0,transparent 36%),linear-gradient(115deg,#122938,#29475a 64%,#446575);box-shadow:0 24px 56px #183c5150;color:#f5faf7}
.bp-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(90deg,#fff 1px,transparent 1px),linear-gradient(#fff 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent 25%,black 100%)}
.bp-hero-copy{position:relative;z-index:2;padding:36px clamp(26px,4vw,52px);display:flex;flex-direction:column;align-items:flex-start}
.bp-eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.2em;color:#bbdfdf}.bp-eyebrow-mark{display:grid;place-items:center;width:23px;height:23px;color:#d9f4a2;background:#ffffff17;border:1px solid #ffffff43;border-radius:7px;letter-spacing:0}
.bp-title{margin:16px 0 9px;font-size:clamp(32px,4vw,52px);letter-spacing:-.055em;line-height:1.14;font-weight:900;text-wrap:balance}.bp-description{margin:0;max-width:580px;font-size:14px;line-height:1.75;color:#d8e8e9}
.bp-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:24px}.bp-season-state,.bp-premium-state{display:inline-flex;align-items:center;min-height:31px;padding:6px 11px;border:1px solid #ffffff35;border-radius:999px;background:#ffffff17;font-size:11px;font-weight:750;color:#ecf8f5}.bp-premium-state{background:#d6b78423;border-color:#ecd1a37d;color:#ffe7b5}
.bp-hero-art{position:relative;min-height:270px;overflow:hidden}.bp-art-halo{position:absolute;width:300px;height:300px;right:9%;top:-60px;border-radius:50%;border:1px solid #c9e6d557;box-shadow:0 0 0 22px #d3f7e008,0 0 0 62px #d3f7e007,0 0 100px #bbe7d131;background:radial-gradient(circle,#c8eeb136,transparent 65%)}
.bp-art-floor{position:absolute;right:-60px;bottom:-54px;width:430px;height:170px;transform:rotate(-28deg) skew(27deg);background:repeating-linear-gradient(90deg,#8eb3a417 0 35px,#42616c36 35px 37px),repeating-linear-gradient(0deg,transparent 0 35px,#d2ead22b 35px 37px);border:1px solid #aac6b244}
.bp-art-tower{position:absolute;z-index:1;width:100px;height:116px;transform:skewY(-25deg);background:linear-gradient(135deg,#a7c6b0,#507a7b);border:1px solid #d3ebc582;box-shadow:16px 15px 0 #315462,26px 26px 35px #0d263a8c}.bp-art-tower:before{content:"";position:absolute;left:0;top:-35px;width:100px;height:35px;transform:skewX(44deg);transform-origin:bottom left;background:linear-gradient(90deg,#e6efb8,#87b5a7);border:1px solid #f4f6cb9c}.bp-art-tower-a{right:34%;bottom:66px}.bp-art-tower-b{right:11%;bottom:28px;width:78px;height:84px;background:linear-gradient(135deg,#d6b98c,#997552)}.bp-art-tower-b:before{width:78px;background:#f3d9a2}.bp-art-tower-c{right:53%;bottom:12px;width:69px;height:70px;background:linear-gradient(135deg,#7fb6b0,#356c80)}.bp-art-tower-c:before{width:69px;background:#bce1cc}.bp-art-sigil{position:absolute;z-index:2;right:29%;top:13px;font-size:80px;line-height:1;color:#f9e6ad;text-shadow:0 0 22px #fce3a7,0 0 50px #fff0ab71;transform:rotate(12deg)}
.bp-command,.bp-rail{border:1px solid #d7e5e2;border-radius:24px;background:#fff;box-shadow:0 13px 35px #33596b10}.bp-command{padding:23px 28px 22px}.bp-command-head{display:flex;align-items:center;gap:30px}.bp-current-level{display:flex;align-items:baseline;gap:8px;min-width:155px}.bp-current-level span{color:#6d8490;font-size:12px;font-weight:800}.bp-current-level strong{font-size:44px;font-weight:900;line-height:1;color:#1a454e;letter-spacing:-.07em}.bp-current-level small{color:#92a8ac;font-size:15px;font-weight:750}.bp-summary{display:flex;flex:1;justify-content:flex-end;gap:32px}.bp-summary-item{display:grid;gap:3px;text-align:right}.bp-summary-item span{color:#718692;font-size:11px;font-weight:750}.bp-summary-item strong{color:#223f4b;font-size:16px;font-weight:850}.bp-experience-head{display:flex;justify-content:space-between;gap:12px;margin-top:19px;color:#657e88;font-size:12px;font-weight:750}.bp-experience-head strong{color:#205f68}.bp-meter{height:9px;margin-top:9px;border-radius:999px;background:#e4efed;overflow:hidden}.bp-meter-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#74a991,#c4ca8a,#f3c88d);transition:width .4s ease}.bp-command-foot{display:flex;align-items:center;gap:14px;margin-top:19px}.bp-season-select{min-width:180px;max-width:260px;padding:10px 33px 10px 13px;border:1px solid #d6e6e5;border-radius:10px;color:#204a55;background:#f8fbfb;font-size:12px;font-weight:750}.bp-date{font-size:12px;color:#748b95}.bp-claim-all{margin-left:auto;border:0;border-radius:11px;padding:11px 16px;background:#1d7378;color:#fff;font-size:12px;font-weight:800;box-shadow:0 7px 17px #1d737824;transition:transform .18s,background .18s,box-shadow .18s}.bp-claim-all:hover:not(:disabled){background:#145c65;transform:translateY(-2px);box-shadow:0 10px 20px #1d737832}.bp-claim-all:disabled{background:#eaf0ef;color:#8ea3a8;box-shadow:none;cursor:default}
.bp-rail{padding:25px 26px 20px}.bp-rail-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.bp-section-kicker{color:#a57d53;font-size:10px;font-weight:900;letter-spacing:.2em}.bp-rail-head h2{margin:3px 0 0;color:#234451;font-size:22px;letter-spacing:-.04em}.bp-filters{display:flex;gap:4px;padding:4px;border:1px solid #e5eeeb;background:#f4f8f7;border-radius:11px}.bp-filters button{border:0;border-radius:8px;background:transparent;padding:8px 12px;font-size:12px;color:#66808a;font-weight:800;white-space:nowrap}.bp-filters button.is-active{background:#fff;color:#205f68;box-shadow:0 2px 7px #33596b17}.bp-level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.bp-level{min-width:0;border:1px solid #dae5e3;border-radius:16px;background:linear-gradient(#fcfefd,#f8fbfa);overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}.bp-level:hover{transform:translateY(-3px);border-color:#a6cac3;box-shadow:0 10px 22px #315e6d17}.bp-level.is-next{border-color:#77aaa2;box-shadow:0 0 0 2px #9ac9be24}.bp-level-head{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:46px;padding:11px 13px;background:#edf4f1;border-bottom:1px solid #dbe7e3}.bp-level.is-unlocked .bp-level-head{background:#e8f4ed}.bp-level-number{color:#275a62;font-size:14px;font-weight:900;letter-spacing:.025em}.bp-level-xp{color:#84969a;font-size:10px;font-weight:750;white-space:nowrap}
.bp-reward{position:relative;display:flex;flex-direction:column;min-height:152px;padding:12px 13px;border-top:1px solid #e1eae6}.bp-reward:first-of-type{border-top:0}.bp-reward-premium{background:linear-gradient(125deg,#fffaf2,#fdfcf9)}.bp-reward.is-ready{background:linear-gradient(125deg,#f1fbf6,#f8fcfa)}.bp-reward-premium.is-ready{background:linear-gradient(125deg,#fff7e6,#fffdf8)}.bp-reward-head{display:flex;align-items:center;gap:8px;color:#365b60;font-size:12px}.bp-reward-premium .bp-reward-head{color:#9b7242}.bp-reward-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:#2b827e;background:#e1f1e9}.bp-reward-premium .bp-reward-icon{color:#a5733e;background:#f8e9d0}.bp-reward-list{display:grid;align-content:start;gap:6px;flex:1;margin:10px 0 8px}.bp-reward-line{display:flex;align-items:start;gap:7px;min-width:0;color:#2c4854;font-size:11px;line-height:1.4;font-weight:700}.bp-reward-line span:last-child{overflow-wrap:anywhere}.bp-item-icon{display:grid;place-items:center;flex:none;width:17px;height:17px;border-radius:4px;background:#e5eee9;color:#4c7c72;font-size:11px}.bp-reward-premium .bp-item-icon{background:#f3e8d5;color:#a47b4c}.bp-no-reward{color:#a5b4b4;font-size:11px}.bp-reward-status{color:#93a4aa;font-size:10px;font-weight:800}.bp-reward-status.is-ready{color:#1d8673}.bp-claim-one{align-self:flex-start;margin-top:8px;padding:6px 9px;border:1px solid #94c5b3;border-radius:7px;background:#e5f5ec;color:#146a60;font-size:10px;font-weight:850}.bp-claim-one:hover{background:#cdebdc}.bp-mail-code{margin-top:5px;font-size:10px;color:#819295}.bp-pages{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:21px;color:#728892;font-size:12px;font-weight:750}.bp-pages button{border:1px solid #dce9e7;border-radius:9px;padding:8px 13px;background:#fff;color:#2c6470;font-size:12px;font-weight:800}.bp-pages button:hover:not(:disabled){background:#edf7f4}.bp-pages button:disabled{opacity:.42;cursor:default}.bp-no-results{padding:28px;text-align:center;color:#81949c}.bp-footnote{margin:-4px 4px 0;color:#7f929b;font-size:11px}.bp-empty{display:grid;justify-items:center;gap:9px;padding:60px 20px;border:1px dashed #b7d4ca;border-radius:22px;background:#f8fcfa;text-align:center}.bp-empty-mark{font-size:54px;color:#90bbb2}.bp-empty h2{margin:0;color:#2d535b}.bp-empty p{margin:0;color:#758e96;font-size:13px}
@media(max-width:1050px){.bp-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-hero{grid-template-columns:minmax(0,1fr) 240px}.bp-hero-art{min-height:240px}.bp-art-tower-a{right:37%}}
@media(max-width:680px){.bp-hero{grid-template-columns:1fr;min-height:0}.bp-hero-copy{padding:26px 23px 30px}.bp-hero-art{position:absolute;inset:0 0 auto auto;width:50%;height:100%;opacity:.28;pointer-events:none}.bp-title{max-width:100%;font-size:32px}.bp-description{max-width:80%}.bp-command{padding:19px}.bp-command-head{align-items:start;flex-wrap:wrap;gap:14px}.bp-current-level{min-width:0}.bp-summary{width:100%;justify-content:space-between;gap:10px}.bp-summary-item{text-align:left}.bp-command-foot{flex-wrap:wrap}.bp-date{order:3;width:100%}.bp-claim-all{margin-left:auto}.bp-rail{padding:19px 14px}.bp-rail-head{align-items:start;flex-direction:column}.bp-filters{width:100%}.bp-filters button{flex:1;padding:8px 5px}.bp-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bp-reward{padding:10px;min-height:150px}.bp-level-head{padding:9px}.bp-level-xp{font-size:9px}}
@media(max-width:430px){.bp-level-grid{grid-template-columns:1fr}.bp-reward{min-height:125px}.bp-hero-art{display:none}.bp-description{max-width:100%}.bp-command-foot{display:grid;grid-template-columns:1fr}.bp-season-select{max-width:none}.bp-date{order:0}.bp-claim-all{margin:0}.bp-summary-item strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.bp-level,.bp-meter-fill,.bp-claim-all{transition:none}}