/* Стили Pages/Shared/_ReplayView.cshtml (Д74). */
.rp-sum{display:flex;gap:8px 18px;flex-wrap:wrap;width:100%;font-size:14px}
.rp-sum b{color:var(--text-heading)}
.rp-done{margin:0;color:#5bd68a;font-size:14px}
.rp-busy{margin:0;display:flex;gap:8px;align-items:center;color:var(--text-muted);font-size:14px}
.rp-spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:rp-rot .8s linear infinite;flex:0 0 auto}
@keyframes rp-rot{to{transform:rotate(360deg)}}
.rp-win-radiant{color:#5bd68a}.rp-win-dire{color:#ff7a70}
.rp-ins{list-style:none;margin:0;padding:0;display:grid;gap:8px;width:100%}
.rp-ins li{padding:9px 12px;border-left:3px solid var(--border-strong);border-radius:var(--radius-xs);background:rgba(255,255,255,.03);font-size:14px}
.rp-ins .good{border-left-color:#3fb950}.rp-ins .warn{border-left-color:#e3b341}.rp-ins .bad{border-left-color:#f85149}
.rp-draft{display:grid;gap:10px;width:100%}
.rp-draft__row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.rp-draft__label{flex:0 0 64px;font-size:13px;font-weight:700}
.rp-pick{position:relative;display:inline-block;line-height:0}
.rp-pick img{width:44px;height:44px;border-radius:6px;object-fit:cover;border:2px solid transparent}
.rp-pick--ban img{filter:grayscale(1) brightness(.6);border-color:#444}
.rp-pick--pick.t0 img{border-color:#3fb950}.rp-pick--pick.t1 img{border-color:#f85149}
.rp-pick i{position:absolute;right:2px;bottom:2px;padding:0 4px;border-radius:4px;background:rgba(0,0,0,.75);font-size:10px;font-style:normal;line-height:14px;color:#fff}
.rp-chart{width:100%;height:auto}
.rp-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--text-muted)}
.rp-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.rp-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.rp-table th{padding:6px 8px;color:var(--text-muted);font-weight:400;text-align:right;white-space:nowrap}
.rp-table td{padding:6px 8px;border-top:1px solid var(--border-hairline);text-align:right;white-space:nowrap}
.rp-table th:first-child,.rp-table td:first-child{text-align:left}
@* .cell — ячейки со шкалой заполненности (rp-cmp .cell, ниже): у них background — сама шкала, фоном строку не подсвечиваем,
   чтобы не перекрыть её, а обводим сверху/снизу тонкой линией. У остальных ячеек (имя, позиция) — как раньше, заливкой. *@
.rp-table tr.sel td{box-shadow:inset 0 1px 0 var(--accent),inset 0 -1px 0 var(--accent)}
.rp-table tr.sel td:not(.cell){background:rgba(255,255,255,.06)}
.rp-table a{color:var(--text-heading)}
.rp-who{display:flex;align-items:center;gap:8px}
.rp-who img{width:32px;height:32px;border-radius:6px}
.rp-who small{display:block;color:var(--text-muted);font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis}
.rp-cmp th[data-sort]{cursor:pointer;user-select:none}
.rp-cmp th[data-sort]:hover{color:var(--text-heading)}
.rp-cmp th.sorted-asc::after{content:" ▲"}.rp-cmp th.sorted-desc::after{content:" ▼"}
.rp-cmp td:first-child{border-left:4px solid var(--team)}
.rp-cmp{table-layout:auto}
.rp-cmp th{white-space:normal;line-height:1.2}
.rp-cmp .rp-who span{display:block;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-cmp .rp-who img{width:26px;height:26px}
.rp-tools{display:flex;gap:8px;flex-wrap:wrap}
.rp-players-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;width:100%}
.rp-players-head h2{margin:0}
.rp-cmp .x{display:none}.rp-cmp.show-extra .x{display:table-cell}
.rp-cmp tr.rp-group td{padding:10px 6px 4px;border-top:0;text-align:left;font-size:14px}
.rp-cmp tr.rp-group td:first-child{border-left:0}
.rp-cmp th,.rp-cmp td{padding:6px 6px}
.rp-cmp .rp-who small{max-width:110px}
.rp-cmp .cell{min-width:0;padding-left:4px;padding-right:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 42%,transparent) calc(var(--p,0) * 100%),transparent 0)}
.rp-cmp .cell.top{font-weight:700;color:#fff;box-shadow:inset 0 0 0 1px var(--c)}
.rp-cmp .cell small{display:block;color:var(--text-muted);font-weight:400;font-size:11px}
.c-kda{--c:#5aa9ff}.c-dmg{--c:#ff7a3d}.c-taken{--c:#c26bff}.c-nw{--c:#e3b341}.c-gpm{--c:#c7d54a}.c-heal{--c:#3fb950}
.c-lh{--c:#7fd1c8}.c-xpm{--c:#6f9bff}.c-tow{--c:#d0916a}.c-tf{--c:#ff9f43}.c-wards{--c:#8fd694}.c-stun{--c:#e88fd0}.c-dead{--c:#8a8f9c}
.rp-cmp th.c-kda{color:#5aa9ff}.rp-cmp th.c-dmg{color:#ff7a3d}.rp-cmp th.c-taken{color:#c26bff}.rp-cmp th.c-nw{color:#e3b341}.rp-cmp th.c-gpm{color:#c7d54a}.rp-cmp th.c-heal{color:#3fb950}
.rp-cmp th.c-lh{color:#7fd1c8}.rp-cmp th.c-xpm{color:#6f9bff}.rp-cmp th.c-tow{color:#d0916a}.rp-cmp th.c-tf{color:#ff9f43}.rp-cmp th.c-wards{color:#8fd694}.rp-cmp th.c-stun{color:#e88fd0}.rp-cmp th.c-dead{color:#8a8f9c}
.rp-bm{display:grid;gap:8px;width:100%}
.rp-bm__row{display:grid;grid-template-columns:minmax(120px,190px) 1fr 90px;gap:10px;align-items:center;font-size:13px}
.rp-bar{position:relative;height:8px;border-radius:4px;background:var(--ink-600)}
.rp-bar span{position:absolute;left:0;top:0;bottom:0;border-radius:4px}
.rp-buys{display:flex;flex-wrap:wrap;gap:10px;width:100%}
.rp-buy{display:grid;justify-items:center;gap:2px;font-size:12px;color:var(--text-muted)}
.rp-buy img{width:48px;height:36px;border-radius:4px;background:var(--ink-700)}
.rp-ev{list-style:none;margin:0;padding:0;display:grid;gap:4px;width:100%;font-size:14px}
.rp-ev li{display:flex;gap:10px;padding-left:8px;border-left:3px solid var(--border-strong)}
.rp-ev time{flex:0 0 46px;color:var(--text-muted);font-variant-numeric:tabular-nums}
.rp-ev .t0{border-left-color:#3fb950}.rp-ev .t1{border-left-color:#f85149}
.rp-links a{margin-right:14px}
.card h3{margin:8px 0 0;font-size:16px}
.pl-c0{color:#3fb950}.pl-c1{color:#f85149}
.pl-card{padding:12px 20px}
.pl-card__row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;width:100%}
.pl-card h2{font-size:20px}
.pl-dialog{width:min(1240px,97vw);max-width:none;height:min(940px,95vh);padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--ink-800);color:var(--text-body);overflow:hidden}
.pl-dialog[open]{display:flex;flex-direction:column}
.pl-dialog::backdrop{background:rgba(0,0,0,.72)}
.pl-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border-hairline)}
.pl-head h3{margin:0;font-size:18px;color:var(--text-heading)}
.pl-body{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:18px;padding:16px 18px;overflow:auto;flex:1;min-height:0}
.pl-left{display:grid;gap:10px;align-content:start;justify-items:center;min-width:0}
.pl-left>*{width:100%}
.pl-left>.pl-map{width:min(100%,calc(95vh - 230px))}
.pl-map{height:auto;aspect-ratio:1;border-radius:var(--radius-sm);background:#0a0f20;display:block}
.pl-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pl-left>.pl-controls,.pl-left>.pl-scrub{width:min(100%,calc(95vh - 230px))}
.pl-opt{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--text-body);cursor:pointer}
.pl-opt input{accent-color:var(--accent)}
.pl-time{font-variant-numeric:tabular-nums;color:var(--text-heading);min-width:90px}
.pl-speeds{display:inline-flex;padding:3px;border:1px solid var(--border-hairline);border-radius:var(--radius-pill);margin-left:auto}
.pl-speeds button{padding:5px 11px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-body);font:inherit;font-size:13px;cursor:pointer}
.pl-speeds button[aria-pressed="true"]{background:var(--accent);color:var(--text-on-accent);font-weight:600}
.pl-scrub{position:relative}
.pl-scrub input[type=range]{width:100%;margin:0;accent-color:var(--accent)}
.pl-ticks{position:relative;height:16px;margin:0 8px}
.pl-tick{position:absolute;top:2px;width:9px;height:9px;margin-left:-4px;padding:0;border:0;border-radius:50%;cursor:pointer;opacity:.9}
.pl-tick:hover{transform:scale(1.6);opacity:1}
.pl-right{display:grid;gap:10px;align-content:start;min-width:0}
.pl-lead{font-size:14px;display:grid;gap:6px}
.pl-gauge__labels{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px}
.pl-gauge__bar{position:relative;height:14px;border-radius:7px;background:rgba(255,255,255,.08)}
.pl-gauge__mid{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:rgba(255,255,255,.4)}
.pl-gauge__mark{position:absolute;top:-5px;width:8px;height:22px;margin-left:-4px;border-radius:4px;background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.55);transition:left .3s ease}
.pl-list{position:relative;width:100%}
.pl-row{position:absolute;left:0;right:0;top:0;height:40px;display:grid;grid-template-columns:20px 26px minmax(0,1fr) 84px 46px;gap:8px;align-items:center;padding:0 8px;border:1px solid transparent;border-left:4px solid var(--team,#888);border-radius:var(--radius-xs);background:rgba(255,255,255,.03);color:var(--text-body);font:inherit;font-size:12px;text-align:left;cursor:pointer;transition:transform .35s ease,background .2s}
.pl-row:hover,.pl-row.is-follow{border-color:var(--border-strong);border-left-color:var(--team,#888);background:rgba(255,255,255,.08)}
.pl-row.is-leader{background:rgba(227,179,65,.10)}
.pl-rank{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center}
.pl-row img{width:26px;height:26px;border-radius:6px}
.pl-row__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-row__v{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-heading)}
.pl-bar{display:block;height:6px;border-radius:3px;background:var(--ink-600);overflow:hidden}
.pl-bar i{display:block;height:100%;width:0;border-radius:3px}
.pl-graph{width:100%;height:auto;border-radius:var(--radius-sm)}
@media (max-width:900px){
  .pl-dialog{width:100vw;height:100vh;max-height:100vh;border-radius:0}
  .pl-body{grid-template-columns:minmax(0,1fr)}
  .pl-left>.pl-map,.pl-left>.pl-controls,.pl-left>.pl-scrub{width:100%}
}
.rp-progress{height:10px;width:100%;border-radius:5px;background:var(--ink-600);overflow:hidden}
.rp-progress span{display:block;height:100%;width:0;border-radius:5px;background:var(--accent);transition:width .5s linear}
.rp-wait--long .rp-progress span{width:30%!important;animation:rp-slide 1.8s ease-in-out infinite}
@keyframes rp-slide{0%{margin-left:-30%}100%{margin-left:100%}}
.rp-ev li{align-items:center}
.ev-img{display:block;width:30px;height:auto;max-height:30px;object-fit:contain}
.ev-ic{flex:0 0 32px;display:inline-grid;place-items:center;color:var(--text-muted)}
.ev-ic svg{display:block}
.rp-ev .t0 .ev-ic{color:#3fb950}.rp-ev .t1 .ev-ic{color:#f85149}
.ev-roshan .ev-ic,.rp-ev .ev-roshan{color:#e3b341}
.ev-hero{width:26px;height:26px;border-radius:5px;flex:0 0 auto;background:var(--ink-700)}
.ev-arrow{color:var(--text-muted);font-size:13px}