/* V39.3: notifications, explicit quantities and a denser battle debrief. */
.nav button[data-tab="archive"]{position:relative}
.journal-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 4px;border-radius:12px;background:#dd694a;color:#fff;font-size:10px;font-weight:800;line-height:1;border:1px solid #ffbc9c;box-shadow:0 1px 5px #0008}
.journal-badge[hidden]{display:none!important}
.nav .journal-badge{position:absolute;right:3px;top:3px}
.journal-toggle{position:absolute;right:196px;top:112px;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--hud-line);border-radius:4px;background:#0b1926ed;color:#dcebf4;pointer-events:auto;cursor:pointer}
.journal-toggle>svg{width:19px;height:19px}.journal-toggle .journal-badge{position:absolute;top:-6px;right:-7px}
.journal-toggle:hover{background:#214059}.journal-toggle:focus-visible{outline:2px solid #90ddff;outline-offset:3px}
.journal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;color:#c2dce9;font-size:12px}
[data-journal-key][data-unread="true"]{border-left:3px solid #ec9970}
[data-journal-key][data-unread="true"]>summary:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#f6a779}
.journal-event{position:relative;padding-right:40px}.journal-read-event{position:absolute;right:7px;top:7px;width:28px;height:28px;background:#1c384b;border:1px solid #628299;color:#e2f2fa;border-radius:5px;cursor:pointer}
.journal-event[data-unread="false"] .journal-read-event{display:none}
.prep-quantity-form{padding:12px;margin:12px 0 16px;background:#102c40;border:1px solid #74b8d6;border-radius:6px}
.prep-quantity-form label{display:grid;gap:7px;color:#e9f5fa;font-size:12px;font-weight:600}
.prep-quantity-form input{width:100%;font-size:18px;min-height:42px;font-variant-numeric:tabular-nums}
.prep-quantity-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.prep-quantity-actions .btn{flex:1;min-height:38px;white-space:normal}
.prep-quantity-form small{display:block;margin-top:8px;color:#b1c9d8;font-size:11px;line-height:1.45}
.br-screen{font-size:13px;line-height:1.45}
.br-screen .br-hero.br-hero-v18{min-height:160px;max-height:190px}
.br-screen .br-hero-top{padding:10px 24px}.br-screen .br-hero-result{padding:10px 24px 16px}
.br-screen .br-hero-result h1{font-size:clamp(30px,3.8vw,46px)}
.br-screen .br-hero-result p{font-size:14px}.br-screen .br-hero-result small{font-size:11px}
.br-screen .br-body{padding:18px 24px 50px}
.br-screen .br-section-head{gap:10px;margin-bottom:12px}.br-screen .br-section-head>span{width:28px;height:28px;font-size:10px;flex:none}
.br-screen .br-section-head h2{font-size:19px}.br-screen .br-section-head p{font-size:12px}.br-screen .br-section-head.compact{margin-top:22px}
.br-screen .br-power-comparison{gap:12px;margin-bottom:18px}.br-screen .br-side-power{padding:10px 12px}
.br-screen .br-main-player b{font-size:16px}.br-screen .br-power-line strong{font-size:clamp(20px,2vw,27px)}
.br-screen .br-power-line{padding:8px 0 6px}.br-screen .br-troop-line strong{font-size:18px}
.br-screen .br-race-badge i{width:22px;height:22px;font-size:9px}
.br-screen .br-summary-composition{gap:12px}.br-screen .br-summary-unit-list{gap:5px}
.br-screen .br-summary-unit{grid-template-columns:58px minmax(0,1fr);min-height:88px}
.br-screen .br-summary-unit .br-unit-portrait{width:58px!important;height:88px!important}
.br-screen .br-summary-unit-main{padding:7px 9px;gap:1px 8px;grid-template-columns:minmax(90px,1.25fr) auto minmax(85px,1fr)}
.br-screen .br-summary-unit-main h3{font-size:13px}.br-screen .br-unit-flow b,.br-screen .br-unit-flow strong{font-size:17px}
.br-screen .br-unit-lost b{font-size:21px}.br-screen .br-unit-kills{padding-top:4px;margin-top:3px}
.br-screen .br-destroyed-list>div{grid-template-columns:32px 1fr auto}.br-screen .br-destroyed-list .br-unit-portrait{width:32px!important;height:32px!important}
.br-screen .br-unit-card{grid-template-columns:64px 1fr;padding:10px;gap:10px}.br-screen .br-unit-card .br-unit-portrait{width:64px!important;height:80px!important}
.br-screen .br-highlights article{min-height:100px;padding:11px}.br-screen .br-highlights svg{width:19px;height:19px}
.br-screen .br-player-card{padding:10px}.br-screen .br-player-head h3{font-size:16px}
.br-screen .br-primary-grid>div{padding:9px}.br-screen .br-primary-grid b{font-size:18px}
.br-screen .br-report-tabs button{min-height:34px;padding:7px 12px}
@media(max-width:1050px){.br-screen .br-summary-unit-main{grid-template-columns:1fr auto;grid-template-areas:'label lost' 'name lost' 'flow flow' 'kills kills' 'owners owners'}}
@media(max-width:760px){.journal-toggle{right:14px;top:13px;width:30px;height:30px}.journal-toolbar{align-items:flex-start;flex-direction:column}.prep-quantity-form input{font-size:16px}.br-screen .br-body{padding:14px 10px 40px}.br-screen .br-hero-top{padding:10px 12px}.br-screen .br-hero-result{padding:10px 12px 14px}.br-screen .br-power-comparison{gap:6px}.br-screen .br-side-power{padding:8px}.br-screen .br-main-player b{font-size:13px}.br-screen .br-power-line strong{font-size:18px}.br-screen .br-section-head h2{font-size:17px}.br-screen .br-report-tabs button{min-height:38px}.br-screen .br-summary-unit{min-height:90px}.br-screen .br-summary-unit .br-unit-portrait{height:90px!important}}
html[data-hud="hidden"] .journal-toggle{display:none}

.br-screen .br-hero.victory{padding:0;border-radius:0;margin-bottom:0}

@media(min-width:761px) and (max-width:900px){.battle-prep-root .battle-unit-detail{display:block;grid-column:1/-1;max-height:400px}.battle-prep-root .battle-prep-v9-body{grid-template-columns:210px minmax(0,1fr)}}

@media(max-width:760px){.battle-prep-root .battle-unit-picker{position:static;scroll-margin-top:205px}.battle-prep-root .prep-quantity-form{scroll-margin-top:205px}.battle-prep-root .battle-unit-detail{overflow:visible}.battle-prep-root .prep-detail-unit>.unit-portrait{width:86px;height:86px}}
