html:not(.account-state-ready) .battles-page,
html:not(.battles-state-ready) .battles-page{visibility:hidden}
.battles-page{font-size:14px}
.battles-page [hidden]{display:none!important}
.battles-intro{text-align:center;padding:0 8px 3px}
.battles-title{display:flex;align-items:center;justify-content:center;gap:7px;margin:8px 0 2px;color:#20c335;font-size:19px;line-height:24px}
.battles-title img{width:26px;height:18px;object-fit:cover}
.battles-subtitle{margin:0 0 8px;color:#999;font-size:12px;line-height:14px}
.battles-banner{display:block;width:100%;height:146px;border:2px solid #101010;border-radius:3px;object-fit:cover;object-position:center 47%;box-shadow:0 0 0 1px #51504b}
.battles-rating{margin:9px 0 2px;font-size:14px;font-weight:700;text-shadow:0 1px #000}
.battles-rating strong{color:#f4d465}
.battles-league{display:flex;align-items:center;justify-content:center;gap:5px;margin:0 auto 8px;padding:0;border:0;background:none;color:#e9eaec;font-size:14px;font-weight:700;line-height:26px}
.battles-league-badge{width:20px;height:20px;flex:none;object-fit:contain}
.battles-league .battles-league-badge{width:24px;height:24px}
.battles-player,.battles-league-label{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%}
.battles-chevron{margin-left:3px;color:#999}
.battles-league:hover{color:#f4d465}
.battles-enter,.battles-wide{width:100%}
.battles-page .screen-panel{margin:6px 4px 0}
.battles-mission,.battles-boost{text-align:center}
.battles-mission h2,.battles-boost h2{margin:0 0 3px;font-size:15px;line-height:18px}
.battles-mission h2{color:#ff8255}
.battles-mission[data-cooldown=true],.battles-mission[data-cooldown=true] h2{color:#999}
.battles-mission[data-cooldown=true]>p:first-of-type{font-weight:700}
#mission-countdown{font-variant-numeric:tabular-nums;white-space:nowrap}
.battles-mission p,.battles-boost p{margin:3px 0;line-height:18px}
.battles-muted{color:#999;font-weight:400}
.battles-mission-track{height:5px;max-width:210px;margin:7px auto;border:1px solid #171717;background:#161819;overflow:hidden}
.battles-mission-track span{display:block;height:100%;width:0;background:linear-gradient(#ffaf37,#ad3b19)}
.battles-reward{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px}
.battles-reward>span{display:inline-flex;align-items:center;gap:3px}
.battles-reward img,.battles-glory img,.battles-boost-options img{width:19px;height:19px;object-fit:contain;vertical-align:middle}
.battles-reward b{color:#35c5db}
.battles-mission .battles-wide{margin-top:5px}
.battles-boost-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:8px}
.battles-boost-options button{width:100%}
.battles-boost-options>div>span{display:flex;align-items:center;justify-content:center;gap:4px;margin:4px 0;color:#b6b6b6}
.battles-page .battles-small{font-size:12px;font-weight:400;line-height:16px;color:#999}
.battles-glory{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;color:#999}
.battles-glory strong{color:#f4d465;font-weight:400;font-variant-numeric:tabular-nums}
.battles-message{margin:6px 4px 0;padding:7px 9px;border:1px solid #575347;border-radius:7px;color:#f4d465;background:#292929;text-align:center;font-size:12px;line-height:16px}
.battles-leaders{padding:0 7px 6px;overflow:hidden;text-align:center}
.battles-section-title{margin:0 -7px 6px;padding:5px;border-bottom:1px solid #50514b;background:linear-gradient(#40433c,#292c28);color:#e9eaec;font-size:15px;line-height:18px}
.battles-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:5px;padding:14px 5px 5px;border-radius:3px;background:linear-gradient(#17171720,#17171770),url('assets/battles/podium-background.png') center/cover #242424;box-shadow:inset 0 0 16px #0005}
.battles-podium>div{display:flex;flex-direction:column;align-items:center;grid-row:1;gap:2px;min-width:0;padding:6px 2px;border:1px solid #444547;border-top:2px solid var(--place-color);border-radius:5px 5px 2px 2px;background:linear-gradient(#33353752,#2324257a)}
.battles-podium [data-place="1"]{grid-column:2;min-height:148px;--place-color:#f4d465}
.battles-podium [data-place="2"]{grid-column:1;min-height:126px;--place-color:#b8bec4}
.battles-podium [data-place="3"]{grid-column:3;min-height:104px;--place-color:#ba8d63}
.battles-podium .battles-player{flex-direction:column;gap:2px}
.battles-podium .battles-league-badge{width:36px;height:36px}
.battles-podium strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:12px;white-space:nowrap}
.battles-result-score{color:#f4d465;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.battles-podium-place{width:100%;margin-top:auto;padding-top:6px;border-top:1px solid #ffffff12;color:var(--place-color);font-size:14px;line-height:18px;text-shadow:0 1px #000}
.battles-rating-gain{color:#20c335}
.battles-rating-loss{color:#ff5349}
.battles-other-places{margin:7px 0 0;padding:0;list-style:none;border:1px solid #444547;border-radius:3px;background:#252627;text-align:left;font-size:12px;line-height:18px}
.battles-other-places li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px}
.battles-other-places li+li{border-top:1px solid #3b3c3e}
.battles-list-place{color:#999}
.battles-other-places strong{min-width:0;overflow-wrap:anywhere}
.battles-leaders>p{margin:6px 0 0}
.battles-details summary{display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#d5c79e;font-size:12px;font-weight:400;line-height:18px;text-align:center;list-style:none}
.battles-details summary::-webkit-details-marker{display:none}
.battles-details-arrow::before{content:'▼';display:block;color:#f4d465;font-size:9px;line-height:18px}
.battles-details[open] .battles-details-arrow::before{content:'▲'}
.battles-details summary:focus-visible{outline:2px solid #b5d9f5;outline-offset:2px}
.battles-details>p{margin:6px 0}
.battles-league-list>div{display:grid;grid-template-columns:minmax(0,1fr) 73px 124px;align-items:center;gap:3px;padding:7px 0;border-top:1px solid #3b3c3e;font-size:12px;line-height:16px}
.battles-league-list>div[aria-current=true]{color:#20c335}
.battles-league-list>div>span:nth-child(2){color:#999;font-variant-numeric:tabular-nums;font-size:11px}
.battles-league-list>div>span:last-child{display:grid;grid-template-columns:28px 50px 36px;align-items:center;gap:5px;color:#35c5db;font-size:11px;font-variant-numeric:tabular-nums}
.battles-league-rewards>span{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}
.battles-league-list img{width:14px;height:14px;object-fit:contain}
.battles-league-list .battles-league-badge{width:24px;height:24px}
.battles-note{margin:7px 8px;color:#20c335;text-align:center;font-size:14px;line-height:18px}
.battles-page button:disabled{opacity:.5;cursor:default;filter:none}
.battles-page .bottom-nav{margin-inline:4px}
@media(max-width:390px){.battles-banner{height:132px}.battles-title{font-size:19px}.battles-title img{width:21px}.battles-league-list>div{grid-template-columns:minmax(0,1fr) 65px 124px}}