.battle-pass{--pass-accent:#edbc63;--pass-ink:#123c46;color:#eee3c9;padding:4px;font-family:Arial,sans-serif}.battle-pass button:focus-visible{outline:3px solid #8ef1ee;outline-offset:3px}.battle-pass p{line-height:1.6}.battle-pass .menu-eyebrow{color:var(--pass-accent);letter-spacing:2px;font-size:10px}.pass-seasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.pass-seasons button{padding:13px 16px;text-align:left;background:#0b1922;border:1px solid #384951;border-radius:8px;color:#b6c1c6;cursor:pointer;min-width:0}.pass-seasons button[aria-pressed=true]{background:linear-gradient(125deg,var(--pass-ink),#0e2029);border-color:var(--pass-accent);color:#fff0d1;box-shadow:inset 0 2px var(--pass-accent)}.pass-seasons span{display:block;font-size:9px;letter-spacing:1.3px;margin-bottom:7px}.pass-seasons strong{display:block;font-family:Georgia,serif;font-size:17px}.pass-seasons small{display:block;font-size:11px;margin-top:8px;color:#b6c5ce}.pass-hero{min-height:240px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;position:relative;isolation:isolate;overflow:hidden;border:1px solid #8b6b3e;border-radius:10px;background:linear-gradient(90deg,#081722e8,#08172255),url('assets/battle-pass/banner-0.webp') center/cover}.pass-hero.season-1{background-image:linear-gradient(90deg,#081722e8,#08172255),url('assets/battle-pass/banner-1.webp')}.pass-hero.season-2{background-image:linear-gradient(90deg,#081722e8,#08172255),url('assets/battle-pass/banner-2.webp')}.pass-hero-copy{padding:30px;z-index:1}.pass-hero-copy h2{font-family:Georgia,serif;font-weight:normal;font-size:clamp(26px,3.4vw,44px);line-height:1.06;color:#fff0ce;margin:12px 0}.pass-hero-copy p{color:#c8d0cc;font-size:13px}.pass-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.pass-tags span{padding:5px 8px;font-size:10px;border:1px solid #bfa26755;border-radius:4px;background:#081923c9}.pass-hero-loot{display:flex;align-items:flex-end;justify-content:center;padding:12px 15px 38px;position:relative;min-width:0;gap:2px}.pass-hero-loot img{width:32%;height:195px;object-fit:contain;filter:drop-shadow(0 6px 7px #030910);transition:transform .2s}.pass-hero-loot img:nth-child(2){height:220px}.pass-hero-loot span{position:absolute;bottom:16px;left:4px;right:4px;text-align:center;font-size:8px;letter-spacing:1.7px;color:#fff0cd}.pass-status{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #77623b55}.pass-level{display:flex;align-items:center;gap:12px;flex-shrink:0}.pass-level>b{display:grid;place-items:center;width:52px;height:58px;background:linear-gradient(135deg,#6f552e,#17282f);border:1px solid var(--pass-accent);clip-path:polygon(50% 0,100% 15%,100% 78%,50% 100%,0 78%,0 15%);font-family:Georgia,serif;font-size:18px}.pass-level>span{font-size:9px;letter-spacing:1px}.pass-level small{display:block;font-size:11px;letter-spacing:0;color:#a3b8c0;margin-top:5px}.pass-xp{flex:1;min-width:90px}.pass-xp>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:9px}.battle-pass progress{width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;background:#08121b;accent-color:var(--pass-accent)}.battle-pass progress::-webkit-progress-bar{background:#08121b}.battle-pass progress::-webkit-progress-value{background:linear-gradient(90deg,#916a34,var(--pass-accent))}.pass-upgrade{display:grid;gap:7px;text-align:center}.pass-upgrade>b{color:var(--pass-accent)}.pass-upgrade small{font-size:10px;color:#abc3c9}.pass-view-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0}.pass-view-nav nav{display:flex;gap:6px;flex-wrap:wrap}.pass-view-nav>span{font-size:11px;color:#adc0c6;white-space:nowrap}.pass-chapters{display:flex;gap:6px;justify-content:center;margin:16px 0}.pass-chapters button{min-width:0;flex:1;font-size:10px;padding:10px 6px;white-space:normal}.pass-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;position:relative}.pass-track:before{content:'';position:absolute;left:8%;right:8%;top:24px;border-top:2px dashed #ae8c4d77;z-index:0}.pass-milestone{display:grid;grid-template-rows:65px 1fr 1fr;gap:9px;min-width:0}.pass-node{position:relative;justify-self:center;display:flex;flex-direction:column;align-items:center;background:#14232e;border:1px solid #5d614e;width:70px;height:52px;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);padding-top:8px}.pass-node span{font-family:Georgia,serif;font-size:18px;font-weight:bold}.pass-node small{font-size:7px;letter-spacing:1px}.pass-node.reached{background:linear-gradient(135deg,#ead294,#a57032);color:#302114}.pass-reward{min-width:0;background:linear-gradient(#152833,#101e28);border:1px solid #3e5059;border-radius:7px;padding:11px;display:flex;flex-direction:column;align-items:center;position:relative}.pass-reward.premium{border-color:#9a794746;background:linear-gradient(145deg,#332e24,#17212c 60%)}.pass-reward.exclusive{border-color:var(--pass-accent);box-shadow:inset 0 0 30px #e0bd7010}.pass-reward.claimed{opacity:.64}.pass-reward header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:3px;font-size:10px;color:#b4c8ce}.pass-reward header b{font-size:7px;letter-spacing:.4px;color:var(--pass-accent)}.pass-reward-art{height:110px;display:flex;align-items:center;justify-content:center;width:100%;position:relative;background:radial-gradient(ellipse,#8f9b7622,transparent 68%)}.pass-reward-art>img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated}.pass-reward-art>img.pass-skin-art{width:100%;height:104px;image-rendering:auto}.pass-reward-art>canvas{width:100%;max-width:160px;height:auto}.pass-reward-name{flex:1;text-align:center;min-height:46px;display:grid;align-content:center;gap:3px;margin-bottom:10px;font-size:11px;line-height:1.35}.pass-reward-name strong{font-weight:500}.pass-reward .menu-button{width:100%;font-size:10px;min-height:34px;padding:7px 3px}.pass-rules{border-top:1px solid #77623b66;margin-top:24px;padding:18px 0 4px}.pass-rules b{font-family:Georgia,serif;color:var(--pass-accent);font-size:16px}.pass-rules p,.pass-fineprint{font-size:11px;color:#9eb2bb;margin:8px 0}.pass-notice{padding:12px 16px;border-left:3px solid var(--pass-accent);background:#26373c;font-size:12px}.pass-missions{padding:20px;background:#0d1c26;border:1px solid #3a4e58;border-radius:8px}.pass-missions h3{font-family:Georgia,serif;font-size:24px}.pass-missions p{font-size:12px;color:#b0c3ca}.pass-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.pass-mission-grid article{padding:16px;border:1px solid #395260;border-radius:6px;background:linear-gradient(120deg,var(--pass-ink),#10202a)}.pass-mission-grid b{font-size:13px}.pass-mission-grid span{float:right;font-size:12px;color:var(--pass-accent)}.pass-mission-grid progress{margin-top:14px}.pass-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pass-collection article{display:flex;align-items:center;flex-direction:column;text-align:center;border:1px solid #665438;border-radius:8px;background:radial-gradient(ellipse at top,var(--pass-ink),#0b1821 70%);padding:20px;min-width:0}.pass-collection article>img{height:180px;max-width:100%;object-fit:contain;margin:0 0 18px}.pass-collection h3{font-family:Georgia,serif;font-size:19px;margin:10px 0}.pass-collection p{font-size:12px;color:#aec4cc;flex:1}.pass-collection button+button{margin-top:10px}.pass-title-seal{font-size:65px;color:#efc26b;text-shadow:0 0 35px #facd6244;display:block}.pass-collection canvas{width:180px;max-width:100%;height:128px}.pass-confirm{max-width:660px;margin:auto;text-align:center;padding:18px}.pass-confirm h2{font-family:Georgia,serif;font-size:30px;color:#efcf8c}.pass-confirm p{line-height:1.65;color:#b7c9cd;font-size:13px}.pass-confirm dl{text-align:left;border:1px solid #5f543b;background:#0a1922;padding:8px 18px;border-radius:8px}.pass-confirm dl>div{display:flex;gap:16px;justify-content:space-between;padding:10px 0;font-size:12px}.pass-confirm dd{margin:0;color:#f6ce7b;text-align:right}.pass-confirm .dialog-actions{justify-content:center;margin-top:24px}#game-modal[data-menu-type^=battle-pass]{width:min(1150px,calc(100vw - 24px))}.navigation-icon.pass-icon{filter:drop-shadow(0 2px 3px #0008)}
@media(max-width:720px){.pass-seasons{gap:5px}.pass-seasons button{padding:10px 7px}.pass-seasons strong{font-size:12px}.pass-seasons span{font-size:7px;letter-spacing:0}.pass-seasons small{font-size:8px}.pass-hero{grid-template-columns:1fr;min-height:0}.pass-hero-copy{padding:22px 18px 8px}.pass-hero-copy h2{font-size:29px}.pass-hero-loot{padding:0 20px 32px}.pass-hero-loot img{height:130px;width:30%}.pass-hero-loot img:nth-child(2){height:150px}.pass-hero-loot span{font-size:7px}.pass-status{flex-wrap:wrap;gap:12px}.pass-level{gap:8px}.pass-xp{flex-basis:100%}.pass-upgrade{width:100%}.pass-view-nav{flex-direction:column;align-items:stretch}.pass-view-nav nav{display:grid;grid-template-columns:repeat(3,1fr)}.pass-view-nav button{font-size:10px;padding:8px 4px}.pass-view-nav>span{text-align:right}.pass-chapters{display:grid;grid-template-columns:repeat(3,1fr)}.pass-chapters button{min-width:0}.pass-track{display:flex;flex-direction:column;gap:16px}.pass-track:before{display:none}.pass-milestone{grid-template-columns:1fr 1fr;grid-template-rows:42px auto;gap:6px}.pass-node{grid-column:1/-1;flex-direction:row;width:100%;height:36px;clip-path:none;justify-content:center;gap:7px;padding:0;border-radius:5px}.pass-node small{font-size:9px}.pass-reward{padding:12px 8px}.pass-reward-art{height:110px}.pass-reward-name{font-size:11px}.pass-reward .menu-button{font-size:11px}.pass-mission-grid,.pass-collection{grid-template-columns:1fr}.pass-missions{padding:15px}.pass-confirm{padding:6px}.pass-confirm dl{padding:8px}.pass-confirm dl>div{font-size:11px}.pass-confirm h2{font-size:25px}#game-modal[data-menu-type^=battle-pass]{width:calc(100vw - 12px)}.pass-collection article>img{height:190px}}