/* Local review styles. Original production CSS is left untouched. */
#app{container-type:inline-size}
.combat-review .arena-table{display:grid;grid-template-columns:minmax(230px,1fr) minmax(240px,410px) minmax(230px,1fr);grid-template-areas:'blue map red' 'blue blueNotices red' 'blue redNotices red' 'blue neutral red';gap:12px;padding:14px;align-items:start;perspective:none}
.combat-review .arena-table>.rail{display:none}
.combat-review .roster{display:grid;grid-template-rows:repeat(5,auto);gap:7px;transform:none;perspective:none;align-content:start}
.combat-review .player-slot{min-height:0;transform:none!important;transition:none}
.combat-review .player-card{width:100%;transform:none!important;opacity:1!important;backface-visibility:visible}
.combat-review .takeover,.combat-review .slot-badge{display:none!important}
.combat-review .map-well{width:100%;max-width:none;transform:none}
.combat-review .map-notices{min-height:0;transform:none}
.combat-review .map-notices:has([data-notice-side]:empty){display:none}
.cr-player{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:'portrait name kda' 'portrait meta meta' 'items items items';align-items:center;column-gap:8px;row-gap:5px;padding:9px;border:1px solid var(--line-strong,var(--line));border-left:3px solid var(--blue);border-radius:9px;background:var(--panel);color:var(--text);text-align:left;min-width:0;min-height:93px}
.cr-player--red{border-left-color:var(--red)}
.cr-avatar{grid-area:portrait;position:relative;width:48px;height:48px;align-self:start}
.cr-avatar>.portrait,.cr-avatar>.portrait img{width:48px!important;height:48px!important;border-radius:6px}
.cr-level{position:absolute;right:-3px;bottom:-3px;padding:1px 4px;min-width:19px;text-align:center;border:1px solid var(--line-strong);border-radius:4px;background:#101a24;color:#f4d274;font:700 11px var(--font-mono,monospace);z-index:3}
.cr-identity{grid-area:name;min-width:0;align-self:start;display:flex;flex-direction:column;gap:3px}
.cr-champion{font-size:14px;line-height:1.2;font-weight:750;overflow-wrap:anywhere}
.cr-name{font-size:11px;line-height:1.2;color:var(--text-2);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.cr-kda{grid-area:kda;align-self:start;text-align:right;display:flex;flex-direction:column;gap:3px}
.cr-kda>span{font:500 8px var(--font-mono,monospace);color:var(--text-3);letter-spacing:.3px}
.cr-kda>strong{font:700 14px var(--font-mono,monospace);color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums}
.cr-meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:4px 9px;font:500 9px var(--font-mono,monospace);color:var(--text-3);min-width:0}
.cr-meta b{color:var(--text-2);font-size:11px}.cr-role{color:var(--blue)}.cr-player--red .cr-role{color:var(--red)}
.cr-footer{grid-area:items;display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:0}
.cr-items{display:flex;gap:3px;align-items:center}.cr-item{width:17px;height:17px;position:relative;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:3px;background:var(--bg);font-size:7px;color:var(--text-2)}
.cr-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.cr-item--empty{border-style:dashed;opacity:.55}
.cr-items-unknown,.cr-lane-delta{font-size:9px;color:var(--text-3)}.cr-buffs{display:flex;gap:5px;color:var(--gold)}.cr-extra{grid-column:1/-1;font-size:10px}
.cr-player.is-dead{background:#181d26;border-color:#606675}.cr-player.is-dead .cr-avatar>.portrait{filter:grayscale(1) brightness(.42)}
.cr-player.is-dead .cr-meta,.cr-player.is-dead .cr-items{opacity:.7}
.cr-death{position:absolute;inset:-2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid #9b8b89;border-radius:6px;background:rgba(8,12,18,.76);text-align:center;color:white;z-index:4}
.cr-death-time{font:800 25px/1 var(--font-mono,monospace);letter-spacing:-1px;font-variant-numeric:tabular-nums;white-space:nowrap}
.cr-death-label{font:700 6px var(--font-sans,sans-serif);letter-spacing:.25px;white-space:nowrap}.cr-death-word{font:700 7px var(--font-sans,sans-serif);color:#ffd3cd;letter-spacing:.9px}
.cr-death[data-death-state=stale],.cr-death[data-death-state=paused]{border-color:var(--gold);color:#ffe59a}
.cr-death[data-death-state=unknown] .cr-death-time{font-size:25px}.cr-death[data-death-state=final] .cr-death-time{font-size:18px}
.combat-review[data-review-timer=side] .cr-player.is-dead{padding-right:69px}
.combat-review[data-review-timer=side] .cr-player.is-dead .cr-avatar{position:static}
.combat-review[data-review-timer=side] .cr-death{inset:7px 6px 7px auto;width:53px;background:#252633;gap:4px}
.combat-review[data-review-timer=side] .cr-death-label{font-size:6px}.combat-review[data-review-timer=side] .cr-death-time{font-size:24px}
.combat-review[data-review-timer=side] .cr-player.is-dead .cr-level{display:none}
.cr-combat-region{margin:10px 0;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);min-width:0}
.cr-combat-region[hidden]{display:none}
.cr-combat-region>header{display:flex;align-items:center;gap:12px;margin-bottom:7px;font:500 9px var(--font-mono,monospace);color:var(--text-3)}
.cr-combat-region>header>strong{color:var(--gold);letter-spacing:1px}.cr-combat-region>header>small{margin-left:auto}
.cr-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cr-empty{min-height:57px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;color:var(--text-3)}.cr-empty[hidden]{display:none}
.cr-notice{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--line-strong);border-left:3px solid var(--blue);border-radius:6px;min-height:62px;min-width:0;background:#12212b;animation:cr-enter 140ms ease-out both}
.cr-notice--red{border-left-color:var(--red);background:#241c28}.cr-notice--neutral{border-left-color:var(--text-3)}
.cr-participant{display:flex;align-items:center;gap:7px;min-width:0}.cr-participant>.portrait{flex-shrink:0;width:32px;height:32px}
.cr-participant>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.cr-participant b{font-size:12px;line-height:1.15;color:var(--text);overflow-wrap:anywhere}
.cr-participant small{font-size:10px;line-height:1.1;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-participant--blue>.portrait{outline:2px solid var(--blue);border-radius:5px}.cr-participant--red>.portrait{outline:2px solid var(--red);border-radius:5px}
.cr-victim>.portrait{filter:grayscale(.85) brightness(.85)}.cr-verb{display:flex;flex-direction:column;align-items:center;gap:2px;color:#f4cc76;font-size:8px;letter-spacing:.3px}.cr-verb>span{display:none}
.cr-multi{grid-column:1/-1;font:750 9px var(--font-mono,monospace);letter-spacing:1px;color:var(--gold);margin-bottom:2px}
.cr-victim-group{min-width:0}.cr-victim-portraits{display:flex;gap:4px;flex-wrap:wrap}.cr-victim-portraits>.portrait{width:28px;height:28px;filter:grayscale(.8);outline:1px solid #9c616d;border-radius:3px}
.cr-victim-group>small{display:block;margin-top:4px;color:var(--text-2);font-size:9px;line-height:1.3;overflow-wrap:anywhere}
.cr-cause{display:flex;gap:7px;align-items:center;font-size:10px}.cr-event-time{position:absolute;right:4px;top:3px;font:500 7px var(--font-mono,monospace);color:var(--text-3)}
.cr-notice--line{min-height:45px;padding:6px 8px;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr)}.cr-notice--line .cr-participant small{display:none}.cr-notice--line .cr-verb>.lf-icon{display:none}
.cr-notice--portraits{min-height:88px}.cr-notice--portraits .cr-participant{flex-direction:column;text-align:center}.cr-notice--portraits .cr-participant>.portrait{width:38px;height:38px}.cr-notice--portraits .cr-participant small{font-size:9px}
.review-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line);background:#101d27;font-size:11px}
.review-controls label{display:flex;align-items:center;gap:6px;margin:0}.review-controls select,.review-controls button{min-height:38px;padding:8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--bg);color:var(--text);font:600 11px var(--font-sans,sans-serif)}
.review-controls .review-auto{background:var(--gold);color:#0d1720;border-color:var(--gold)}.review-controls #reviewDemoStatus{margin-left:auto;max-width:430px;font-size:11px;color:var(--text-2)}
@keyframes cr-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@container (max-width:860px){
 .combat-review .arena-table{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'blue red' 'map map' 'blueNotices redNotices' 'neutral neutral';padding:10px;gap:10px}
 .combat-review .map-well{max-width:440px;justify-self:center}
 .cr-list{grid-template-columns:1fr}.cr-empty{min-height:50px}
}
@container (max-width:480px){
 .combat-review .arena-table{gap:7px;padding:7px}.combat-review .roster{gap:6px}
 .cr-player{grid-template-columns:38px minmax(0,1fr);grid-template-areas:'portrait name' 'kda kda' 'meta meta' 'items items';gap:5px;padding:7px;min-height:132px;border-left-width:2px}
 .cr-avatar,.cr-avatar>.portrait,.cr-avatar>.portrait img{width:38px!important;height:38px!important}
 .cr-champion{font-size:12px}.cr-name{font-size:9px}.cr-kda{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.cr-kda>strong{font-size:15px}
 .cr-meta{gap:4px 6px;font-size:8px}.cr-meta b{font-size:10px}.cr-role{font-size:8px}
 .cr-items{gap:2px}.cr-item{width:14px;height:14px;font-size:6px}.cr-footer{gap:4px}.cr-lane-delta{display:none}
 .cr-death-time{font-size:22px}.cr-death-label{font-size:5px}.cr-death-word{font-size:6px}.cr-level{font-size:9px}
 .combat-review[data-review-timer=side] .cr-player.is-dead{padding-right:7px;padding-bottom:51px}
 .combat-review[data-review-timer=side] .cr-death{inset:auto 5px 5px 5px;width:auto;height:39px;flex-direction:row;gap:6px}
 .cr-combat-region>header{font-size:8px;gap:7px}.cr-combat-region>header>small{display:none}
 .cr-notice{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);padding:8px;gap:5px}.cr-participant{gap:6px}.cr-participant b{font-size:11px}.cr-participant small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.cr-notice{animation:none!important;transition:none!important}}
html[data-motion=reduced] .cr-notice{animation:none!important;transition:none!important}
@media(max-width:760px){.review-controls{padding:10px 12px}.review-controls #reviewDemoStatus{margin-left:0;width:100%}.review-controls select,.review-controls button{min-height:44px}}
/* Keep longer countdowns inside their frame, without hiding uncertainty. */
.cr-death[data-long=true] .cr-death-time{font-size:18px;letter-spacing:-1px}
@container (min-width:481px){
 .cr-champion{font-size:15px}.cr-kda>strong{font-size:16px}.cr-meta{font-size:10px}.cr-meta b{font-size:12px}
 .cr-participant b{font-size:14px}.cr-participant small{font-size:11px}.cr-verb{font-size:9px}
}
@container (max-width:480px){.cr-death[data-long=true] .cr-death-time{font-size:14px}}
/* Individual Baron/Elder ownership: static aura plus explicit labels, not color alone. */
.cr-buffs { display:flex;flex-wrap:wrap;gap:5px;min-width:0 }
.cr-buffs:empty { display:none }
.cr-buff { display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:3px 6px;border:1px solid;border-radius:5px;font:600 9px/1.2 var(--font-mono,monospace);white-space:nowrap }
.cr-buff--baron { color:#e4c9ff;background:#332047;border-color:#9462c2 }
.cr-buff--elder { color:#e7edff;background:#252d48;border-color:#a4b6dd }
.cr-buff-time { font-variant-numeric:tabular-nums;opacity:.9 }
.cr-buff.is-stale,.cr-buff.is-unconfirmed { color:var(--text-2);background:var(--bg);border-style:dashed;border-color:var(--text-3) }
.cr-player.has-baron .cr-avatar { border-radius:6px;box-shadow:0 0 0 2px #ac69e8,0 0 12px #ad6fe640 }
.cr-player.has-elder .cr-avatar { border-radius:6px;box-shadow:0 0 0 2px #d5e2ff,0 0 12px #ccdafa40 }
.cr-player.has-both .cr-avatar { box-shadow:0 0 0 2px #ac69e8,0 0 0 4px var(--panel),0 0 0 6px #d5e2ff }
.cr-player.has-baron { background:linear-gradient(100deg,#9a4ace13,transparent 70%),var(--panel) }
.cr-player.has-elder { background:linear-gradient(100deg,#d0ddff15,transparent 70%),var(--panel) }
.cr-player.has-both { background:linear-gradient(110deg,#9a4ace20,#d0ddff12),var(--panel) }
@container (max-width:480px) {
 .cr-buffs { flex-basis:100%;gap:3px }
 .cr-buff { padding:3px 4px;font-size:8px;min-height:23px }
 .cr-buff .lf-icon { width:12px;height:12px }
}

/* R6: denser roster, circular champion portraits, readable lane gold. Colors unchanged. */
.combat-review .arena-table{gap:10px;padding:10px}
.combat-review .roster{gap:6px}
.combat-review .cr-player{grid-template-columns:44px minmax(0,1fr) auto;column-gap:8px;row-gap:3px;padding:7px;min-height:80px}
.combat-review .cr-avatar{width:44px;height:44px;border-radius:50%}
.combat-review .cr-avatar>.portrait,.combat-review .cr-avatar>.portrait img{width:44px!important;height:44px!important;border-radius:50%;object-fit:cover}
.combat-review .cr-avatar>.portrait{overflow:hidden}
.combat-review .cr-avatar .portrait__sigil,.combat-review .cr-avatar .portrait__sigil svg{border-radius:50%}
.combat-review .cr-player .cr-avatar{border-radius:50%}
.combat-review .cr-identity,.combat-review .cr-kda{gap:2px}
.combat-review .cr-champion{font-size:14px;line-height:1.15}
.combat-review .cr-name{font-size:10px;line-height:1.2}
.combat-review .cr-meta{gap:3px 8px;font-size:9px}
.combat-review .cr-meta b{font-size:11px}
.combat-review .cr-footer{gap:5px 7px;min-height:18px}
.combat-review .cr-lane-delta{display:inline-flex;align-items:baseline;gap:4px;margin-left:auto;white-space:nowrap;min-width:0;font-variant-numeric:tabular-nums}
.combat-review .cr-lane-delta strong{font:700 14px/1.2 var(--font-mono,monospace);letter-spacing:-.2px;color:inherit}
.combat-review .cr-lane-delta small{font:500 9px/1.2 var(--font-sans,sans-serif);color:inherit}
.combat-review .cr-death{border-radius:50%;inset:-1px}
.combat-review .cr-death-time{font-size:24px}
.combat-review .cr-death[data-long=true] .cr-death-time{font-size:17px}
.combat-review[data-review-timer=side] .cr-death{border-radius:7px}
@container (max-width:860px){.combat-review .arena-table{gap:8px;padding:8px}}
@container (max-width:480px){
 .combat-review .arena-table{gap:6px;padding:6px}
 .combat-review .roster{gap:5px}
 .combat-review .cr-player{grid-template-columns:36px minmax(0,1fr);row-gap:4px;column-gap:6px;padding:6px;min-height:118px}
 .combat-review .cr-avatar,.combat-review .cr-avatar>.portrait,.combat-review .cr-avatar>.portrait img{width:36px!important;height:36px!important}
 .combat-review .cr-champion{font-size:11px;line-height:1.15}
 .combat-review .cr-name{font-size:9px}
 .combat-review .cr-meta{font-size:8px;gap:3px 5px}.combat-review .cr-meta b{font-size:10px}
 .combat-review .cr-kda>strong{font-size:14px}
 .combat-review .cr-footer{row-gap:4px;column-gap:4px}
 .combat-review .cr-lane-delta{display:inline-flex;margin-left:0;flex-basis:100%;justify-content:flex-end}
 .combat-review .cr-lane-delta strong{font-size:12px}.combat-review .cr-lane-delta small{font-size:8px}
 .combat-review .cr-death-time{font-size:21px}
 .combat-review .cr-death[data-long=true] .cr-death-time{font-size:14px}
 .combat-review .cr-death-label{font-size:5px}
 .combat-review[data-review-timer=side] .cr-player.is-dead{padding-bottom:51px;padding-right:6px}
}