/* Battle Report v17 — world-first tactical debrief. */
.battle-report-overlay{position:fixed;inset:0;z-index:120;overflow:auto;background:#02070d;color:#eef6fa;overscroll-behavior:contain}
.br-screen{--atk:#69c9f0;--def:#dc8790;--panel:rgba(7,18,28,.78);--panel2:rgba(9,25,37,.72);--line:rgba(130,190,215,.22);--muted:#9db3bf;min-height:100vh;background:#040b12;font-size:14px;line-height:1.55}
.br-screen *{box-sizing:border-box}.br-screen button{font:inherit}
.br-hero{position:relative;min-height:560px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border-bottom:1px solid #31566c;background:#07131c}
.br-hero-backdrop{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(2,7,12,.26) 0%,rgba(2,8,14,.55) 46%,rgba(2,8,14,.97) 100%),linear-gradient(90deg,rgba(2,10,17,.82),rgba(3,13,20,.28) 47%,rgba(2,10,17,.84)),image-set(url('assets/report/battlefield_debrief.webp') 1x);background-size:cover;background-position:center;filter:saturate(.8) contrast(1.05);transform:scale(1.015)}
.br-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 37%,transparent 0 18%,rgba(0,0,0,.4) 72%),linear-gradient(90deg,transparent 32.9%,rgba(112,205,237,.08) 33%,transparent 33.1%,transparent 66%,rgba(112,205,237,.08) 66.1%,transparent 66.2%)}
.br-scanlines{position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:linear-gradient(rgba(126,205,231,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(126,205,231,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 82%)}
.br-hero-top,.br-hero-core,.br-hero footer{position:relative;z-index:2}.br-hero-top{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid rgba(143,198,220,.16)}
.br-kicker{font-size:12px;letter-spacing:.24em;font-weight:800;color:#b7d4df}.br-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(160,207,224,.3);border-radius:4px;background:rgba(5,18,28,.58);color:#d9eaf0}.br-close:hover{background:rgba(31,75,96,.62)}.br-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
.br-hero-core{width:min(1480px,100%);margin:auto;padding:38px 40px 28px;display:grid;grid-template-columns:minmax(270px,.8fr) minmax(430px,1.35fr);grid-template-areas:'outcome duel' 'turning factors';gap:28px 54px;align-items:end}
.br-outcome{grid-area:outcome}.br-outcome span,.br-turning span{display:block;color:#9eb9c4;font-size:12px;font-weight:700;letter-spacing:.18em}.br-outcome h1{margin:6px 0 4px;font-size:clamp(42px,6vw,78px);line-height:.92;letter-spacing:.025em;text-transform:uppercase;text-shadow:0 8px 30px #000}.br-hero.victory .br-outcome h1{color:#eaf8f2}.br-hero.defeat .br-outcome h1{color:#f5e9ea}.br-hero.draw .br-outcome h1{color:#f2efdc}.br-outcome p{margin:12px 0 0;font-size:15px;color:#c2d2d9}
.br-duel{grid-area:duel;display:grid;grid-template-columns:1fr 1px 1fr;gap:26px;align-items:end;padding:22px 26px;background:linear-gradient(110deg,rgba(10,29,42,.72),rgba(7,18,28,.52));border:1px solid rgba(126,190,215,.26);backdrop-filter:blur(8px)}.br-duel>i{width:1px;height:86px;background:linear-gradient(transparent,#7499aa,transparent)}.br-duel>div{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'label label' 'start stxt' 'remain rtxt';column-gap:12px;align-items:baseline}.br-duel span{grid-area:label;font-size:12px;letter-spacing:.18em;color:#9fb6c1;margin-bottom:8px}.br-duel b{grid-area:start;font-size:23px;color:#d8e8ef}.br-duel strong{grid-area:remain;font-size:38px;line-height:1.1}.br-duel>div:first-child strong{color:var(--atk)}.br-duel>div:last-child strong{color:var(--def)}.br-duel small{font-size:12px;color:#9db1bb}.br-duel b+small{grid-area:stxt}.br-duel strong+small{grid-area:rtxt}
.br-turning{grid-area:turning;border-left:3px solid var(--viewer-accent,#74c8ea);padding:8px 0 8px 16px}.br-turning b{display:block;margin:5px 0 2px;font-size:18px;line-height:1.35;letter-spacing:.025em}.br-turning small{color:#8fa9b7;font-size:12px}
.br-key-factors{grid-area:factors;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.br-key-factors>div{min-height:72px;padding:12px 13px;background:rgba(7,21,32,.64);border:1px solid rgba(123,184,208,.2);backdrop-filter:blur(6px)}.br-key-factors b{display:block;color:#7098a9;font-size:11px;letter-spacing:.12em}.br-key-factors span{display:block;margin-top:6px;color:#d7e5ea;font-size:13px;line-height:1.35}
.br-hero footer{display:flex;gap:28px;padding:12px 30px;background:rgba(3,9,15,.72);border-top:1px solid rgba(123,183,207,.12);color:#89a4b1;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.br-body{width:min(1500px,100%);margin:auto;padding:42px 34px 90px}.br-section{display:block;margin-bottom:60px}.br-section+.br-section{padding-top:46px;border-top:1px solid rgba(120,183,207,.16)}
.br-section-head{display:flex;gap:16px;align-items:flex-start;margin:0 0 20px}.br-section-head>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(123,194,220,.28);color:#78b8d0;font-size:12px;font-weight:800;letter-spacing:.08em}.br-section-head h2{margin:0;font-size:24px;line-height:1.15;letter-spacing:.035em}.br-section-head p{margin:4px 0 0;color:#91a9b5;font-size:14px}.br-section-head.compact{margin-top:36px}
.br-side-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.br-side-panel{padding:20px;border:1px solid var(--line);background:linear-gradient(155deg,rgba(10,31,44,.86),rgba(6,18,28,.82));box-shadow:0 18px 44px rgba(0,0,0,.2)}.br-side-panel.attacker{border-top:3px solid var(--atk)}.br-side-panel.defender{border-top:3px solid var(--def)}.br-side-panel>header{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:17px}.br-side-panel>header span{display:block;font-size:13px;font-weight:800;letter-spacing:.16em}.br-side-panel>header small{display:block;margin-top:4px;color:#829da9;font-size:11px;letter-spacing:.12em}.br-side-panel>header strong{font-size:25px}.br-side-panel>header strong em{font-size:11px;font-style:normal;font-weight:500;color:#92a9b4;text-transform:uppercase}
.br-primary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px}.br-primary-grid>div{padding:13px 12px;border:1px solid rgba(105,169,194,.18);background:rgba(4,15,23,.5)}.br-primary-grid span{display:block;font-size:11px;color:#8ca4b0;letter-spacing:.08em}.br-primary-grid b{display:block;margin:3px 0;font-size:22px}.br-primary-grid small{font-size:11px;color:#8ea3ae}.br-primary-grid .loss b{color:#e3a3a8}
.br-impact-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.br-impact-groups section{padding:11px;border-top:1px solid rgba(114,174,198,.22);background:rgba(4,15,23,.28)}.br-impact-groups h4{margin:0 0 8px;color:#8ba5b2;font-size:11px;letter-spacing:.11em}.br-impact-groups section div{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:12px;color:#9fb3bd}.br-impact-groups section b{color:#dbe8ed;font-size:13px}.br-side-panel>details{margin-top:12px}.br-side-panel>details summary{cursor:pointer;color:#8fb2c2;font-size:12px}.loss-cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.loss-cost-grid>div{padding:8px 9px;background:rgba(6,18,27,.65);border:1px solid rgba(121,184,209,.15)}.loss-cost-grid span{display:block;color:#829da9;font-size:11px}.loss-cost-grid b{font-size:13px}
.br-graph-panel{padding:16px 18px 10px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(6,19,29,.9),rgba(4,13,20,.76));overflow:hidden}.br-chart-controls{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.br-chart-controls button{padding:7px 10px;border:1px solid rgba(119,183,208,.2);background:transparent;color:#87a2ae;font-size:11px;letter-spacing:.07em}.br-chart-controls button.active{color:#e8f4f8;border-color:#5aaac8;background:rgba(43,105,133,.28)}.br-main-graph{display:block;width:100%;height:auto;max-height:330px}.br-main-graph .grid{stroke:#244252;stroke-width:1}.br-main-graph text{fill:#6f8d9a;font-size:10px}.br-main-graph .line{fill:none;stroke-width:3}.br-main-graph .line.a{stroke:var(--atk)}.br-main-graph .line.d{stroke:var(--def)}.br-main-graph .area.a{fill:url(#aFill)}.br-main-graph .area.d{fill:url(#dFill)}.br-main-graph .point.a{fill:#d8f2ff;stroke:var(--atk);stroke-width:2}.br-main-graph .point.d{fill:#ffe5e7;stroke:var(--def);stroke-width:2}.br-main-graph .event-marker line{stroke:#7c96a1;stroke-dasharray:2 4}.br-main-graph .event-marker circle{fill:#f1d58a}.br-main-graph .event-marker text{fill:#d7c58f;font-size:8px;letter-spacing:.05em}.br-graph-legend{display:flex;gap:20px;padding:4px 0 8px;font-size:11px;color:#91a7b2}.br-graph-legend .attacker{color:var(--atk)}.br-graph-legend .defender{color:var(--def)}
.br-highlights{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.br-highlights article{min-height:128px;padding:15px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(9,28,40,.75),rgba(5,15,23,.72))}.br-highlights svg{width:24px;height:24px;fill:none;stroke:#82bfd5;stroke-width:1.7}.br-highlights span{display:block;margin:10px 0 5px;color:#879fab;font-size:11px;letter-spacing:.1em}.br-highlights b{display:block;font-size:16px}.br-highlights small{display:block;margin-top:5px;color:#8fc3d8;font-size:13px}
.br-flank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.br-flank{position:relative;padding:18px;border:1px solid rgba(114,181,206,.25);background:linear-gradient(180deg,rgba(8,26,38,.87),rgba(4,15,23,.84));overflow:hidden}.br-flank:before{content:"";position:absolute;left:50%;top:52px;bottom:65px;border-left:1px dashed rgba(124,188,212,.13)}.br-flank>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(116,179,204,.18)}.br-flank>header span{font-weight:800;letter-spacing:.16em}.br-flank>header b{font-size:11px;color:#b8d0da}.br-flank-force{padding:14px 0}.br-flank-force label{display:flex;justify-content:space-between;gap:10px;margin:9px 0 5px;color:#97acb6;font-size:11px;letter-spacing:.06em}.br-flank-force em{font-style:normal;color:#d5e3e8}.br-retained{position:relative;height:16px;background:rgba(4,13,20,.9);border:1px solid rgba(113,173,196,.18);overflow:hidden}.br-retained i{display:block;height:100%;background:linear-gradient(90deg,rgba(72,151,184,.35),var(--atk))}.br-retained.defender i{background:linear-gradient(90deg,rgba(149,71,79,.35),var(--def))}.br-retained span{position:absolute;right:5px;top:-1px;font-size:10px;color:#fff;text-shadow:0 1px 3px #000}.br-flank-metrics{display:flex;justify-content:space-between;gap:12px;padding:8px 0;color:#8fa5b0;font-size:12px}.br-flank-event{display:flex;gap:8px;align-items:center;padding:9px 10px;border-left:2px solid #d4bd78;background:rgba(68,59,30,.23);font-size:12px}.br-flank-event svg{width:18px;height:18px;fill:none;stroke:#d4bd78;stroke-width:1.7}
.br-round-list{display:grid;gap:8px}.br-round{border:1px solid rgba(111,176,201,.2);background:rgba(6,18,27,.7)}.br-round-summary{display:grid;grid-template-columns:100px 1fr 1fr 155px 2fr auto;gap:14px;width:100%;align-items:center;padding:14px 16px;border:0;background:transparent;color:#dbe8ed;text-align:left}.br-round-summary>span{font-size:13px;font-weight:800;letter-spacing:.1em}.br-round-summary div b{display:block;color:#8ea4ae;font-size:10px;letter-spacing:.08em}.br-round-summary div strong{font-size:15px}.br-round-summary em{font-style:normal;color:#adc1ca;font-size:13px}.br-round-summary>i{font-style:normal;color:#78bad3;font-size:11px}.br-round-summary:hover,.br-round-summary.open{background:rgba(26,65,83,.24)}.round-lazy:not(:empty){padding:0 14px 14px}.br-round-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.br-round-details>section{padding:10px;background:rgba(4,15,22,.55);border:1px solid rgba(107,170,195,.18)}.br-round-details>section>header{margin-bottom:8px;font-size:12px;font-weight:800;letter-spacing:.12em}.br-round-lane{display:grid;grid-template-columns:1fr 1fr;gap:6px}.br-round-lane>div>b{font-size:11px}.br-round-lane>div>small{display:block;margin:3px 0 7px;color:#7f9daa;font-size:10px}.br-detail-title{margin:17px 0 8px;letter-spacing:.09em}
.br-event-log{display:grid;gap:10px}.br-event-log>section{display:grid;grid-template-columns:90px 1fr;gap:8px}.br-event-log>section>header{padding-top:11px;color:#7994a1;font-size:11px;font-weight:800;letter-spacing:.1em}.br-event-log article{display:flex;gap:11px;align-items:center;padding:9px 12px;border-left:2px solid #4f7588;background:rgba(8,24,35,.7)}.br-event-log article.critical{border-left-color:#d9858e}.br-event-log article.reinforcement{border-left-color:#7ac6e0}.br-event-log article.support{border-left-color:#7fcda8}.br-event-log article.command{border-left-color:#c2a7f1}.br-event-log article.ability{border-left-color:#ddbe78}.br-event-log article i{display:grid;place-items:center;width:28px;height:28px}.br-event-log article svg{width:19px;height:19px;fill:none;stroke:#8ec0d1;stroke-width:1.8}.br-event-log article span{display:block;color:#809aa6;font-size:10px;letter-spacing:.1em}.br-event-log article b{font-size:13px;font-weight:600}
.br-action-log{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.br-action-log article{padding:8px 10px;border-left:2px solid #58798a;background:rgba(5,17,26,.65)}.br-action-log article span{display:block;color:#7d9aa8;font-size:9px;letter-spacing:.1em}.br-action-log article b{font-size:12px;font-weight:500}.br-action-log article.critical{border-left-color:#df858f}.br-action-log article.support{border-left-color:#7fceaa}.br-action-log article.ability{border-left-color:#d9bd7a}
.br-replay{margin-top:34px;padding:16px;border:1px solid rgba(112,180,206,.24);background:rgba(5,17,26,.7)}.br-replay>header{display:flex;justify-content:space-between;align-items:center}.br-replay>header span{font-size:10px;letter-spacing:.16em;color:#7d9aa7}.br-replay h3{margin:2px 0;font-size:18px}.br-replay-btn{width:36px;height:32px;border:1px solid #345c6e;background:#0a2331;color:#d8e8ed}.br-replay-content{margin-top:13px}.br-replay-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.br-replay-lanes>section{padding:10px;background:rgba(4,14,21,.62);border:1px solid rgba(111,175,200,.16)}.br-replay-lanes>section>header{margin-bottom:7px;font-size:11px;font-weight:800;letter-spacing:.1em}.br-replay-stack{padding:7px 8px;margin:4px 0;border-left:2px solid #5a9ab5;background:rgba(11,34,47,.72)}.br-replay-stack b,.br-replay-stack span,.br-replay-stack small{display:block}.br-replay-stack span{font-size:11px}.br-replay-stack small{color:#8ba3ae;font-size:10px}.br-replay-empty{padding:8px;color:#607d8a;font-size:11px}
.br-unit-sides{display:grid;grid-template-columns:1fr 1fr;gap:18px}.br-unit-sides>section>header,.br-player-sides>section>header{display:flex;justify-content:space-between;padding:0 2px 11px;color:#9db1ba;border-bottom:1px solid rgba(111,174,199,.18)}.br-unit-sides>section>header span,.br-player-sides>section>header span{font-weight:800;letter-spacing:.13em}.br-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.br-unit-card{display:grid;grid-template-columns:112px 1fr;grid-template-areas:'img title' 'img counts' 'impact impact' 'tactical tactical' 'owners owners';gap:9px 13px;padding:12px;border:1px solid rgba(110,176,201,.2);background:linear-gradient(145deg,rgba(9,28,40,.78),rgba(5,16,24,.82));min-width:0}.br-unit-portrait{grid-area:img;width:112px!important;height:112px!important;object-fit:cover!important;object-position:center top;background:#07131d}.br-unit-title{grid-area:title;min-width:0}.br-unit-title span{color:#7f9ba8;font-size:10px;letter-spacing:.1em}.br-unit-title h3{margin:2px 0;font-size:17px;line-height:1.18}.br-unit-counts{grid-area:counts;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.br-unit-counts div{padding:5px;background:rgba(3,12,18,.52)}.br-unit-counts b,.br-unit-counts span{display:block}.br-unit-counts b{font-size:15px}.br-unit-counts span{font-size:9px;color:#7f99a5}.br-unit-counts .loss b{color:#dc9aa0}.br-unit-impact{grid-area:impact;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.br-unit-impact span{padding:7px;background:rgba(5,18,27,.56);color:#879fa9;font-size:10px}.br-unit-impact b{display:block;margin-top:2px;color:#dce9ed;font-size:13px}.br-unit-tactical{grid-area:tactical;display:grid;grid-template-columns:110px 1fr auto;gap:2px 8px;padding-top:6px;border-top:1px solid rgba(108,170,195,.15)}.br-unit-tactical>span{color:#76939f;font-size:9px;letter-spacing:.09em}.br-unit-tactical>b{font-size:11px}.br-unit-tactical>small{font-size:10px;color:#86a2ae}.br-unit-card details{grid-area:owners}.br-unit-card details p{margin:3px 0;font-size:10px;color:#8ba5b1}
.br-player-sides{display:grid;grid-template-columns:1fr 1fr;gap:18px}.br-player-card{margin-top:10px;padding:14px;border:1px solid rgba(110,175,200,.2);border-left:3px solid var(--race);background:linear-gradient(145deg,rgba(9,28,40,.78),rgba(5,16,24,.82))}.br-player-head{display:flex;justify-content:space-between;gap:20px}.br-player-head span{color:var(--race);font-size:10px;letter-spacing:.14em}.br-player-head h3{margin:1px 0;font-size:19px}.br-player-head strong{font-size:25px;text-align:right}.br-player-head strong small{display:block;color:#7e98a4;font-size:9px;font-weight:500;text-transform:uppercase}.br-player-card>p{margin:6px 0;color:#8da5b0;font-size:11px}.br-player-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:9px 0}.br-player-numbers span{padding:7px;background:rgba(5,17,26,.55);font-size:10px;color:#829ca8}.br-player-numbers b{display:block;color:#dce9ee;font-size:14px}.br-contrib-bars{display:grid;gap:5px}.br-contrib-bars label{display:grid;grid-template-columns:92px 1fr 38px;gap:8px;align-items:center;font-size:10px;color:#8ca4af}.br-contrib-bars i{height:5px;background:#132f3d;overflow:hidden}.br-contrib-bars i b{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--race) 45%,#153647),var(--race))}.br-contrib-bars em{font-style:normal;text-align:right;color:#c7d7dd}.br-player-key{margin-top:10px;padding-top:8px;border-top:1px solid rgba(113,174,198,.16);font-size:10px;color:#7894a1}.br-player-key b{color:#d5e5ea}.br-note{color:#778f9b;font-size:11px}
.br-technical{margin-top:28px;padding-top:14px;border-top:1px solid rgba(111,174,199,.16)}.br-technical summary{cursor:pointer;color:#7d9ca9;font-size:11px;letter-spacing:.08em}.br-technical>div{display:grid;grid-template-columns:170px 1fr;gap:5px 12px;margin-top:10px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.br-technical span{color:#688694}.br-technical b{overflow-wrap:anywhere;color:#a8c0ca;font-weight:500}
.report-empty{padding:18px;color:#78939f;text-align:center}.br-mobile-tabs{display:none;position:sticky;top:0;z-index:5;gap:5px;padding:8px;background:rgba(3,10,16,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(111,174,199,.18)}.br-mobile-tabs button{border:1px solid rgba(112,177,201,.2);background:#071a25;color:#849fab;padding:8px 10px;font-size:10px;letter-spacing:.05em;white-space:nowrap}.br-mobile-tabs button.active{color:#edf6f9;border-color:#5d9eb8;background:#12354a}.battle-report-loading{min-height:100vh;display:grid;place-items:center;padding:30px;font-size:16px;letter-spacing:.08em;background:#030a10;color:#acc4ce}
@media(max-width:1100px){.br-hero-core{grid-template-columns:1fr;grid-template-areas:'outcome' 'duel' 'turning' 'factors';gap:18px}.br-key-factors{grid-template-columns:1fr 1fr 1fr}.br-primary-grid{grid-template-columns:repeat(2,1fr)}.br-impact-groups{grid-template-columns:1fr}.br-highlights{grid-template-columns:repeat(3,1fr)}.br-unit-grid{grid-template-columns:1fr}.br-round-summary{grid-template-columns:90px 1fr 1fr auto}.br-round-summary em{grid-column:2/-1}.br-round-summary>i{grid-column:4}.br-round-details{grid-template-columns:1fr}.br-replay-lanes{grid-template-columns:1fr}.br-action-log{grid-template-columns:1fr}}
@media(max-width:900px){.br-mobile-tabs{display:flex;overflow-x:auto}.br-body{padding:18px 12px 60px}.br-section{display:none;margin-bottom:0}.br-section.active{display:block}.br-section+.br-section{border-top:0;padding-top:0}.br-hero{min-height:510px}.br-hero-top{padding:14px}.br-hero-core{padding:26px 16px 20px}.br-outcome h1{font-size:46px}.br-duel{padding:16px;gap:14px}.br-duel strong{font-size:30px}.br-key-factors{grid-template-columns:1fr}.br-hero footer{padding:10px 14px;gap:12px;overflow-x:auto;white-space:nowrap}.br-side-grid,.br-unit-sides,.br-player-sides{grid-template-columns:1fr}.br-flank-grid{grid-template-columns:1fr}.br-highlights{grid-template-columns:1fr 1fr}.br-section-head h2{font-size:20px}.br-round-summary{grid-template-columns:80px 1fr 1fr}.br-round-summary .br-round-damage{display:none}.br-round-summary em{grid-column:1/-1}.br-round-summary>i{display:none}.br-round-lane{grid-template-columns:1fr}.br-event-log>section{grid-template-columns:1fr}.br-event-log>section>header{padding:6px 0 0}.br-technical>div{grid-template-columns:1fr}.br-impact-groups{grid-template-columns:1fr 1fr 1fr}.br-unit-card{grid-template-columns:92px 1fr}.br-unit-portrait{width:92px!important;height:92px!important}.br-unit-impact{grid-template-columns:1fr 1fr 1fr}.br-unit-tactical{grid-template-columns:1fr}.br-main-graph{min-width:760px}.br-graph-panel{overflow-x:auto}}
@media(max-width:560px){.br-hero{min-height:560px}.br-duel{grid-template-columns:1fr;gap:12px}.br-duel>i{width:100%;height:1px;background:linear-gradient(90deg,transparent,#7499aa,transparent)}.br-key-factors{display:none}.br-hero-core{align-content:end}.br-outcome p{font-size:13px}.br-outcome h1{font-size:39px}.br-turning b{font-size:15px}.br-primary-grid{grid-template-columns:1fr 1fr}.br-impact-groups{grid-template-columns:1fr}.br-highlights{grid-template-columns:1fr}.br-unit-card{grid-template-columns:76px 1fr}.br-unit-portrait{width:76px!important;height:76px!important}.br-unit-impact{grid-template-columns:1fr}.br-player-numbers{grid-template-columns:1fr 1fr 1fr}.br-contrib-bars label{grid-template-columns:78px 1fr 34px}.br-round-summary{grid-template-columns:1fr 1fr}.br-round-summary>span{grid-column:1/-1}.loss-cost-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:no-preference){.br-hero-core>*{animation:brRise .45s ease both}.br-hero-core>*:nth-child(2){animation-delay:.05s}.br-hero-core>*:nth-child(3){animation-delay:.1s}.br-hero-core>*:nth-child(4){animation-delay:.14s}.br-retained i,.br-contrib-bars i b{animation:brGrow .5s ease both;transform-origin:left}.br-main-graph .line{stroke-dasharray:2200;stroke-dashoffset:2200;animation:brDraw .9s ease forwards}@keyframes brRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes brGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes brDraw{to{stroke-dashoffset:0}}}
@media(prefers-reduced-motion:reduce){.br-screen *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Outcome states: restrained tactical feedback, never arcade confetti. */
.br-hero.victory .br-hero-backdrop{filter:saturate(.84) contrast(1.06) brightness(.92)}
.br-hero.victory .br-turning{border-left-color:#74c9b0}
.br-hero.defeat .br-hero-backdrop{filter:saturate(.55) contrast(1.08) brightness(.78)}
.br-hero.defeat .br-turning{border-left-color:#bb7b82}.br-hero.defeat .br-scanlines{opacity:.27}
.br-hero.draw .br-hero-backdrop{filter:saturate(.62) contrast(1.03) brightness(.88)}
.br-hero.draw .br-turning{border-left-color:#c9b777}
@media(max-width:560px){.br-key-factors{display:grid;grid-template-columns:1fr}.br-key-factors>div:nth-child(n+2){display:none}.br-key-factors>div{min-height:auto}}

/* Battle Report v18 — loss-first summary hierarchy. */
.br-hero.br-hero-v18{min-height:250px;max-height:320px;display:grid;grid-template-rows:auto 1fr;border-bottom:1px solid rgba(95,154,180,.35)}
.br-hero-v18 .br-hero-backdrop{background-image:linear-gradient(180deg,rgba(2,7,12,.2),rgba(2,8,14,.88)),linear-gradient(90deg,rgba(2,10,17,.8),rgba(3,13,20,.2) 50%,rgba(2,10,17,.8)),image-set(url('assets/report/battlefield_debrief.webp') 1x)}
.br-hero-result{position:relative;z-index:2;width:min(1500px,100%);margin:auto;padding:22px 34px 28px;align-self:end}
.br-hero-result>span{display:block;color:#9ab5c1;font-size:12px;letter-spacing:.18em;font-weight:800}
.br-hero-result h1{margin:5px 0 7px;font-size:clamp(38px,5.4vw,68px);line-height:.92;letter-spacing:.035em;text-shadow:0 8px 30px #000}
.br-hero.victory .br-hero-result h1{color:#edf8f3}.br-hero.defeat .br-hero-result h1{color:#f2e9ea}.br-hero.draw .br-hero-result h1{color:#f0eddc}
.br-hero-result p{margin:0;font-size:17px;font-weight:700}.br-hero-result small{display:block;margin-top:3px;color:#9ab0bb;font-size:13px}
.br-report-tabs{position:sticky;top:0;z-index:20;display:flex;gap:6px;justify-content:center;padding:9px 14px;background:rgba(3,10,16,.96);backdrop-filter:blur(15px);border-bottom:1px solid rgba(111,174,199,.2)}
.br-report-tabs button{border:1px solid rgba(112,177,201,.22);background:#071722;color:#8ca5b0;padding:9px 15px;font-size:11px;font-weight:800;letter-spacing:.07em;white-space:nowrap}
.br-report-tabs button.active{color:#f0f7f9;border-color:#5d9eb8;background:#12354a;box-shadow:inset 0 -2px #74bdd8}
.br-body{padding-top:26px}.br-section{display:none;margin-bottom:0}.br-section.active{display:block}.br-section+.br-section{border-top:0;padding-top:0}
.br-power-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:30px}
.br-side-power{position:relative;padding:18px 20px 16px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(10,31,44,.9),rgba(5,16,24,.86));overflow:hidden}
.br-side-power.attacker{border-top:3px solid var(--atk)}.br-side-power.defender{border-top:3px solid var(--def)}
.br-side-power>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid rgba(121,183,208,.16)}
.br-side-power>header>div:first-child>span{display:block;font-size:12px;font-weight:800;letter-spacing:.16em;color:#b8cbd3}
.br-race-badge{display:inline-flex;align-items:center;gap:6px;margin-top:5px;color:var(--race)}.br-race-badge i{display:grid;place-items:center;width:27px;height:27px;border:1px solid color-mix(in srgb,var(--race) 55%,transparent);background:color-mix(in srgb,var(--race) 12%,transparent);font-style:normal;font-weight:900;font-size:10px}.br-race-badge em{font-style:normal;font-size:11px;letter-spacing:.08em}
.br-main-player{text-align:right}.br-main-player b,.br-main-player small{display:block}.br-main-player b{font-size:20px}.br-main-player small{color:#8ca5b0;font-size:11px;letter-spacing:.08em}
.br-power-line{padding:15px 0 11px}.br-power-line>span,.br-troop-line>span{display:block;color:#86a1ad;font-size:11px;font-weight:800;letter-spacing:.12em}.br-power-line strong{display:block;margin:2px 0;font-size:clamp(25px,3vw,38px);line-height:1.05}.br-power-line strong i,.br-troop-line strong i{color:#557888;font-style:normal;font-weight:400}.br-power-line small{font-size:12px;color:#9fb1b9}.br-power-line small b{color:#e3a4aa;font-size:15px}
.br-troop-line{padding-top:10px;border-top:1px solid rgba(119,180,205,.13)}.br-troop-line strong{display:block;font-size:22px}.br-troop-line small{color:#91a7b1;font-size:11px}
.br-side-players{margin-top:11px}.br-side-players summary{cursor:pointer;color:#8eb0bf;font-size:11px;letter-spacing:.08em}.br-compact-player{display:grid;grid-template-columns:10px minmax(100px,1fr) auto auto;gap:9px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(116,178,201,.1)}.br-player-dot{width:7px;height:20px;background:var(--race)}.br-compact-player b,.br-compact-player small{display:block}.br-compact-player b{font-size:13px}.br-compact-player small{color:#7f99a5;font-size:10px}.br-compact-player strong{font-size:12px}.br-compact-player em{font-style:normal;color:#d9989e;font-size:11px}
.br-summary-composition{display:grid;grid-template-columns:1fr 1fr;gap:18px}.br-summary-composition>section>header{display:flex;justify-content:space-between;padding:0 2px 10px;border-bottom:1px solid rgba(111,174,199,.18);color:#9db1ba}.br-summary-composition>section>header span{font-weight:900;letter-spacing:.12em}
.br-summary-unit-list{display:grid;gap:7px;margin-top:9px}.br-summary-unit{display:grid;grid-template-columns:78px minmax(0,1fr);min-height:118px;border:1px solid rgba(110,176,201,.18);background:linear-gradient(145deg,rgba(9,28,40,.8),rgba(5,16,24,.84));overflow:hidden}.br-summary-unit .br-unit-portrait{width:78px!important;height:118px!important;object-fit:cover!important;object-position:center top;grid-area:auto}.br-summary-unit-main{display:grid;grid-template-columns:minmax(120px,1.25fr) auto minmax(120px,1fr);grid-template-areas:'label flow lost' 'name flow lost' 'kills kills kills' 'owners owners owners';gap:1px 12px;align-items:center;padding:9px 11px;min-width:0}.br-summary-unit-main>span{grid-area:label;color:#7595a4;font-size:10px;letter-spacing:.1em}.br-summary-unit-main h3{grid-area:name;margin:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-unit-flow{grid-area:flow;display:flex;align-items:center;gap:8px}.br-unit-flow b,.br-unit-flow strong{font-size:21px}.br-unit-flow i{font-style:normal;color:#5e7e8d}.br-unit-lost{grid-area:lost;text-align:right}.br-unit-lost span,.br-unit-lost small{display:block}.br-unit-lost span{font-size:10px;letter-spacing:.1em;color:#b9878c}.br-unit-lost b{display:block;color:#f0b0b5;font-size:27px;line-height:1}.br-unit-lost small{font-size:10px;color:#8fa5af}.br-unit-kills{grid-area:kills;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px;padding-top:6px;border-top:1px solid rgba(116,177,202,.13)}.br-unit-kills span{font-size:9px;letter-spacing:.11em;color:#7c9aaa}.br-unit-kills b{font-size:10px;color:#cfe1e7}.br-unit-kills.fallback b{color:#a9bdc5}.br-unit-kills small{font-size:9px;color:#647f8c}.br-summary-unit details{grid-area:owners}.br-summary-unit details summary{font-size:10px;color:#7697a6}.br-summary-unit details p{display:inline-block;margin:3px 10px 0 0;font-size:10px;color:#90a6af}
.br-destroyed-enemy{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.br-destroyed-enemy>section{padding:13px;border:1px solid rgba(111,174,199,.17);background:rgba(5,17,25,.5)}.br-destroyed-enemy>section>header{margin-bottom:8px;color:#91a9b4;font-size:11px;font-weight:900;letter-spacing:.12em}.br-destroyed-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.br-destroyed-list>div{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:7px;padding:5px;background:rgba(7,23,34,.72)}.br-destroyed-list .br-unit-portrait{width:40px!important;height:40px!important;object-fit:cover!important}.br-destroyed-list b,.br-destroyed-list small{display:block}.br-destroyed-list b{font-size:11px}.br-destroyed-list small{font-size:9px;color:#758f9a}.br-destroyed-list strong{font-size:16px;color:#e4a4aa}
.br-summary-conclusion{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;margin:26px 0 12px}.br-summary-conclusion section{padding:12px 14px;border-left:3px solid #688fa0;background:rgba(6,19,29,.58)}.br-summary-conclusion span{display:block;color:#7897a5;font-size:10px;letter-spacing:.12em}.br-summary-conclusion b{display:block;margin-top:5px;font-size:14px}.br-summary-conclusion p{margin:5px 0;font-size:12px;color:#a8bbc3}.br-secondary-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding-top:12px;border-top:1px solid rgba(112,174,198,.14)}.br-secondary-strip>div{padding:8px;background:rgba(4,14,21,.35)}.br-secondary-strip span,.br-secondary-strip b{display:block}.br-secondary-strip span{font-size:9px;letter-spacing:.09em;color:#708b97}.br-secondary-strip b{font-size:12px;color:#adc0c8}
.br-analytics-sides{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.br-analytics-sides>section{padding:15px;border:1px solid var(--line);background:rgba(5,17,25,.55)}.br-analytics-sides h3{margin:0 0 10px;font-size:14px;letter-spacing:.1em}.br-analytics-sides details{margin-top:12px}.br-analytics-sides summary{font-size:11px;color:#8fb2c2;cursor:pointer}
@media(max-width:1050px){.br-summary-unit-main{grid-template-columns:1fr auto;grid-template-areas:'label lost' 'name lost' 'flow flow' 'kills kills' 'owners owners'}.br-unit-flow{margin-top:4px}.br-secondary-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.br-report-tabs{justify-content:flex-start;overflow-x:auto}.br-body{padding:18px 12px 60px}.br-hero.br-hero-v18{min-height:225px}.br-hero-top{padding:12px 14px}.br-hero-result{padding:16px 16px 22px}.br-hero-result h1{font-size:43px}.br-power-comparison{grid-template-columns:1fr 1fr;gap:7px}.br-side-power{padding:11px}.br-side-power>header{display:block}.br-main-player{text-align:left;margin-top:7px}.br-main-player b{font-size:15px}.br-race-badge em{display:none}.br-power-line strong{font-size:21px}.br-power-line small b{font-size:12px}.br-troop-line strong{font-size:17px}.br-troop-line small{font-size:9px}.br-side-players{display:none}.br-summary-composition{grid-template-columns:1fr}.br-destroyed-enemy{grid-template-columns:1fr}.br-summary-conclusion{grid-template-columns:1fr}.br-secondary-strip{grid-template-columns:1fr 1fr}.br-analytics-sides{grid-template-columns:1fr}.br-summary-unit{grid-template-columns:70px minmax(0,1fr)}.br-summary-unit .br-unit-portrait{width:70px!important;height:112px!important}.br-summary-unit-main{padding:8px;grid-template-columns:1fr auto;grid-template-areas:'label lost' 'name lost' 'flow flow' 'kills kills' 'owners owners'}.br-unit-lost b{font-size:24px}.br-unit-flow b,.br-unit-flow strong{font-size:18px}}
@media(max-width:560px){.br-kicker{font-size:10px;letter-spacing:.12em}.br-hero.br-hero-v18{min-height:205px}.br-hero-result h1{font-size:37px}.br-hero-result p{font-size:14px}.br-report-tabs{padding:6px 8px}.br-report-tabs button{padding:7px 10px;font-size:10px}.br-power-comparison{gap:5px}.br-side-power{padding:9px}.br-side-power>header>div:first-child>span{font-size:10px}.br-main-player b{font-size:13px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-power-line{padding:10px 0 7px}.br-power-line>span,.br-troop-line>span{font-size:9px}.br-power-line strong{font-size:17px}.br-power-line small{font-size:9px}.br-power-line small b{font-size:10px}.br-troop-line strong{font-size:15px}.br-section-head{margin-bottom:11px}.br-section-head h2{font-size:18px}.br-section-head p{font-size:11px}.br-summary-unit-list{gap:5px}.br-summary-unit{grid-template-columns:62px minmax(0,1fr);min-height:100px}.br-summary-unit .br-unit-portrait{width:62px!important;height:100px!important}.br-summary-unit-main h3{font-size:13px}.br-unit-lost b{font-size:21px}.br-unit-flow b,.br-unit-flow strong{font-size:15px}.br-unit-kills{gap:5px}.br-destroyed-list{grid-template-columns:1fr}.br-secondary-strip{display:none}}
/* V18 first-viewport tightening after visual QA. */
@media(min-width:901px){
  .br-hero.br-hero-v18{min-height:210px;max-height:240px}
  .br-hero-result{padding:14px 34px 20px}
  .br-body{padding-top:18px}
  .br-section-head{margin-bottom:14px}
  .br-power-comparison{margin-bottom:22px}
  .br-side-power{padding:14px 16px 12px}
  .br-side-power>header{padding-bottom:8px}
  .br-power-line{padding:10px 0 7px}
  .br-power-line strong{font-size:clamp(23px,2.5vw,34px)}
  .br-troop-line{padding-top:7px}
}
/* V39.16: every event belongs to the content column, including later events. */
.br-event-log>section>article{grid-column:2;min-width:0}
.br-event-log article>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:900px){.br-event-log>section>article{grid-column:1}}