/* FRAG WATCH / Player Comparison: genuine FACEIT identity and country cards */
.fs-compare-grid{gap:16px;margin-bottom:17px}
.fs-compare-profile{
  --compare-accent:#f6a16b;position:relative;isolation:isolate;overflow:hidden;
  display:flex;flex-direction:column;min-height:248px;padding:20px 22px 18px;
  border:1px solid #46515d;border-top:2px solid var(--compare-accent);border-radius:13px;
  background:radial-gradient(ellipse at 94% 7%,#f5a06a14,transparent 53%),linear-gradient(145deg,#2c3139,#222831);
  box-shadow:0 12px 34px #090e1530;
}
.fs-compare-profile:nth-child(2){
  --compare-accent:#a4dfb0;
  background:radial-gradient(ellipse at 94% 7%,#8fdba917,transparent 53%),linear-gradient(145deg,#2c3139,#222831);
}
.fs-compare-profile.is-leading{border-color:#75aa86;border-top-color:var(--compare-accent);box-shadow:inset 0 0 0 1px #8cc28c,0 12px 34px #090e1530}
.fs-compare-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.fs-compare-card-top .fs-index{color:var(--compare-accent)}
.fs-compare-source{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:900;letter-spacing:1px;color:#a9b7c5;white-space:nowrap}
.fs-compare-source-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--compare-accent);box-shadow:0 0 0 3px #ffffff0a}
.fs-compare-identity{display:flex;align-items:center;gap:17px;min-width:0;margin:20px 0 17px}
.fs-compare-avatar{
  position:relative;flex:0 0 82px;width:82px;height:82px;
  display:grid;place-items:center;overflow:hidden;border-radius:19px;
  border:1px solid #69707b;background:linear-gradient(145deg,#474a54,#22272f);
  box-shadow:0 0 0 4px #ffffff07;
}
.fs-compare-avatar:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff16;pointer-events:none}
.fs-compare-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.fs-compare-avatar span{font-size:25px;font-weight:950;letter-spacing:-1px;color:var(--compare-accent)}
.fs-compare-avatar img[hidden],.fs-compare-avatar span[hidden],.fs-compare-country[hidden],.fs-compare-country img[hidden],.fs-compare-faceit-link[hidden]{display:none!important}
.fs-compare-identity-body{flex:1;min-width:0}
.fs-compare-name-row{display:flex;align-items:center;flex-wrap:wrap;column-gap:11px;row-gap:7px;min-width:0}
.fs-compare-profile .fs-compare-name-row h3{margin:0;color:#f4f6fa;font-size:clamp(22px,2.6vw,29px);line-height:1.12;font-weight:950;letter-spacing:-.05em;overflow-wrap:anywhere}
.fs-compare-country{
  display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 8px;
  border:1px solid #53606d;background:#222a32;border-radius:6px;
  color:#d8e0e9;font-size:10px;font-weight:850;line-height:1.1;
}
.fs-compare-country img{display:block;width:24px;height:18px;object-fit:cover;border-radius:2px}
.fs-compare-country span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}
.fs-compare-profile .fs-compare-identity-body p{margin:7px 0 0;font-size:10px;color:#9eabb9;letter-spacing:.2px}
.fs-compare-profile-stats{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:12px}
.fs-compare-profile-stats span{padding:6px 8px;border-radius:6px;border:1px solid #4a5664;background:#202731;color:#dce5ee;font-size:10px;font-weight:900;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.fs-compare-profile-stats span:first-child{border-color:#b07c53;color:#ffbb85;background:#49382c}
.fs-compare-profile:nth-child(2) .fs-compare-profile-stats span:first-child{border-color:#598467;color:#b4e7bd;background:#283b32}
.fs-compare-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #ffffff14}
.fs-compare-card-footer .fs-compare-lead-count{margin:0;padding:8px 10px;line-height:1.1}
.fs-compare-faceit-link{display:inline-flex;align-items:center;gap:7px;color:#d7e1ec;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.35px;transition:color .15s ease}
.fs-compare-faceit-link:hover,.fs-compare-faceit-link:focus-visible{color:var(--compare-accent)}
.fs-compare-faceit-link span{color:var(--compare-accent);font-size:17px;line-height:1}
html[data-fw-theme="day"] .fs-compare-profile{background:linear-gradient(145deg,#fff,#f3f5f8);border-color:#c9d3dc;border-top-color:var(--compare-accent);box-shadow:0 10px 30px #172d3b12}
html[data-fw-theme="day"] .fs-compare-profile .fs-compare-name-row h3{color:#182333}
html[data-fw-theme="day"] .fs-compare-source,html[data-fw-theme="day"] .fs-compare-profile .fs-compare-identity-body p{color:#586677}
html[data-fw-theme="day"] .fs-compare-country,html[data-fw-theme="day"] .fs-compare-profile-stats span{background:#edf1f5;color:#253648;border-color:#d4dce4}
html[data-fw-theme="day"] .fs-compare-faceit-link{color:#283b4d}
html[data-fw-theme="day"] .fs-compare-card-footer{border-top-color:#dfe5eb}
@media(max-width:760px){
  .fs-compare-grid{grid-template-columns:1fr}
  .fs-compare-profile{min-height:225px;padding:18px}
  .fs-compare-identity{margin:19px 0 17px}
}
@media(max-width:420px){
  .fs-compare-avatar{flex-basis:65px;width:65px;height:65px;border-radius:15px}
  .fs-compare-identity{gap:12px}
  .fs-compare-source{font-size:8px;letter-spacing:.3px}
  .fs-compare-profile .fs-compare-name-row h3{font-size:23px}
  .fs-compare-profile-stats span{font-size:9px}
}