/* CIS FINDER v1.6A / CINEMATIC PERFORMANCE — alternative to v1.6B. */
:root { --bg:#060c15;--line:#1d3048;--muted:#8ba1bf;--text:#edf6ff;--green:#2491ff;--green2:#55bcff;--shadow:0 24px 70px #0007; }
html{background:#050a12}body.concept-a{background:#060c15;color:#eaf4ff}
body.concept-a::before{background:radial-gradient(ellipse at 75% 5%,rgba(26,88,177,.14),transparent 39%),linear-gradient(90deg,rgba(4,8,16,.24),transparent 40%)}
/* High impact editorial header */
.concept-a .site-header{background:rgba(5,10,19,.96);border-bottom:1px solid #172a41;box-shadow:0 4px 22px #0002}
.concept-a .header-inner{max-width:1700px;min-height:66px;padding:0 40px;gap:32px}
.concept-a .site-brand{font-size:21px;letter-spacing:-.9px;gap:10px}
.concept-a .site-brand>img{width:43px;height:43px}
.concept-a .site-brand span{color:#fff}
.concept-a .site-brand b{color:#fff}
.concept-a .site-nav{height:66px}
.concept-a .site-nav .navitem{height:66px;letter-spacing:.08px;font-size:12px;color:#a3b4ce;padding:0 13px}
.concept-a .site-nav .navitem.active{color:#f8fbff}
.concept-a .site-nav .navitem.active::after{background:#40aaff;height:2px}
.concept-a .header-actions .btn.primary{border-radius:7px;font-size:11.5px;letter-spacing:.1px;box-shadow:0 0 25px #1778ef40;padding:9px 18px}
.concept-a .inner{max-width:1650px;padding:22px 42px 64px}
/* More photographic/sports-broadcast hero than variant B */
.concept-a .hero{min-height:370px;border-radius:9px;padding:35px 44px 34px;border:1px solid #1c3b68;box-shadow:inset 0 0 0 1px #78b8ff0d,0 19px 64px #0009;background:linear-gradient(90deg,#050d19 0%,rgba(4,12,23,.97) 20%,rgba(3,11,26,.86) 49%,rgba(3,12,31,.37) 100%),url('/assets/brand/cis-finder-blue-background.png') center 41%/cover no-repeat}
.concept-a .hero:before{background:linear-gradient(0deg,#04101d91,transparent 70%),linear-gradient(90deg,transparent 47%,rgba(27,114,238,.13) 100%)}
.concept-a .hero:after{height:2px;width:40%;right:0;top:auto;bottom:0;border-radius:0;background:linear-gradient(90deg,transparent,#39a4ff 92%,#70d0ff);box-shadow:0 0 32px #2e9bfa80}
.concept-a .hero-content{max-width:810px}
.concept-a .hero .eyebrow{font-size:10px;letter-spacing:2.7px;color:#9bc7f7;margin-bottom:4px}
.concept-a .hero h1{font-size:clamp(38px,4.1vw,65px);line-height:1.045;letter-spacing:-2.8px;font-weight:900;margin:14px 0 14px;max-width:800px;text-shadow:0 5px 28px #000a}
.concept-a .hero h1 em{color:#3c9efe}
.concept-a .hero p{font-size:13px;line-height:1.75;color:#bacbe2;max-width:565px;margin-bottom:22px}
.concept-a .hero-search{background:#091627e8;max-width:680px;min-height:54px;border-color:#345075;border-radius:8px;box-shadow:0 11px 25px #0004}
.concept-a .hero-search .btn{border-radius:6px}
.concept-a .hero-shortcuts{margin-top:15px}
.concept-a .hero-shortcuts button{background:rgba(8,18,30,.68);border-color:#30445f;border-radius:6px;padding:7px 15px;font-size:11px}
.concept-a .hero-shortcuts button:hover{background:#172c45;border-color:#378fe9}
.concept-a .hero-signature{right:4%;top:46%;width:260px;height:260px;opacity:.075;filter:drop-shadow(0 0 30px #91ccff)}
.hero-corner-label{position:absolute;z-index:2;bottom:17px;right:22px;display:flex;flex-direction:column;gap:3px;text-align:right;color:#b3cce8;font-size:9px;font-weight:800;letter-spacing:1.7px;text-shadow:0 2px 8px #000}
.hero-corner-label span:first-child{color:#48acff}
/* Compact, signal-first community stats */
.concept-a .statbar{border-bottom:1px solid #1b2e45;margin:0 0 25px;padding:8px 0 10px}
.concept-a .stat{padding:7px 15px 7px 0}.concept-a .stat strong{font-size:19px}.concept-a .stat span{font-size:10px;color:#859ab6}
.concept-a .sectionhead{margin-bottom:13px}
.concept-a .sectionhead .eyebrow{color:#5eb6ff}
.concept-a .sectionhead h2{font-size:26px;letter-spacing:-.75px}
.concept-a .sectionhead p{font-size:12px}
.concept-a .filters{background:#0a1422;border-color:#223853;border-radius:9px;padding:12px 18px;gap:11px;box-shadow:0 4px 22px #0002}
.concept-a .fhead{min-width:78px;text-transform:uppercase;color:#e4f0ff;letter-spacing:.5px;font-size:11px}
.concept-a .filtergrid{gap:10px}.concept-a .filtergrid .fblock{min-width:125px}
.concept-a .fblock .input,.concept-a .fblock .select{background:#0b1b2e;border-color:#2a4565;border-radius:6px;min-height:37px}
.concept-a .filter-actions .btn{min-height:37px;border-radius:6px}
.concept-a .work{gap:14px;align-items:stretch}.concept-a .catalog-list{width:100%;min-width:0}
.concept-a .listingbar{margin:0 0 10px}.concept-a .listingbar .select{border-radius:6px}
/* Distinctive dense horizontal scouting feed from concept 01 */
.concept-a .cards{display:flex;flex-direction:column;gap:8px}
.concept-a .card{min-height:124px;position:relative;display:grid;grid-template-columns:minmax(195px,1.4fr) minmax(130px,.85fr) minmax(260px,1.7fr) minmax(115px,.7fr);grid-template-areas:'identity rating stats top' 'desc desc bottom bottom';column-gap:18px;row-gap:8px;align-items:center;border:1px solid #263b56;border-radius:9px;background:linear-gradient(104deg,#111c2b 0%,#0c1828 76%,#0b1625 100%);padding:15px 21px 13px;transition:background .16s,border-color .16s,box-shadow .16s;box-shadow:inset 3px 0 0 transparent}
.concept-a .card:hover{transform:none;background:linear-gradient(100deg,#15263c,#101e31);border-color:#376ca7;box-shadow:inset 3px 0 0 #2c9afe,0 12px 32px #0004}
.concept-a .cardtop{grid-area:top;display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin:0;min-width:0}
.concept-a .ctag{padding:4px 7px;font-size:9px;background:#173453;border-color:#285b87;white-space:nowrap}
.concept-a .dir{font-size:10px;max-width:100%;color:#91e2c4;white-space:normal;text-align:right}
.concept-a .identity{grid-area:identity;gap:13px;min-width:0}
.concept-a .avatar{width:54px;height:54px;border-radius:9px;border-color:#386190}
.concept-a .identity h3{font-size:16px;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis}
.concept-a .identity p{color:#9db0cb;font-size:11px}
.concept-a .bookmark{position:absolute;right:19px;bottom:14px;font-size:19px;padding:3px 8px}
.concept-a .card-performance{grid-area:rating;display:flex;align-items:center;justify-content:flex-start;gap:13px;padding:0;margin:0;border:0;background:none}
.concept-a .card-elo{display:flex;flex-direction:column;gap:1px}
.concept-a .card-elo span{font-size:9px;letter-spacing:.7px;color:#85a0c4;font-weight:800}
.concept-a .card-elo strong{font-size:23px;line-height:1.2;letter-spacing:-.7px;color:white}
.concept-a .card-elo small{font-size:9px;max-width:115px;color:#9bb4d5;line-height:1.15}
.concept-a .card-level{gap:0;align-items:center;justify-content:center}
.concept-a .card-level>span{display:none}
.concept-a .faceit-badge{min-width:37px;min-height:37px}
.concept-a .faceit-badge img{width:37px;height:37px}
.concept-a .card-game-stats{grid-area:stats;margin:0;min-height:62px;border:0;background:transparent;border-radius:0;gap:4px;align-self:center}
.concept-a .card-game-stats>div{border:1px solid #1f344f!important;border-radius:6px;background:#0b182a;padding:9px 8px;min-height:58px}
.concept-a .card-game-stats span{font-size:10px;white-space:nowrap;text-align:center}
.concept-a .card-game-stats span small{display:block;color:#6d83a2;font-size:8px}
.concept-a .card-game-stats b{margin-top:4px;text-align:center;font-size:15px}
.concept-a .card-game-stats.card-context{background:#0b182a;border:1px solid #273e5a;padding:9px 12px;align-items:center}
.concept-a .card-description{grid-area:desc;min-height:0;max-height:20px;margin:0;color:#94a9c5;font-size:11px;line-height:1.5;-webkit-line-clamp:1}
.concept-a .card-bottom{grid-area:bottom;display:flex;justify-content:flex-end;gap:18px;min-height:22px;border:0;margin:0;padding:0 32px 0 0}
.concept-a .card-date{font-size:10px;color:#7892b5}
.concept-a .card-open{font-size:11px;color:#69baff;font-weight:800;padding:0}
/* Larger dark tactical profile: more air, fewer nested decorative cards */
.concept-a .overlay{background:#02060dcf;backdrop-filter:blur(10px)}
.concept-a .modal{width:100%;max-width:1070px;max-height:92vh;background:linear-gradient(145deg,#101e32,#0a1525 65%);border:1px solid #345476;border-radius:11px}
.concept-a .modalhead{padding:29px 34px;border-bottom:1px solid #2a4262}
.concept-a .profile-head{gap:22px}
.concept-a .profile-avatar{height:95px;width:95px;border-radius:12px;border-color:#426eab}
.concept-a .profile-identity h2{font-size:31px;letter-spacing:-.9px}
.concept-a .profile-elo{min-width:137px;border-left:1px solid #2c4867;padding-left:20px}
.concept-a .profile-elo strong{font-size:32px;color:#66b8ff}
.concept-a .modalbody{padding:28px 34px 36px}
.concept-a .faceit-metrics h3{font-size:15px;letter-spacing:.1px;color:#dceeff}
.concept-a .faceit-metrics .fields{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.concept-a .faceit-metrics .property{background:#0b1a2c;border-color:#2a4260;border-radius:8px;padding:13px 11px;min-height:80px}
.concept-a .faceit-metrics .property span{font-size:10px}
.concept-a .faceit-metrics .property b{font-size:19px}
.concept-a .details-expander{border-radius:8px;border-color:#253d58}
.concept-a .original{background:#081729;border-color:#2a405d;border-radius:8px}
.concept-a .modalbuttons .btn{border-radius:7px}
.concept-a .footer{margin-top:54px;border-color:#17283f}
/* Responsive scouting cards */
@media(max-width:1270px){
 .concept-a .card{grid-template-columns:minmax(165px,1.3fr) minmax(113px,.7fr) minmax(215px,1.6fr) minmax(108px,.75fr);column-gap:10px;padding:14px}
 .concept-a .card-game-stats span small{font-size:8px}
 .concept-a .hero h1{font-size:clamp(35px,4vw,55px)}
}
@media(max-width:1050px){
 .concept-a .inner{padding-left:22px;padding-right:22px}
 .concept-a .card{grid-template-columns:minmax(160px,1fr) minmax(105px,.65fr) minmax(210px,1.4fr);grid-template-areas:'identity rating stats' 'desc desc bottom';}
 .concept-a .cardtop{display:none}
 .concept-a .faceit-metrics .fields{grid-template-columns:repeat(3,minmax(0,1fr))}
 .concept-a .filters{flex-wrap:wrap}
 .concept-a .fhead{width:100%;text-align:left}
}
@media(max-width:760px){
 .concept-a .header-inner{padding:0 13px;gap:0}.concept-a .header-actions{margin-left:auto}.concept-a .site-nav{height:43px;order:3;flex:0 0 100%}.concept-a .site-nav .navitem{height:43px}
 .concept-a .inner{padding:13px 13px 45px}
 .concept-a .hero{min-height:360px;padding:31px 20px 30px;background-position:55% center}
 .concept-a .hero h1{font-size:clamp(34px,7vw,45px);letter-spacing:-1.7px}
 .concept-a .hero-corner-label{display:none}
 .concept-a .hero-signature{display:none}
 .concept-a .hero p{font-size:12px;max-width:500px}
 .concept-a .cards{display:flex;flex-direction:column}
 .concept-a .card{grid-template-columns:minmax(0,1fr) minmax(110px,.6fr);grid-template-areas:'identity rating' 'stats stats' 'desc desc' 'bottom bottom';gap:11px;min-height:0;padding:17px}
 .concept-a .card-performance{justify-content:flex-end}
 .concept-a .card-description{max-height:34px;-webkit-line-clamp:2}
 .concept-a .card-bottom{justify-content:space-between;padding-right:33px}
 .concept-a .card-game-stats{grid-area:stats;max-width:100%;gap:7px}
 .concept-a .card-game-stats>div{min-height:60px}
 .concept-a .cardtop{display:none}
 .concept-a .bookmark{bottom:11px}
 .concept-a .modalhead{padding:18px}.concept-a .modalbody{padding:18px}
 .concept-a .profile-avatar{height:62px;width:62px}.concept-a .profile-identity h2{font-size:21px}
 .concept-a .profile-elo{min-width:81px;padding-left:9px}
 .concept-a .profile-elo strong{font-size:20px}
}
@media(max-width:460px){
 .concept-a .hero{padding:27px 16px 24px;min-height:358px}
 .concept-a .hero h1{font-size:34px;letter-spacing:-1.3px}
 .concept-a .hero-search{padding-left:8px;gap:6px}
 .concept-a .hero-search .btn{min-width:73px}
 .concept-a .card-elo strong{font-size:21px}
 .concept-a .card-level .faceit-badge img{width:31px;height:31px}
 .concept-a .card-game-stats b{font-size:14px}
 .concept-a .faceit-metrics .fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.concept-a .card,.concept-a .btn{transition:none}}