/* CIS FINDER v1.6.2 — Cinematic polish. Works atop 1.6.1 without changing server data. */
:root { --cf-ice:#67c9ff; --cf-blue:#248aff; --cf-deep:#030a15; }
body.concept-a { background:#050c18; }
body.concept-a .catalog-list { position:relative; isolation:isolate; border-radius:15px; padding:4px; }
body.concept-a .catalog-list::before {
 content:"";position:absolute;z-index:-1;pointer-events:none;inset:-7px;
 border-radius:17px;
 background:linear-gradient(180deg,rgba(3,13,30,.45),rgba(3,13,28,.60)),url('/assets/brand/cis-finder-blue-background.png') 56% 46% / cover no-repeat;
 opacity:.43;filter:saturate(1.3);border:1px solid rgba(59,144,241,.12);
}
body.concept-a .cf-player-row {
 background:linear-gradient(110deg,rgba(13,31,54,.83),rgba(5,17,35,.72));
 border:1px solid rgba(93,141,197,.25);border-radius:10px;
 -webkit-backdrop-filter:blur(13px) saturate(1.22);backdrop-filter:blur(13px) saturate(1.22);
 transition:background .24s ease,border-color .24s ease,box-shadow .3s ease,transform .28s cubic-bezier(.22,1,.36,1);
 transform:translateZ(0);isolation:isolate;
}
body.concept-a .cf-player-row::before {
 content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;
 background:radial-gradient(ellipse at 15% 0%,rgba(45,156,255,.17),transparent 55%);
 opacity:0;transition:opacity .28s ease;
}
body.concept-a .cf-player-row:hover,
body.concept-a .cf-player-row:focus-visible {
 transform:translateY(-2px);border-color:rgba(100,198,255,.7);
 background:linear-gradient(110deg,rgba(19,45,76,.93),rgba(8,27,51,.79));
 box-shadow:0 8px 28px #0008,0 0 0 1px rgba(42,145,255,.18),0 0 24px rgba(13,132,255,.14);
}
body.concept-a .cf-player-row:hover::before,
body.concept-a .cf-player-row:focus-visible::before{opacity:1}
body.concept-a .cf-player-row.cf-selected,
body.concept-a .cf-player-row.cf-selected:hover {
 transform:translateY(-1px);border-color:#4bb9ff;
 background:linear-gradient(106deg,rgba(17,63,105,.93),rgba(8,30,57,.88));
 box-shadow:inset 3px 0 0 #64d8ff,0 0 0 1px #4199eb60,0 0 23px #169eff88,0 11px 38px #0009;
}
body.concept-a .cf-player-row.cf-selected::before {opacity:1}
body.concept-a .cf-player-row.cf-selected::after {
 content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
 background:linear-gradient(115deg,transparent 0%,rgba(94,199,255,.075) 50%,transparent 82%);
 box-shadow:inset 0 0 18px #188ded22;
}
/* Render actual local PNG flags; Windows does not provide flag emoji glyphs. */
body.concept-a .cf-country{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;min-width:0}
body.concept-a .cf-flag{width:23px;height:17px;flex:none;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 2px #0009)}
body.concept-a .cf-flag[hidden]{display:none}
body.concept-a .cf-country-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.concept-a .cf-person-sub .cf-country{gap:3px}
body.concept-a .cf-person-sub .cf-flag{width:19px;height:15px}
body.concept-a .cf-person-sub{overflow:hidden}
/* ELO number and caption share the same horizontal center. FACEIT badge has its own stable cell. */
body.concept-a .cf-card-rating{display:flex;align-items:center;justify-content:center;gap:13px;white-space:nowrap}
body.concept-a .cf-current-elo{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;min-width:max-content;line-height:1.1;font-variant-numeric:tabular-nums}
body.concept-a .cf-current-elo strong{display:block;line-height:1.15;letter-spacing:-.55px;font-weight:850}
body.concept-a .cf-current-elo>span{display:block;width:100%;line-height:1.05;letter-spacing:.32px;font-weight:600;text-align:center}
body.concept-a .cf-current-elo small{display:block;max-width:118px;text-align:center;white-space:normal;line-height:1.25}
body.concept-a .faceit-badge,
body.concept-a .cf-card-rating .faceit-badge{
 display:inline-grid;place-items:center;flex:0 0 37px;width:37px;height:37px;
 min-width:37px;min-height:37px;position:relative;margin:0;padding:0;vertical-align:middle;
}
body.concept-a .faceit-badge img,
body.concept-a .cf-card-rating .faceit-badge img{
 width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block;margin:0;
 filter:drop-shadow(0 2px 5px #0007)
}
body.concept-a .faceit-badge .faceit-badge-fallback{
 inset:0;position:absolute;display:inline-flex;align-items:center;justify-content:center;
 font-size:10px;text-align:center;line-height:1;border-radius:50%;background:#0f2439;
}
body.concept-a .cf-profile-rating{gap:14px;padding-left:18px;min-width:0}
body.concept-a .cf-profile-rating .faceit-badge{width:42px;height:42px;flex-basis:42px;min-height:42px;min-width:42px}
body.concept-a .cf-profile-rating .faceit-badge img{width:42px;height:42px}
body.concept-a .cf-profile-rating .cf-current-elo{align-items:center;text-align:center}
body.concept-a .cf-profile-rating .cf-current-elo>span,
body.concept-a .cf-profile-rating .cf-current-elo small{text-align:center}
/* Cleaner embedded metric tiles */
body.concept-a .cf-tiny-stat{background:rgba(3,15,31,.54);border-color:rgba(88,135,198,.28);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
/* Drawer animation is a layered slide plus a little soft focus, without jerky layout jumps. */
body.concept-a .app{transition:width .38s cubic-bezier(.22,1,.36,1)}
.cf-drawer{background:linear-gradient(160deg,rgba(11,31,57,.985),rgba(5,14,28,.985) 58%,rgba(5,12,24,.99));
 border-left:1px solid rgba(92,175,255,.55);box-shadow:-18px 0 70px #000a,-3px 0 40px #1586ff20;
 animation:cf-v162-enter .38s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity;
}
.cf-drawer::before{content:"";position:absolute;pointer-events:none;inset:0;background:
 radial-gradient(ellipse at 100% 0%,rgba(28,108,198,.17),transparent 45%),
 linear-gradient(90deg,rgba(91,163,255,.035),transparent 38%)}
.cf-drawer > *{position:relative;z-index:1}
@keyframes cf-v162-enter{0%{opacity:0;transform:translate3d(76px,0,0);filter:blur(2px)}100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes cf-v162-exit{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(88px)}}
.cf-drawer-closing .cf-drawer{animation:cf-v162-exit .3s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}
.cf-profile-intro,.cf-profile-tags,.cf-profile-quote,.cf-profile-actions,.cf-profile-section{animation:cf-v162-content .46s cubic-bezier(.22,1,.36,1) both}
.cf-profile-intro{animation-delay:.04s}.cf-profile-tags{animation-delay:.07s}.cf-profile-quote{animation-delay:.10s}.cf-profile-actions{animation-delay:.12s}.cf-profile-section{animation-delay:.16s}
@keyframes cf-v162-content{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.cf-drawer .cf-profile-avatar{box-shadow:0 0 0 1px #8dbeff33,0 0 26px rgba(41,141,255,.13)}
.cf-drawer .cf-detail-stat{background:rgba(14,30,53,.76);border-color:rgba(85,137,198,.32)}
@media(min-width:761px){body.cf-drawer-open .app{transition:width .38s cubic-bezier(.22,1,.36,1)}
 body.cf-drawer-open .cf-card-rating{gap:6px}
 body.cf-drawer-open .cf-card-rating .faceit-badge{flex-basis:27px;width:27px;height:27px;min-width:27px;min-height:27px}
 body.cf-drawer-open .cf-card-rating .faceit-badge img{width:27px;height:27px}
 body.cf-drawer-open .cf-person-sub .cf-flag{width:16px;height:12px}
}
@media(max-width:760px){
 body.concept-a .cf-card-rating{justify-content:flex-end;gap:8px}
 body.concept-a .cf-card-rating .faceit-badge{min-width:30px;min-height:30px;width:30px;height:30px;flex-basis:30px}
 body.concept-a .cf-card-rating .faceit-badge img{width:30px;height:30px}
 body.concept-a .cf-profile-rating{border-top:1px solid #1d3550;padding:13px 0 0}
 body.concept-a .cf-profile-rating .faceit-badge{width:38px;height:38px;min-width:38px;min-height:38px;flex-basis:38px}
 body.concept-a .cf-profile-rating .faceit-badge img{width:38px;height:38px}
 body.concept-a .cf-player-row.cf-selected{transform:none}
 body.concept-a .catalog-list::before{opacity:.44}
 .cf-drawer{animation-duration:.32s}
}
@media(prefers-reduced-motion:reduce){
 body.concept-a .cf-player-row,body.concept-a .app,.cf-drawer,.cf-profile-intro,.cf-profile-tags,.cf-profile-quote,.cf-profile-actions,.cf-profile-section{animation:none!important;transition:none!important;filter:none!important}
}