/* Native 1280 x 720 publication layout. No page scaling or fractional corrections. */
@font-face{font-family:ResultsText;src:url('results-assets/native/UniversCondC-visible.ttf?v=2')}
@font-face{font-family:ClientTitle;src:url('results-assets/native/ZurichCondBold.ttf?client=sd')}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}
body{display:grid;place-items:safe center;overflow:auto;background:#191811;color:#c8c8b5;font:18px ResultsText,Arial,sans-serif;color-scheme:dark}
main{position:relative;width:1280px;height:720px;display:flex;flex-direction:column;border:1px solid #050504;overflow:hidden;background:#191811}
.window-caption{display:none}
nav{display:flex;flex:0 0 38px;height:38px;background:#252419;box-shadow:inset 0 -1px #050504}
button{font:inherit;color:inherit;cursor:pointer}
nav button{height:38px;min-width:202px;padding:0 20px;border:0;border-right:1px solid #050504;border-bottom:1px solid #050504;background:none;color:#aaa;outline-offset:-3px}
nav button[aria-pressed=true]{background:#3b392b;color:#eee3ba}
nav button:hover{background:#333126;color:#eee}
main>section{position:relative;flex:1 1 0;min-height:0;height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#66664c #191811;scrollbar-gutter:stable}
section[hidden],#teams.teams[hidden]{display:none}
#status{padding:25px;text-align:center}#status:empty{display:none}
h2,h3{font:20px ResultsText;margin:0;font-weight:normal}
.battle-banner{height:270px;position:relative;overflow:hidden;isolation:isolate}
.battle-banner>.map-art{position:absolute;left:0;top:0;width:760px;height:270px;object-fit:cover;object-position:center 48%;z-index:-3}
.battle-banner::before{content:'';position:absolute;inset:0;background:url('results-assets/native/common-37.png') right top/988px 270px no-repeat;z-index:-2}
.battle-banner::after{content:'';position:absolute;inset:0;background:url('results-assets/native/common-40.png') 0 0/100% 270px no-repeat,url('results-assets/native/common-39.png') 0 164px/100% 106px no-repeat;pointer-events:none;z-index:0}
body[data-outcome=defeat] .battle-banner::before{background-image:url('results-assets/native/common-42.png')}
body[data-outcome=defeat] .battle-banner::after{background-image:url('results-assets/native/common-45.png'),url('results-assets/native/common-44.png')}
body[data-outcome=draw] .battle-banner::before{background-image:url('results-assets/native/common-47.png')}
body[data-outcome=draw] .battle-banner::after{background-image:url('results-assets/native/common-50.png'),url('results-assets/native/common-49.png')}
.battle-banner>.tank-art{position:absolute;height:auto;z-index:-1}
.battle-map,.battle-date{display:none}
.battle-player,.battle-tank{position:absolute;right:19px;margin:0;color:#e9e2bf;text-shadow:0 1px 3px #000;z-index:1}
.battle-player{top:15px;font-size:20px}.battle-tank{top:44px;font-size:18px}
.battle-banner h1{position:absolute;left:0;top:30px;width:100%;margin:0;text-align:center;font:66px/1.1 ClientTitle;color:white;text-shadow:0 2px 3px #000;z-index:1}
.finish-reason{position:absolute;left:0;top:106px;width:100%;margin:0;text-align:center;font:20px ClientTitle;color:#fff;text-shadow:0 1px 3px #000;z-index:1}
.medals{position:absolute;top:164px;left:15px;width:470px;height:106px;display:flex;justify-content:space-around;align-items:center;gap:4px;z-index:1}
.medals-right{left:auto;right:15px}.medals img{width:96px;height:96px;object-fit:contain}
.rewards{position:absolute;top:160px;left:calc(50% - 105px);width:210px;height:106px;display:flex;flex-direction:column;justify-content:center;gap:0;z-index:1}
.reward{height:34px;display:flex;justify-content:flex-end;align-items:center;gap:10px;color:#eee7d5;text-shadow:0 2px 3px #000}
.reward strong{font:35px ClientTitle}.reward img{object-fit:contain}
.reward img[src$="header-silver.png"]{width:20px;height:24px}.reward img[src$="header-xp.png"]{width:24px;height:29px}.reward img[src$="bonds.png"]{width:30px;height:30px}
.personal-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px;background:#191811}
.personal-left,.personal-right{min-width:0}
.map-caption{height:38px;line-height:38px;padding:0 15px;background:#343227;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px}
.earnings{width:100%;border-collapse:collapse;margin-top:10px;font-size:18px}
.earnings th{text-align:left;font-weight:normal;padding:5px 18px}.earnings tr:first-child th{text-align:right;white-space:nowrap;color:#676660}.earnings tr:first-child th:last-child{color:#ffcb73}
.earnings td{text-align:right;width:140px;padding:5px 18px 5px 0;border-bottom:1px dotted #414036}.earnings td.active{color:#eee}.earnings td.faded{color:#686761}
.earnings td img,.economy-row b img,.team td:nth-child(6) img{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-left:3px}
img[src$="battle-xp.png"],img[src$="free-xp.png"],img[src$="header-xp.png"]{transform:translateY(-2px)}
.results-play-area{position:absolute;left:0;top:466px;bottom:0;width:calc(50% - 5px);display:flex;align-items:center;justify-content:center;pointer-events:none}
.results-play{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border:1px solid #a88b4a;border-radius:3px;background:linear-gradient(#554a33,#302a21);color:#ffe9b2;font:25px ResultsText;text-decoration:none;box-shadow:0 2px 10px #0008;pointer-events:auto}
.results-play:hover{filter:brightness(1.2)}.results-play:focus-visible{outline:2px solid #ffe9b2;outline-offset:3px}
main:has(#personal[hidden])>.results-play-area{display:none}
.efficiency{width:100%;table-layout:fixed;border-collapse:collapse;font-size:18px}
.efficiency>tr:first-child{display:none}
.efficiency td{height:42px;padding:0;text-align:center;vertical-align:middle}
.efficiency td:first-child{width:58%;text-align:left}
.efficiency tr.sum,.efficiency tr.sum td{height:38px;line-height:38px;border:0;background:#302e23;color:#aaa79a;font-size:16px}
.efficiency tr.sum td:first-child{padding-left:15px;color:#d5d2bd;font-size:20px}
.efficiency tr:not(.sum){background:linear-gradient(to right,#1a1814 5%,transparent 40%,#1a1814 100%),url('results-assets/native/row-border.png') right top no-repeat}
.efficiency tr.dead{background:linear-gradient(to right,#1a1814 0,transparent 30%,#1a1814 100%),url('results-assets/native/row-border.png') right top no-repeat,url('results-assets/native/row-tile.png') repeat}
.target{display:flex;align-items:center;height:42px;padding-left:12px;overflow:hidden}
.target span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.target-player{width:174px;flex:none;text-align:right}.target-tank{flex:1;min-width:0}
.target img{width:88px;height:42px;object-fit:contain;flex:none}
.efficiency tr.dead .target{color:#a39887}
.efficiency-icon{position:relative;display:flex;align-items:center;justify-content:center;width:33px;height:42px;margin:auto;padding:0;border:0;background:none}
.efficiency-icon img{width:30px;height:30px;object-fit:contain;transform:translateY(2px)}.efficiency-icon img[src$="client-armor.png"]{transform:none}
.efficiency-icon.inactive{opacity:.13;filter:grayscale(1);cursor:default}
.efficiency-icon small{position:absolute;right:0;bottom:0;background:#1119;border:1px solid #7775;color:white;font:15px/15px ResultsText;text-shadow:0 1px 2px #000}
.efficiency-icon:focus-visible{outline:1px solid #e9e2bf}
#teams.teams{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;align-content:start;align-items:start;background:#343227}
.team{min-width:0;background:#191811;overflow:hidden}
.team h2{height:38px;line-height:38px;padding:0 15px;font-size:20px}
.team table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:18px}
.team th{height:38px;padding:0;background:#252419;border-right:1px solid #050504;border-bottom:1px solid #050504}
.sort{width:100%;height:38px;display:flex;align-items:center;justify-content:center;border:0;background:none;padding:0}
.sort img{max-width:68px;max-height:32px;object-fit:contain}
.team td{height:42px;padding:0 4px;border-bottom:1px solid #070604;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px}
.team td:nth-child(2),.team td:nth-child(3){text-align:left}.team td:nth-child(3){padding:0}
.team td:nth-child(2) img{width:25px;height:25px;vertical-align:middle}
.team td:nth-child(3) img{width:73px;height:42px;vertical-align:middle;object-fit:contain}
.team tr.dead{background:repeating-linear-gradient(125deg,#321a14 0 2px,#2b1712 2px 3px)}.team tr.dead td{color:#998c78}
.team tr.owner{background:#1c1912 url('results-assets/native/owner-alive.png') center/100% 100% no-repeat}
.team tr.owner.dead{background:linear-gradient(to right,#3e2b14 0%,#3e2b14 4%,transparent 42%),repeating-linear-gradient(125deg,#321a14 0 2px,#2b1712 2px 3px)}
.team tr.owner td:nth-child(2),.team tr.owner td:nth-child(3){font-weight:bold}
.team .platoon{text-align:center;color:#e5e1d0}.team-awards{position:relative;text-align:center!important}.team-awards img{width:33px;height:33px;vertical-align:middle}
.team-awards small{position:absolute;right:calc(50% - 21px);bottom:2px;background:#191811;border:1px solid #777;color:#ddd;font:15px/15px ResultsText}
.details-grid{display:grid;grid-template-columns:494px minmax(0,1fr);gap:4px;min-height:100%;background:#191811}
.combat,.economy{min-width:0;padding:0 4px 30px}
.combat{position:relative}.combat::after{content:'';position:absolute;top:0;bottom:0;right:-4px;width:4px;background:#2e2c22}
.combat h2,.economy-heading{height:38px;line-height:38px;margin:0 0 12px;padding:0 16px;background:#28271c;color:#bbb;font-size:20px}
.line{display:flex;justify-content:space-between;align-items:baseline;gap:5px;min-height:26px}
.line b{font-weight:normal;white-space:nowrap}
.combat .line{margin:0 16px;height:26px;line-height:25px;border-bottom:1px dotted #454238}
.combat .line span{color:#999}.combat .line.sub span{padding-left:40px}
.time-block{margin-top:76px}
.economy-row{display:grid;grid-template-columns:minmax(0,1fr) 158px 184px;gap:22px;min-height:27px;align-items:center;margin:0 16px;font-size:18px;line-height:26px}
.economy-row>span{color:#999;border-bottom:1px dotted #454238}.economy-row>b{text-align:right;border-bottom:1px dotted #454238;font-weight:normal;white-space:nowrap}
.economy-row .faded{opacity:.4}.economy-row.expense b{color:#ff2318}
.economy-row.total{margin-top:28px;margin-bottom:28px}.economy-row.piggybank{margin-top:30px}
.economy-heading{margin:0 0 12px;min-height:38px;line-height:38px;font-size:20px;gap:22px}
.economy-heading span,.economy-heading b{border:0}.economy-heading b:last-child{color:#ffcb73}
.economy-row.xp-heading{margin-top:178px}
 .client-tooltip{position:fixed;z-index:10000;width:max-content;max-width:min(300px,calc(100vw - 12px));box-sizing:border-box;padding:8px 10px;background:#191811;border:1px solid #76735c;box-shadow:0 2px 6px #0009;pointer-events:none;font:14px/1.3 ResultsText}
.client-tooltip[hidden]{display:none}.client-tooltip .line{gap:12px;min-height:0;padding:2px 0;line-height:1.3}.client-tooltip .line b{white-space:normal;text-align:right}.client-tooltip .critical b{color:#f8a836}.client-tooltip .destroyed b{color:#ec6554}

/* Lower report sections share one grid row, independent of their content lengths. */
.details-grid{position:relative;grid-template-rows:max-content max-content;row-gap:76px;align-content:start}
.details-grid::before{content:'';position:absolute;left:494px;top:0;bottom:0;width:4px;background:#2e2c22;pointer-events:none}
.combat::after{content:none}
.details-grid>.combat,.details-grid>.economy{padding-bottom:0}
.time-column,.xp-column{padding-bottom:30px!important}
.time-block,.economy-row.xp-heading{margin-top:0}
/* One full-width, fading separator per row, without an extra cell border. */
.efficiency tr:not(.sum){background-size:auto,100% 1px,auto}

.efficiency-icon{max-width:100%}

/* Each award lane stops before the fixed silver/XP region. */
.battle-banner{--award-center:210px;--award-edge:15px;--award-gap:14px;--award-size:96px}
.medals{left:var(--award-edge);width:calc((100% - var(--award-center))/2 - var(--award-edge) - var(--award-gap));display:block;overflow:hidden}
.medals-right{left:auto;right:var(--award-edge)}
.medals img{position:absolute;top:50%;transform:translateY(-50%);width:var(--award-size);height:var(--award-size);object-fit:contain}
.medals img.earned-gun-mark{height:100%;max-width:none}