/* Конец матча (panorama/styles/endofmatch*.css, player_stats_card.css): плашка результата, шкала опыта, карточки игроков над рядом агентов. Размеры — в «пикселях 1080p» (var(--u)) */
.eom{position:fixed;inset:0;z-index:45;pointer-events:none;font-family:Stratum2,sans-serif;color:#fff;opacity:0;transition:opacity .15s;
  background:linear-gradient(0deg,#000000a0 0%,#0000 50%);--pos:#0F9D58;--neg:#DB4437}
.eom.on{opacity:1}
.eom i{display:block}
.eom-fade{position:absolute;inset:0;background:#fff;opacity:0;transition:opacity .5s ease-out}
.eom-fade.on{opacity:1;transition:none}
.eom-nav{position:absolute;left:0;right:0;top:0;height:calc(48px * var(--u));background:#000000e1;backdrop-filter:blur(calc(8px * var(--u)));display:flex;align-items:center;justify-content:center}
.eom-tabs{display:flex}
.eom-tab{margin:0 calc(32px * var(--u));height:calc(48px * var(--u));display:flex;align-items:center;font-size:calc(18px * var(--u));font-weight:500;letter-spacing:calc(1px * var(--u));text-transform:uppercase;
  color:#ffffff80;border-bottom:calc(2px * var(--u)) solid transparent;transition:color .2s,border-color .2s}
.eom-tab.on{color:#fff;border-color:#fff}
.eom-time{position:absolute;right:10%;bottom:calc(-52px * var(--u));display:flex;gap:calc(10px * var(--u));font:700 calc(32px * var(--u)) "Stratum2 Condensed",Stratum2,sans-serif;letter-spacing:1px;font-variant-numeric:tabular-nums;opacity:0;transition:opacity .4s;text-shadow:0 0 calc(6px * var(--u)) #000}
.eom-time.on{opacity:1}
.eom-bar{position:absolute;left:0;right:0;top:calc(48px * var(--u));height:calc(2px * var(--u))}
.eom-bar i{height:100%;width:0;background:rgb(0,225,255);transition-property:width;transition-timing-function:linear}
.eom-top{position:absolute;left:0;right:0;top:calc(50px * var(--u));height:calc(300px * var(--u));background:linear-gradient(180deg,#000000e0,#0000)}
.eom-panel{position:absolute;inset:0;opacity:0;transition:opacity .15s ease-in-out}
.eom-panel.on{opacity:1}

/* --- итог матча (endofmatch-win) --- */
.eom-win{padding:calc(48px * var(--u)) 0}
.eom-win .data{position:relative;width:calc(1340px * var(--u));max-width:100%;margin:0 auto;-webkit-mask-image:url(assets/cs2/panorama/images/masks/fade-both-right-left2_png.png);mask-image:url(assets/cs2/panorama/images/masks/fade-both-right-left2_png.png);
  -webkit-mask-size:100% 100%;mask-size:100% 100%;transform:scaleX(1.8);opacity:0}
.eom-win.go .data{animation:eom-main .25s ease-out forwards}
.eom-win .score,.eom-win .result{position:relative;overflow:hidden;background:#000}
.eom-win .score{height:calc(40px * var(--u))}
.eom-win .result{height:calc(90px * var(--u));margin-top:calc(10px * var(--u))}
.eom-win.won .score,.eom-win.won .result{background:var(--pos)}
.eom-win.lost .score,.eom-win.lost .result{background:#808080}
.eom-win .line{position:absolute;left:0;right:0;height:calc(1.25px * var(--u));background:#fff;z-index:3}
.eom-win .line.b{bottom:0}
.eom-win.won .line{background:var(--pos)}.eom-win.lost .line{background:var(--neg)}
.eom-win.won .txt{color:#5cf0a8;text-shadow:0 0 calc(8px * var(--u)) #5cf0a8}.eom-win.lost .txt{color:#ff7a6e;text-shadow:0 0 calc(8px * var(--u)) #ff7a6e}.eom-win.won .arr,.eom-win.won .br{background-color:#5cf0a8}.eom-win.lost .arr,.eom-win.lost .br{background-color:#ff7a6e}
.eom-win .dots{position:absolute;inset:0;background:url(assets/cs2/panorama/images/backgrounds/linemap_png.png) center bottom/60% auto no-repeat;opacity:0}
.eom-win.go .dots{animation:eom-bg .75s ease-in-out forwards}
.eom-win .sc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:calc(14px * var(--u));font:400 calc(30px * var(--u)) "Stratum2 Condensed",Stratum2,sans-serif;font-variant-numeric:tabular-nums;transform:translateY(calc(-2px * var(--u)))}
.eom-win .sc b{font-weight:700}
.eom-win .res{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.eom-win .txt{position:relative;font-size:calc(64px * var(--u));font-weight:700;letter-spacing:calc(8px * var(--u));padding:0 calc(100px * var(--u));text-shadow:0 0 calc(8px * var(--u)) #ddd;color:#fff;opacity:0}
.eom-win.go .txt{animation:eom-text 1s ease-out forwards}
.eom-win .br{position:absolute;width:calc(8px * var(--u));height:calc(8px * var(--u));opacity:0;background:#fff;-webkit-mask:url(assets/cs2/panorama/images/hud/bracket.svg) center/contain no-repeat;mask:url(assets/cs2/panorama/images/hud/bracket.svg) center/contain no-repeat}
.eom-win .br.tr{right:0;top:0}.eom-win .br.br{right:0;bottom:0;transform:scaleY(-1)}.eom-win .br.tl{left:0;top:0;transform:scaleX(-1)}.eom-win .br.bl{left:0;bottom:0;transform:scale(-1,-1)}
.eom-win .br{width:calc(14px * var(--u));height:calc(14px * var(--u))}
.eom-win.go .br{animation:eom-br .5s .5s ease-out forwards}
.eom-win .arr{position:absolute;top:50%;margin-top:calc(-8px * var(--u));width:calc(34px * var(--u));height:calc(16px * var(--u));opacity:0;background:#fff;-webkit-mask:url(assets/cs2/panorama/images/hud/double_arrows.svg) center/contain no-repeat;mask:url(assets/cs2/panorama/images/hud/double_arrows.svg) center/contain no-repeat}
.eom-win .arr.l{transform:scaleX(-1)}
.eom-win.go .arr{animation:eom-arr .5s 1s ease-out forwards}
.eom-win .white{position:absolute;inset:0;background:#fff;opacity:1;z-index:4}
.eom-win.go .white{animation:eom-fadeout .5s ease-out forwards}
@keyframes eom-main{from{transform:scaleX(1.8);opacity:1}to{transform:scaleX(1);opacity:1}}
@keyframes eom-fadeout{from{opacity:1}to{opacity:0}}
@keyframes eom-bg{0%{filter:brightness(15) blur(calc(4px * var(--u)));opacity:0;transform:scale(2)}75%{filter:brightness(2) blur(calc(4px * var(--u)))}100%{filter:brightness(1.5);opacity:1;transform:scale(1)}}
@keyframes eom-text{0%{filter:brightness(10);opacity:0;transform:scale(1.2)}100%{filter:brightness(1);opacity:1;transform:scale(1)}}
@keyframes eom-br{0%{filter:brightness(10);opacity:0;translate:calc(100px * var(--u))}100%{filter:brightness(1);opacity:1;translate:0}}
@keyframes eom-arr{0%{filter:brightness(10);opacity:0;translate:0}100%{filter:brightness(1);opacity:1;translate:calc(-80px * var(--u))}}
.eom-win .arr.r{right:50%;margin-right:calc(-300px * var(--u))}
.eom-win .arr.l{left:50%;margin-left:calc(-300px * var(--u))}
.eom-win.go .arr.r{animation-name:eom-arr-r}
@keyframes eom-arr-r{0%{filter:brightness(10);opacity:0;translate:0}100%{filter:brightness(1);opacity:1;translate:calc(80px * var(--u))}}
.eom-win.go .arr.l{animation-name:eom-arr-l}
@keyframes eom-arr-l{0%{filter:brightness(10);opacity:0;translate:0}100%{filter:brightness(1);opacity:1;translate:calc(-80px * var(--u))}}

/* --- шкала опыта (endofmatch-rank) --- */
.eom-rank{transform:scale(1.1);filter:brightness(10);transition:transform .5s ease-in,filter .5s ease-in}
.eom-rank.on{transform:none;filter:none}
.eom-rank .band{position:absolute;left:0;right:0;top:calc(62px * var(--u));height:calc(90px * var(--u));background:#000 url(assets/cs2/panorama/images/backgrounds/linemap_png.png) center bottom/60% auto no-repeat;
  -webkit-mask-image:url(assets/cs2/panorama/images/masks/fade-both-right-left2_png.png);mask-image:url(assets/cs2/panorama/images/masks/fade-both-right-left2_png.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;box-shadow:inset 0 0 0 9999px #4aa8ff30}
.eom-rank .band:before,.eom-rank .band:after{content:"";position:absolute;left:0;right:0;height:calc(1.25px * var(--u));background:#fff}.eom-rank .band:before{top:0}.eom-rank .band:after{bottom:0}
.eom-rank .cur{position:absolute;left:50%;top:calc(52px * var(--u));transform:translateX(-50%);display:flex;align-items:flex-start;width:max-content}
.eom-rank .emb{width:calc(92px * var(--u));height:calc(92px * var(--u));background:center/contain no-repeat;margin-right:calc(12px * var(--u));filter:drop-shadow(0 0 calc(6px * var(--u)) #000)}
.eom-rank .col{padding-top:calc(10px * var(--u))}
.eom-rank .nm{position:relative;display:inline-block;font-size:calc(28px * var(--u));font-weight:700;letter-spacing:calc(4px * var(--u));color:#94c3f0;text-shadow:0 0 calc(8px * var(--u)) #dddddda1;padding:0 calc(10px * var(--u));text-align:center;width:100%;box-sizing:border-box}
.eom-rank .nm .br{position:absolute;width:calc(8px * var(--u));height:calc(8px * var(--u));background:#94c3f0;-webkit-mask:url(assets/cs2/panorama/images/hud/bracket.svg) center/contain no-repeat;mask:url(assets/cs2/panorama/images/hud/bracket.svg) center/contain no-repeat;opacity:1}
.eom-rank .nm .tr{right:0;top:0}.eom-rank .nm .bro{right:0;bottom:0;transform:scaleY(-1)}.eom-rank .nm .tl{left:0;top:0;transform:scaleX(-1)}.eom-rank .nm .bl{left:0;bottom:0;transform:scale(-1,-1)}
.eom-rank .barc{position:relative;margin-top:calc(8px * var(--u));padding:calc(5px * var(--u)) calc(5px * var(--u)) calc(5px * var(--u)) calc(10px * var(--u));width:calc(700px * var(--u));min-height:calc(32px * var(--u))}
.eom-rank .bg{height:calc(16px * var(--u));background:#031530}
.eom-rank .bar{position:absolute;left:calc(10px * var(--u));top:calc(5px * var(--u));height:calc(16px * var(--u));display:flex;width:calc(700px * var(--u))}
.eom-rank .seg{height:100%;width:0;box-sizing:border-box;border:1px solid #000000b6;flex:none;transition-property:width;transition-timing-function:cubic-bezier(.39,.575,.565,1)}
.eom-rank .blue{background:#2ab0ed}.eom-rank .green{background:#7cbc0a}.eom-rank .purple{background:#96c}.eom-rank .yellow{background:#cccc2e}
.eom-rank .white{position:absolute;left:calc(10px * var(--u));top:calc(5px * var(--u));height:calc(16px * var(--u));width:calc(700px * var(--u));background:linear-gradient(90deg,#fff0,#fff);transform-origin:0 0;transform:scaleX(0);z-index:10;transition:transform 1s ease-in}
.eom-rank .white.on{transform:scaleX(1);transition:transform .25s ease-in}
.eom-rank .lister{position:absolute;top:calc(16px * var(--u));left:0;display:flex;align-items:flex-start;white-space:nowrap}
.eom-rank .lister .ln{width:1px;height:calc(16px * var(--u));background:#ff0;opacity:.1;margin-top:calc(-16px * var(--u))}
.eom-rank .items{display:flex;flex-direction:column-reverse;align-items:flex-start}
.eom-rank .item{margin:calc(12px * var(--u)) 0 0 calc(5px * var(--u));min-height:calc(16px * var(--u));width:calc(200px * var(--u));transform-origin:0 50%;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),filter 3s,margin .75s;animation:eom-item .75s cubic-bezier(.175,.885,.32,1.275)}
.eom-rank .item.old{transform:scale(.7);margin-top:calc(-5px * var(--u))}
.eom-rank .item .amt{font-size:calc(20px * var(--u));letter-spacing:1px;font-weight:500;text-shadow:0 0 calc(4px * var(--u)) #00000098}
.eom-rank .item .amt.blue{background:none;color:#2ab0ed}.eom-rank .item .amt.green{background:none;color:#7cbc0a}.eom-rank .item .amt.purple{background:none;color:#96c}
.eom-rank .item .desc{font-size:calc(18px * var(--u));color:#d3d3d3;font-weight:500;text-shadow:0 0 calc(4px * var(--u)) #00000098}
@keyframes eom-item{from{transform:translateX(calc(-40px * var(--u))) scale(.5);filter:brightness(5)}}
.eom-rank .reveal{position:absolute;left:50%;top:calc(30px * var(--u));margin-left:calc(-710px * var(--u));width:calc(100px * var(--u));height:calc(260px * var(--u));display:none}
.eom-rank .reveal.on{display:block}
.eom-rank .reveal .flag{position:absolute;left:0;top:0;width:calc(100px * var(--u));height:calc(150px * var(--u));background:url(assets/cs2/panorama/images/ui_textures/rankup_flag_png.png) center/100% 100% no-repeat;opacity:0;transform-origin:0 0}
.eom-rank .reveal .halo{position:absolute;left:calc(-100px * var(--u));top:calc(-70px * var(--u));width:calc(300px * var(--u));height:calc(300px * var(--u));background:url(assets/cs2/panorama/images/ui_textures/rankup_flare_halo_png.png) center/contain no-repeat;opacity:0;mix-blend-mode:screen}
.eom-rank .reveal .img{position:absolute;left:0;top:calc(30px * var(--u));width:calc(100px * var(--u));height:calc(100px * var(--u));background:center/contain no-repeat;opacity:0}
.eom-rank .reveal.on .flag{animation:eom-flag .5s ease-in forwards}
.eom-rank .reveal.on .img{animation:eom-rimg .5s .5s ease-out forwards}
.eom-rank .reveal.on .halo{animation:eom-halo .6s .75s ease-out forwards}
@keyframes eom-flag{0%{opacity:0;transform:perspective(600px) rotateX(-90deg)}100%{opacity:1;transform:perspective(600px) rotateX(0)}}
@keyframes eom-rimg{0%{opacity:0;transform:scale(1.6);filter:brightness(5)}100%{opacity:1;transform:scale(1);filter:none}}
@keyframes eom-halo{0%{opacity:0;transform:scale(.4)}50%{opacity:1}100%{opacity:.7;transform:scale(1)}}

/* --- карточки игроков (player_stats_card) --- */
.eom-cards{position:absolute;inset:0}
.eom-card{position:absolute;bottom:calc(20px * var(--u));width:calc(230px * var(--u));height:calc(460px * var(--u));margin-left:calc(-115px * var(--u));padding:calc(7px * var(--u));box-sizing:border-box;opacity:0;transition:opacity .3s;--c:255,255,255}
.eom-card.on{opacity:1}
.eom-card .inset{position:absolute;left:calc(7px * var(--u));right:calc(7px * var(--u));bottom:calc(7px * var(--u));height:68%;border-radius:calc(10px * var(--u));box-shadow:calc(2px * var(--u)) calc(2px * var(--u)) calc(15px * var(--u)) #00000088;overflow:hidden;
  background:#10131a url(assets/cs2/panorama/images/backgrounds/player_stats_card_csgo_camo_psd.png) center/calc(800px * var(--u)) auto}
.eom-card .inset:after{content:"";position:absolute;inset:0;border:calc(2px * var(--u)) solid rgb(var(--c));border-radius:calc(10px * var(--u))}
.eom-card.me .inset:after{border-color:#fff}
.eom-card .av{position:absolute;left:50%;top:calc(20px * var(--u));width:calc(110px * var(--u));height:calc(110px * var(--u));margin-left:calc(-55px * var(--u));border-radius:50%;border:1px solid #505050;background:#1d2230 center/cover no-repeat;display:flex;align-items:center;justify-content:center;
  font:700 calc(48px * var(--u)) Stratum2,sans-serif;color:rgb(var(--c))}
.eom-card .lo{position:absolute;left:calc(10px * var(--u));right:calc(10px * var(--u));bottom:calc(8px * var(--u));height:35%;text-align:center}
.eom-card .pn{font-size:calc(26px * var(--u));font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateX(100%);opacity:0}
.eom-card .dv{height:1px;border-bottom:1px solid #ffffff10}
.eom-card .ac{opacity:0;transform:translateX(100%)}
.eom-card .ac .t{margin-top:calc(14px * var(--u));font-size:calc(16px * var(--u));font-weight:500;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eom-card .ac .d{margin-top:calc(5px * var(--u));font-size:calc(16px * var(--u));font-weight:300}
.eom-card .ban{position:absolute;left:5%;top:calc(95px * var(--u));width:22%;height:50%;z-index:5;padding-top:calc(18px * var(--u));box-sizing:border-box;text-align:center}
.eom-card .ban:before{content:"";position:absolute;inset:0;background:rgb(var(--c));-webkit-mask:var(--bn) center top/100% 100% no-repeat;mask:var(--bn) center top/100% 100% no-repeat}
.eom-card .ban div{position:relative;opacity:0;transform:translateX(100%)}
.eom-card .ban b{display:block;font:700 calc(34px * var(--u)) "Stratum2 Condensed",Stratum2,sans-serif;color:#fff;line-height:1}
.eom-card .ban .kda b{font-size:calc(18px * var(--u))}
.eom-card .ban .hsp b{font-size:calc(23px * var(--u))}
.eom-card .ban small{display:block;font:300 calc(14px * var(--u)) "Stratum2 Condensed",Stratum2,sans-serif;letter-spacing:1px;margin-top:calc(-3px * var(--u));color:rgb(var(--c));filter:brightness(.6)}
.eom-card .ban div:not(.kda) small{margin-bottom:calc(8px * var(--u))}
.eom-card.on .pn,.eom-card.on .ac,.eom-card.on .ban div{animation:eom-slide .5s ease-in-out forwards}
.eom-card.on .ac{animation-delay:.1s}.eom-card.on .ban div:nth-child(1){animation-delay:.15s}.eom-card.on .ban div:nth-child(2){animation-delay:.3s}.eom-card.on .ban div:nth-child(3){animation-delay:.45s}
.eom-card .ban b.best{animation:eom-best .6s ease-out forwards;color:#ff0;text-shadow:0 0 calc(8px * var(--u)) #ff0}
@keyframes eom-slide{0%{filter:brightness(0);opacity:0;transform:translateX(100%)}50%{transform:none;filter:brightness(4);opacity:1}100%{filter:none;opacity:1;transform:none}}
@keyframes eom-best{0%{filter:brightness(4)}100%{filter:none}}