/* Native SPScoreboard.xml / PowerLevelComparer.xml dimensions and sprite slices. */
.battle-power-hud{display:none;position:fixed;z-index:105;top:0;left:50%;transform:translateX(-50%);width:min(521px,55vw)}
body.battle-world-open .battle-power-hud.is-ready{display:block}
.native-power-track{display:flex;position:relative;box-sizing:border-box;width:100%;height:15px;padding:0 7px 3px;border:0;background:transparent;cursor:pointer;isolation:isolate}
.native-power-track:after{content:'';position:absolute;inset:0;border:solid transparent;border-width:0 16px;border-image:url('../assets/battle-scoreboard/frame.png') 0 16 fill stretch;pointer-events:none}
.power-side{position:relative;display:block;height:100%;background:#0008;min-width:0}
.power-side.red,.power-side.red i{-webkit-mask-box-image:url('../assets/battle-scoreboard/left.png') 0 2 0 7 fill / 0 2px 0 7px stretch}
.power-side.blue,.power-side.blue i{-webkit-mask-box-image:url('../assets/battle-scoreboard/right.png') 0 7 0 2 fill / 0 7px 0 2px stretch}
.power-side i{display:block;position:absolute;height:100%;right:0;background:#a64630 url('../assets/battle-scoreboard/stone.png') center/128px;background-blend-mode:multiply}
.power-side.blue i{right:auto;left:0;background-color:#4284ad}
.power-side i:after{content:'';position:absolute;left:0;top:0;width:23px;height:100%;background:#cf7252;mask:url('../assets/battle-scoreboard/highlight-left.png') left center/23px 100% no-repeat;opacity:.45}
.power-side.blue i:after{left:auto;right:0;background:#73b7d3;mask-image:url('../assets/battle-scoreboard/highlight-right.png')}
.power-center{position:absolute;top:0;width:10px;height:21px;transform:translateX(-50%);background:url('../assets/battle-scoreboard/divider.png') center/100% 100% no-repeat;z-index:2}
.power-banner{position:absolute;top:0;width:32px;height:32px;display:grid;place-items:center;background:transparent}.power-banner.red{left:-50px}.power-banner.blue{right:-50px}.power-banner img{width:25px;height:30px;object-fit:contain}
.battle-score-overlay[hidden]{display:none}
.battle-score-overlay{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;background:#0003;color:#e9dfc7;font:17px/1.4 KaiTi,STKaiti,serif;text-shadow:0 1px 2px #000}
.battle-score-panel{position:relative;display:flex;flex-direction:column;width:min(1334px,91vw);height:100%;max-height:100%;background:url('../assets/battle-scoreboard/panel.png') center/100% 100% no-repeat;overflow:hidden}
.battle-score-panel>header{flex-shrink:0;position:relative;display:flex;justify-content:center;align-items:flex-start;height:170px;padding:35px 0 0;box-sizing:border-box}
.battle-score-panel>header>span{font:32px/1.4 KaiTi,STKaiti,serif;letter-spacing:3px;color:#eee3c9;text-transform:none;opacity:1}
.battle-score-panel>header>button{position:absolute;right:26px;top:24px;border:0;background:transparent;color:#b6a584;font:26px serif;cursor:pointer}
.score-crest{position:absolute;top:32px;width:85px;height:125px;object-fit:contain}.score-crest.red{left:calc(25% - 42px)}.score-crest.blue{right:calc(25% - 42px)}
.battle-score-sides{display:grid;grid-template-columns:1fr 1fr;min-height:0;flex:1;padding:0 28px 30px;gap:22px}
.battle-score-sides>section{min-width:0;display:flex;flex-direction:column;overflow:hidden}
.battle-score-sides h2{margin:0;text-align:center;font:25px/1.4 KaiTi,serif;color:#e8dcc0}
.score-summary{margin:7px 0 14px;text-align:center;color:#b8ad96;font-size:15px}
.score-table-scroll{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#7d714d #181a15}
.battle-score-panel table{border-collapse:collapse;width:100%;table-layout:fixed;font-variant-numeric:tabular-nums}
.battle-score-panel th,.battle-score-panel td{height:35px;padding:0 3px;text-align:center;font-weight:400;border:0}
.battle-score-panel th:first-child{width:43%;text-align:left;padding-left:10px}
.battle-score-panel thead{position:sticky;top:0;background:#20241eee;z-index:1}
.battle-score-panel thead th{height:47px;border-bottom:1px solid #85774e80}
.battle-score-panel thead button{display:grid;place-items:center;width:100%;height:43px;padding:0;border:0;background:transparent;cursor:pointer}
.battle-score-panel thead button img{max-width:28px;max-height:29px;opacity:.65;filter:sepia(.4)}
.battle-score-panel thead button:hover img{opacity:1}.battle-score-panel thead button:disabled{cursor:default;opacity:.4}
.battle-score-panel tbody tr:hover{background:url('../assets/battle-scoreboard/hover.png') center/100% 100% no-repeat}
.battle-score-panel tbody th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.battle-score-panel footer{padding:18px;text-align:center;color:#c4b591;font-size:14px;background:linear-gradient(transparent,#10130b88);flex-shrink:0}
@media(max-width:850px){.battle-score-panel{width:98vw}.battle-score-sides{padding:0 10px 12px;gap:8px}.battle-score-panel th:first-child{width:37%;padding-left:3px}.battle-score-panel tbody th,.battle-score-panel td{font-size:12px}.battle-score-panel thead button img{max-width:20px;max-height:24px}.battle-score-panel>header{height:140px}.score-crest{width:60px;height:88px}.battle-score-panel>header>span{font-size:24px}}
/* Isolate the native overlay from the homepage's header/footer rules. */
.battle-score-panel{background:none;isolation:isolate}
.battle-score-panel:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:solid transparent;border-width:0 30px;border-image:url('../assets/battle-scoreboard/panel.png') 0 30 fill stretch;opacity:.75}
[data-theme=tapestry] .battle-score-panel>header{position:relative;width:100%;max-width:none;margin:0;padding:35px 0 0;left:auto;top:auto;transform:none}
[data-theme=tapestry] .battle-score-panel>header>span{display:block;color:#eee3c9;font:32px/1.4 KaiTi,STKaiti,serif;opacity:1;visibility:visible}
body.battle-world-open .battle-score-panel footer{display:block!important}
.battle-power-hud .native-power-track{appearance:none;box-shadow:none;border-radius:0;outline:none;min-height:0}
.battle-power-hud .native-power-track:focus-visible{outline:1px solid #c6aa66;outline-offset:4px}
