/* =========================================================
   CAPE CAPE FACEIT — DARK ANGULAR MODERN UI
   ========================================================= */

:root{
  --bg:#070708;
  --bg2:#0b0c0e;
  --panel:#121316;
  --panel2:#17191d;
  --panel3:#1d2025;
  --card:#14161a;
  --card2:#1a1d22;
  --line:rgba(255,255,255,.075);
  --line2:rgba(255,255,255,.13);
  --text:#f3f4f6;
  --muted:#9298a3;
  --soft:#626975;
  --accent:#8b8f98;
  --accent2:#d7dae0;
  --blue:#5ea1ff;
  --green:#40e083;
  --red:#ff4f67;
  --yellow:#f5c451;
  --orange:#ff8a3d;
  --purple:#9d7cff;
  --radius:8px;
  --radius2:12px;
  --font-ui:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-display:"Space Grotesk",Inter,system-ui,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg)}
body{
  min-height:100vh;
  color:var(--text);
  font-family:var(--font-ui);
  background:
    linear-gradient(180deg,#0c0d0f 0%,#070708 42%,#050506 100%);
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),
    radial-gradient(circle at 20% 0%,rgba(120,130,145,.10),transparent 34%),
    radial-gradient(circle at 88% 15%,rgba(94,161,255,.08),transparent 30%);
  background-size:40px 40px,40px 40px,100% 100%,100% 100%;
  opacity:.85;
}

.page{
  max-width:1720px;
  margin:0 auto;
  padding:18px;
}

/* =========================================================
   HEADER
   ========================================================= */
.topbar{
  position:sticky;
  top:0;
  z-index:50;
  min-height:92px;
  display:grid;
  grid-template-columns:230px 1fr 410px;
  align-items:center;
  gap:22px;
  margin:0 0 18px;
  padding:16px 24px;
  border:1px solid var(--line);
  border-top:0;
  border-radius:0 0 var(--radius2) var(--radius2);
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),
    #111317;
  box-shadow:0 20px 60px rgba(0,0,0,.48);
  backdrop-filter:blur(16px);
}

.brand,.brand-logo-only{
  display:flex;
  align-items:center;
  min-width:0;
  gap:12px;
}
.brand-text{display:flex;flex-direction:column}
.brand-text b,.brand b{
  font-family:var(--font-display);
  font-size:17px;
  font-weight:900;
  color:#fff;
  letter-spacing:-.35px;
}
.brand-text span,.brand span{
  margin-top:4px;
  color:var(--muted);
  font-size:10px;
  font-weight:800;
}
.logo{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid var(--line2);
  border-radius:6px;
  background:#17191d;
  color:#fff;
  font-weight:900;
}
.logo.logo-image{
  width:76px;
  height:76px;
  border:0;
  background:transparent;
  overflow:visible;
}
.logo.logo-image img,
.logo img{
  width:260px !important;
  height:auto !important;
  max-height:88px !important;
  object-fit:contain !important;
  transform:none !important;
}

.nav{
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:5px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#0d0e10;
}
.nav button,.btn{
  min-height:38px;
  padding:0 15px;
  border:1px solid transparent;
  border-radius:5px;
  background:transparent;
  color:#a7adb7;
  font:850 12px var(--font-ui);
  letter-spacing:.01em;
  text-decoration:none;
  cursor:pointer;
  transition:.14s ease;
}
.nav button:hover,.btn:hover{
  color:#fff;
  background:#1b1e23;
  border-color:rgba(255,255,255,.08);
}
.nav button.active{
  color:#fff;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),
    #24272d;
  border-color:rgba(255,255,255,.13);
  box-shadow:inset 0 -2px 0 var(--blue);
}
.nav button i{margin-right:7px;color:var(--blue)}

.right{
  justify-self:end;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}
.status,.live-count{
  height:38px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 13px;
  border:1px solid rgba(64,224,131,.22);
  border-radius:5px;
  background:#111a15;
  color:#b7f7ce;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}
.status .dot,.live-count .dot,.dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 14px rgba(64,224,131,.75);
}
.admin-pill,.refresh-pill,.right button.btn{
  height:38px;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  border:1px solid var(--line2);
  border-radius:5px;
  background:#1b1e23;
  color:#e5e7eb;
  font-size:12px;
  font-weight:850;
  box-shadow:none;
}
.admin-pill:hover,.refresh-pill:hover,.right button.btn:hover{
  background:#252932;
  border-color:rgba(255,255,255,.20);
}

/* =========================================================
   STATS CARDS
   ========================================================= */
.statsbar{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:10px;
  margin-bottom:16px;
}
.stat{
  position:relative;
  min-height:86px;
  padding:15px 15px 14px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),
    var(--panel);
  overflow:hidden;
  box-shadow:0 12px 34px rgba(0,0,0,.30);
  transition:.15s ease;
}
.stat::after{
  content:"";
  position:absolute;
  right:-22px;
  top:-22px;
  width:82px;
  height:82px;
  transform:rotate(45deg);
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
}
.stat:hover{
  transform:translateY(-2px);
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.012)),
    var(--panel2);
  border-color:rgba(255,255,255,.16);
}
.stat small{
  display:block;
  margin-bottom:10px;
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.stat b{
  display:block;
  font-family:var(--font-display);
  font-size:27px;
  line-height:1;
  font-weight:900;
  color:#fff;
  letter-spacing:-1px;
  text-shadow:none!important;
}

/* =========================================================
   PANELS / TOOLBAR
   ========================================================= */
.section{display:none}.section.active{display:block}
.panel{
  margin-bottom:16px;
  border:1px solid var(--line);
  border-radius:var(--radius2);
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),
    rgba(18,19,22,.94);
  overflow:hidden;
  box-shadow:0 18px 48px rgba(0,0,0,.36);
}
.panel-head{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  background:#15171b;
}
.panel-head h2{
  font-family:var(--font-display);
  color:#fff;
  font-size:16px;
  font-weight:900;
  letter-spacing:-.3px;
}
.panel-head span,.collapse-btn{
  color:var(--muted);
  font-size:11px;
  font-weight:800;
}
.collapse-btn{
  min-height:30px;
  padding:0 10px;
  border:1px solid var(--line);
  border-radius:5px;
  background:#1d2025;
  cursor:pointer;
}
.collapse-btn:hover{color:#fff;background:#272b33}
.panel-body{padding:14px}.collapsed .panel-body{display:none}

.toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.search,select{
  min-height:38px;
  min-width:140px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:5px;
  background:#0d0f12;
  color:#fff;
  font:800 12px var(--font-ui);
  outline:none;
}
.search{min-width:260px}
.search:focus,select:focus{border-color:rgba(94,161,255,.45)}
.sorts{display:flex;gap:7px;flex-wrap:wrap}
.sorts button{
  min-height:36px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:5px;
  background:#1a1d22;
  color:#b9bec8;
  font:850 11px var(--font-ui);
  cursor:pointer;
}
.sorts button:hover{background:#252932;color:#fff}

/* =========================================================
   PLAYER CARDS
   ========================================================= */
.players{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(370px,1fr));
  gap:14px;
}
.player-card{
  position:relative;
  min-height:440px;
  display:grid;
  align-content:start;
  gap:14px;
  padding:16px;
  border:1px solid var(--line);
  border-left:3px solid var(--green);
  border-radius:var(--radius2);
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),
    var(--card);
  overflow:hidden;
  box-shadow:0 18px 42px rgba(0,0,0,.34);
  transition:.15s ease;
}
.player-card::before{
  content:"";
  position:absolute;
  right:-42px;
  top:-42px;
  width:120px;
  height:120px;
  transform:rotate(45deg);
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.05);
}
.player-card:hover{
  transform:translateY(-3px);
  background:
    linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.010)),
    var(--card2);
  border-color:rgba(255,255,255,.15);
}
.player-card.loss{border-left-color:var(--red)}
.player-card.win{border-left-color:var(--green)}
.player-card.high-elo{border-left-color:var(--yellow)}
.player-card.monster-elo{border-left-color:var(--purple)}
.player-card.hot{box-shadow:0 18px 42px rgba(0,0,0,.34), inset 3px 0 0 rgba(64,224,131,.28)}
.player-card.cold{box-shadow:0 18px 42px rgba(0,0,0,.34), inset 3px 0 0 rgba(255,79,103,.28)}

.player-main{display:flex;justify-content:space-between;gap:12px;position:relative;z-index:1}
.player-left{display:flex;gap:12px;min-width:0}
.avatar{
  width:58px;height:58px;flex:none;overflow:hidden;
  border:1px solid var(--line2);
  border-radius:7px;
  background:#0c0d0f;
}
.avatar img,.latest-avatar,.mini-player img,.award-player img,.analytics-player img,.analytics-pair img,.strip-player img{
  object-fit:cover;background:#0c0d0f;
}
.avatar img{width:100%;height:100%}
.player-title{min-width:0}.player-name-line{display:flex;align-items:center;gap:8px}
.name{
  font-family:var(--font-display);
  font-size:22px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.6px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.name a{color:#fff;text-decoration:none}.name a:hover{color:var(--blue)}
.player-sub{margin-top:7px;color:var(--muted);font-size:11px;font-weight:750}.player-sub span{color:#c2c6ce;margin-left:4px}
.faceit-link{display:inline-block;margin-top:10px;color:#cbd0d8;font-size:10px;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}.faceit-link:hover{color:var(--blue)}
.match-result,.result,.latest-result{
  display:grid;place-items:center;
  min-width:64px;height:30px;
  border-radius:5px;
  font-size:11px;font-weight:950;
}
.match-result,.latest-result.win,.result.WIN{
  color:var(--green);background:rgba(64,224,131,.10);border:1px solid rgba(64,224,131,.25);
}
.match-result.loss,.latest-result.loss,.result.LOSS{
  color:var(--red);background:rgba(255,79,103,.10);border:1px solid rgba(255,79,103,.25);
}
.result.unknown{background:#252932;color:var(--muted);border:1px solid var(--line)}

.ban-box{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 11px;border:1px solid var(--line);border-radius:7px;background:#101216;
}
.ban-box.clean{background:rgba(64,224,131,.055);border-color:rgba(64,224,131,.20)}
.ban-box.active{background:rgba(255,79,103,.07);border-color:rgba(255,79,103,.26)}
.ban-title{font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.ban-box.clean .ban-title{color:var(--green)}.ban-box.active .ban-title{color:var(--red)}
.ban-info{font-size:10px;font-weight:750;color:var(--muted);text-align:right;line-height:1.35}.ban-reason{color:#fff}

.big-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
.big-elo{display:flex;align-items:center;gap:10px}.big-elo b{font-family:var(--font-display);font-size:50px;line-height:.9;font-weight:900;letter-spacing:-2px;text-shadow:none!important}
.elo-change{min-width:42px;height:26px;padding:0 8px;display:grid;place-items:center;border-radius:5px;border:1px solid rgba(64,224,131,.25);background:rgba(64,224,131,.10);color:var(--green);font-size:11px;font-weight:950}.elo-change.neg{color:var(--red);background:rgba(255,79,103,.10);border-color:rgba(255,79,103,.25)}
.latest-map-box{text-align:right}.latest-map-box b{display:block;color:#fff;font-size:13px;font-weight:900}.latest-map-box span{display:block;margin-top:3px;color:var(--blue);font-size:10px;font-weight:900}
.form-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.form-state{min-width:66px;height:26px;display:grid;place-items:center;border-radius:5px;background:#22262d;border:1px solid var(--line);color:#d7dbe2;font-size:10px;font-weight:950}.form-state.cold{background:rgba(255,79,103,.10);border-color:rgba(255,79,103,.24);color:var(--red)}.streak-text{color:var(--muted);font-size:10px;font-weight:800}.wl{display:flex;gap:4px}.m{width:24px;height:25px;display:grid;place-items:center;border-radius:5px;font-size:9px;font-weight:950}.w{background:rgba(64,224,131,.12);border:1px solid rgba(64,224,131,.30);color:var(--green)}.l{background:rgba(255,79,103,.12);border:1px solid rgba(255,79,103,.30);color:var(--red)}.u{background:#24272d;border:1px solid var(--line);color:var(--muted)}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#111317}.card-grid .cell{min-height:60px;padding:11px 10px;border-right:1px solid var(--line);background:rgba(255,255,255,.012)}.card-grid .cell:nth-child(4n){border-right:0}.cell small{display:block;color:var(--soft);font-size:9px;font-weight:900;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.cell b{display:block;color:var(--blue);font-size:15px;font-weight:950;letter-spacing:-.3px}.cell b.green{color:var(--green)}.cell b.white{color:#fff}.latest-id{max-width:74px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-bars{display:flex;align-items:end;gap:5px;height:32px;margin-top:4px}.mini-bars i{width:8px;border-radius:2px 2px 0 0;background:var(--green);display:block}.mini-bars i.lossbar{background:var(--red)}.flag{width:16px;height:11px;border-radius:2px;object-fit:cover;flex:none}

/* =========================================================
   LATEST MATCHES
   ========================================================= */
.latest-list{display:grid;gap:0;overflow:hidden}
.latest-row{
  min-height:68px;
  display:grid;
  grid-template-columns:250px 82px 70px 150px repeat(5,96px) 70px;
  align-items:center;
  gap:14px;
  padding:12px 16px;
  border-bottom:1px solid var(--line);
  background:#101216;
  transition:.13s ease;
}
.latest-row:nth-child(even){background:#12151a}
.latest-row:hover{background:#1a1d23}
.latest-player{display:flex;align-items:center;gap:11px;min-width:0}
.latest-avatar{width:40px;height:40px;border-radius:6px;border:1px solid var(--line)}
.latest-name{display:block;color:#fff;text-decoration:none;font-size:13px;font-weight:950;letter-spacing:-.2px}.latest-name:hover{color:var(--blue)}
.latest-date{margin-top:4px;color:var(--muted);font-size:10px;font-weight:750}
.latest-map b{display:block;font-size:13px;font-weight:950;color:#fff}.latest-map span{display:block;margin-top:4px;color:var(--muted);font-size:10px;font-weight:750}
.latest-metric small{display:block;color:var(--soft);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.latest-metric b{display:inline-flex;align-items:center;justify-content:center;min-width:52px;margin-top:5px;padding:5px 8px;border-radius:5px;font-size:13px;font-weight:950;letter-spacing:-.2px;background:#191c22;border:1px solid rgba(255,255,255,.06);text-shadow:none!important}
.latest-role{color:var(--blue);font-size:11px;font-weight:950;text-transform:uppercase;text-decoration:none}.latest-role:hover{color:#fff}
#latestPanel .panel-body,#matches .panel-body{padding:0}

/* metric glow but controlled */
.elo-positive{color:var(--green)!important;background:rgba(64,224,131,.08)!important;border-color:rgba(64,224,131,.20)!important}
.elo-negative{color:var(--red)!important;background:rgba(255,79,103,.08)!important;border-color:rgba(255,79,103,.20)!important}
.kd-insane,.adr-insane,.rating-insane,.kr-insane,.stat-good,.stat-insane{filter:none!important;text-shadow:none!important}
.kd-insane,.kr-insane{color:#79ffd0!important}.adr-insane{color:var(--yellow)!important}.rating-insane{color:var(--green)!important}

/* =========================================================
   TABLES / LEADERBOARD
   ========================================================= */
.leader-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:12px;font-weight:800}th{color:var(--muted);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;background:#15171b}td{background:#101216}tr:nth-child(even) td{background:#12151a}tr:hover td{background:#1a1d23}.leader-table{min-width:1180px}.leader-medal{width:28px;height:28px;display:grid;place-items:center;border-radius:5px;background:#22262d;font-size:14px}.mini-player{display:flex;align-items:center;gap:9px}.mini-player img{width:36px;height:36px;border-radius:6px}.player-link{color:#fff;text-decoration:none;font-weight:950}.player-link:hover{color:var(--blue)}.leader-player-sub{color:var(--muted);font-size:11px;margin-top:2px;font-weight:750}.leader-map{white-space:nowrap;color:#fff;font-weight:850}.level-badge{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:24px;padding:0 8px;border-radius:5px;background:#23272e;border:1px solid var(--line);color:#fff;font-size:10px;font-weight:950}

/* =========================================================
   ANALYTICS / AWARDS
   ========================================================= */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.team-analytics-grid,.awards-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.analytics-block,.award-card,.box,.strip-box{border:1px solid var(--line);border-radius:var(--radius);background:#12151a;box-shadow:0 14px 34px rgba(0,0,0,.30)}.analytics-block{padding:15px;min-height:260px}.award-card{padding:15px}.award-big{min-height:180px}.award-full{margin-top:14px}.analytics-title,.award-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.analytics-title h3,.award-title h3,.strip-box h4{font-family:var(--font-display);font-size:16px;font-weight:950;letter-spacing:-.25px;color:#fff}.analytics-title p,.award-title p{margin-top:4px;color:var(--muted);font-size:11px;font-weight:700}.analytics-title span{border:1px solid var(--line);background:#1c2026;color:var(--muted);padding:5px 8px;border-radius:5px;font-size:10px;font-weight:900}.analytics-list{display:grid;gap:8px}.analytics-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:58px;padding:9px 10px;border:1px solid var(--line);background:#191c22;border-radius:6px}.analytics-rank{width:25px;height:25px;display:grid;place-items:center;background:#252a32;color:#d4d8df;border-radius:5px;font-size:11px;font-weight:950}.analytics-player,.analytics-pair,.award-player,.strip-player{display:flex;align-items:center;gap:9px;min-width:0}.analytics-player img,.analytics-pair img{width:34px;height:34px;border-radius:6px}.analytics-name,.award-name,.strip-name{font-weight:950;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-name{font-size:13px;max-width:220px}.analytics-sub,.award-meta{margin-top:4px;color:var(--muted);font-size:10px;font-weight:700;line-height:1.4}.analytics-score,.award-score{color:var(--blue);font-size:20px;font-weight:950;letter-spacing:-.5px}.award-player{margin:12px 0}.award-player img{width:38px;height:38px;border-radius:6px}.award-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:12px;background:var(--line);border-radius:7px;overflow:hidden}.award-stat{background:#191c22;padding:9px;min-height:48px}.award-stat small{display:block;color:var(--soft);font-size:9px;font-weight:900;text-transform:uppercase;margin-bottom:5px}.award-stat b{display:block;color:#fff;font-size:12px;font-weight:950}.strips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.strip-box{padding:12px}.strip-box h4{font-size:13px;margin-bottom:10px}.strip-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}.strip-row:last-child{border-bottom:0}.strip-rank{color:var(--blue);font-size:11px;font-weight:950}.strip-player img{width:24px;height:24px;border-radius:5px}.strip-name{font-size:12px}.strip-value{color:#fff;font-size:12px;font-weight:950}.box{padding:14px}.box b{display:block;font-size:22px;font-weight:950}.box span{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:800}.bar-row{margin-top:11px}.bar-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:800}.bar{height:7px;background:rgba(255,255,255,.07);border-radius:2px;overflow:hidden;margin-top:5px}.bar i{display:block;height:100%;background:var(--blue);border-radius:2px}.empty{padding:24px;text-align:center;color:var(--muted);font-weight:900}

/* =========================================================
   COLOR UTILITIES
   ========================================================= */
.green{color:var(--green)!important}.red{color:var(--red)!important}.blue{color:var(--blue)!important}.orange{color:var(--orange)!important}.yellow{color:var(--yellow)!important}.purple{color:var(--purple)!important}.elo-orange{color:var(--yellow)!important}.elo-purple{color:var(--purple)!important}.elo-glow,.big-elo b,.stat b{text-shadow:none!important}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulseLive 1.8s infinite}@keyframes pulseLive{0%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}100%{transform:scale(1);opacity:1}}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:1300px){.statsbar{grid-template-columns:repeat(4,1fr)}.latest-row{grid-template-columns:230px 78px 64px 140px repeat(3,90px) 64px}.latest-metric:nth-of-type(n+4){display:none}}
@media(max-width:1200px){.topbar{position:relative;grid-template-columns:1fr;align-items:start}.nav{justify-self:start;flex-wrap:wrap}.right{justify-self:start;flex-wrap:wrap}.grid2,.team-analytics-grid,.awards-grid{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.latest-row{grid-template-columns:1fr 70px 58px;gap:8px}.latest-map,.latest-metric{display:none}.strips-grid{grid-template-columns:1fr}}
@media(max-width:680px){.page{padding:10px}.statsbar{grid-template-columns:repeat(2,1fr);gap:8px}.players{grid-template-columns:1fr}.player-card{min-height:auto}.search{min-width:100%}.analytics-grid{grid-template-columns:1fr}.award-stats{grid-template-columns:repeat(2,1fr)}th,td{padding:8px 6px}.topbar{padding:14px}.nav{gap:4px}.nav button{padding:0 10px;font-size:11px}.logo.logo-image,.logo.logo-image img{width:64px;height:64px}}

/* PREMIUM PLAYER CARD PATCH */

body{
  font-family:"Inter", "Segoe UI", system-ui, sans-serif !important;
}

.player-card{
  background:linear-gradient(180deg,#1c2026,#14171c) !important;
  border-radius:10px !important;
}

.big-elo b,
.big-elo{
  font-family:"Space Grotesk","Inter",sans-serif !important;
}

.big-elo b{
  font-size:58px !important;
  font-weight:900 !important;
  letter-spacing:-3px !important;
  line-height:.9 !important;
  color:#f8fafc !important;
  text-shadow:
    0 0 18px rgba(255,255,255,.18),
    0 0 34px rgba(77,163,255,.22) !important;
}

.player-card.high-elo .big-elo b,
.player-card.monster-elo .big-elo b{
  color:#b65cff !important;
  text-shadow:
    0 0 14px rgba(182,92,255,.75),
    0 0 36px rgba(182,92,255,.38) !important;
}

.player-card .big-elo .elo-change{
  margin-left:8px !important;
  transform:translateY(-2px);
  border-radius:6px !important;
  font-size:12px !important;
  font-weight:900 !important;
  min-width:44px !important;
  height:28px !important;
}

.form-state{
  height:24px !important;
  min-width:74px !important;

  padding:0 10px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  border-radius:6px !important;

  background:#1a2029 !important;
  border:1px solid rgba(255,255,255,.08) !important;

  color:#dfe7f5 !important;

  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;

  text-transform:uppercase !important;
}

.streak-text{
  color:#aeb7c5 !important;
  font-size:11px !important;
  font-weight:800 !important;
}
.form-state.hot,
.form-state.cooking,
.form-state.demon{
  border-color:rgba(255,138,61,.35) !important;
  color:#ffb36b !important;
  background:rgba(255,138,61,.08) !important;
}

.form-state.tilt,
.form-state.cold,
.form-state.dead{
  border-color:rgba(255,79,103,.35) !important;
  color:#ff6b7d !important;
  background:rgba(255,79,103,.08) !important;
}

.streak-text{
  color:#aeb7c5 !important;
  font-size:11px !important;
  font-weight:800 !important;
}

.ban-box,
.ban-box.active{
  margin-top:8px !important;
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  border-radius:8px !important;
  background:rgba(239,68,68,.12) !important;
  border:1px solid rgba(239,68,68,.38) !important;
  box-shadow:
    0 0 18px rgba(239,68,68,.18),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.ban-box.active .ban-title,
.ban-title{
  color:#ff6b7d !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.4px !important;
  text-transform:uppercase !important;
}

.ban-info{
  color:#fff !important;
  font-size:12px !important;
  font-weight:850 !important;
  text-align:center !important;
}

.card-grid{
  border-radius:9px !important;
  background:#11151b !important;
}

.card-grid .cell{
  background:#141820 !important;
}

.cell small{
  color:#7f8a9b !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.5px !important;
}

.cell b{
  font-size:17px !important;
  font-weight:950 !important;
}

.player-card.elo-1{--elo-color:#6b7280;}
.player-card.elo-2{--elo-color:#22c55e;}
.player-card.elo-3{--elo-color:#22c55e;}
.player-card.elo-4{--elo-color:#eab308;}
.player-card.elo-5{--elo-color:#eab308;}
.player-card.elo-6{--elo-color:#f97316;}
.player-card.elo-7{--elo-color:#f97316;}
.player-card.elo-8{--elo-color:#ef4444;}
.player-card.elo-9{--elo-color:#ef4444;}
.player-card.elo-10{--elo-color:#ff2d55;}
.player-card.elo-3000{--elo-color:#a855f7;}

.player-card{
  border-left:3px solid var(--elo-color) !important;
  border-top-color:rgba(255,255,255,.10) !important;
}

.player-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 8% 18%, color-mix(in srgb, var(--elo-color) 24%, transparent), transparent 28%);
  pointer-events:none;
  opacity:.9;
}

.player-card .big-elo b{
  color:var(--elo-color) !important;
  text-shadow:
    0 0 12px color-mix(in srgb, var(--elo-color) 80%, transparent),
    0 0 32px color-mix(in srgb, var(--elo-color) 45%, transparent) !important;
}

.player-card .level-badge,
.player-card .form-state{
  border-color:color-mix(in srgb, var(--elo-color) 45%, transparent) !important;
  color:var(--elo-color) !important;
}

.player-card .elo-change{
  border-color:color-mix(in srgb, var(--elo-color) 45%, transparent) !important;
}

/* =========================================================
   FINAL POLISH PACK — latest rows, player cards, leaderboard
   Keep this block LAST in style.css
   ========================================================= */

/* ---------- Header: cleaner / tighter ---------- */
.topbar{
  min-height:82px !important;
  padding:12px 22px !important;
  border-color:rgba(255,255,255,.085) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.010)),
    #101216 !important;
  box-shadow:0 18px 48px rgba(0,0,0,.42) !important;
}
.logo.logo-image,
.logo.logo-image img{
  width:66px !important;
  height:66px !important;
}
.nav{
  background:#0b0d10 !important;
  border-color:rgba(255,255,255,.075) !important;
}
.nav button{
  min-height:34px !important;
  padding:0 13px !important;
  font-size:11px !important;
  border-radius:5px !important;
}
.nav button.active{
  background:#1b2027 !important;
  box-shadow:inset 0 -2px 0 var(--blue) !important;
}
.admin-pill,.refresh-pill,.right button.btn,.status,.live-count{
  height:34px !important;
  min-height:34px !important;
  border-radius:5px !important;
}

/* ---------- Latest matches: full width premium table ---------- */
#latestPanel .panel-body,
#matches .panel-body{
  padding:0 !important;
  background:#0d0f13 !important;
}

#latestPanel .latest-list,
#matches .latest-list,
.latest-list{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#0e1116 !important;
}

#latestPanel .latest-row,
#matches .latest-row,
.latest-row{
  width:100% !important;
  max-width:none !important;
  min-height:64px !important;

  display:grid !important;
  grid-template-columns:
    minmax(230px, 1.25fr)
    110px
    minmax(150px, .9fr)
    105px
    105px
    105px
    105px
    120px
    76px !important;

  align-items:center !important;
  gap:18px !important;

  padding:10px 16px !important;

  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.070) !important;
  border-left:0 !important;
  border-radius:0 !important;

  background:#11151b !important;
  box-shadow:none !important;

  transition:
    background .14s ease,
    box-shadow .14s ease,
    transform .14s ease !important;
}

#latestPanel .latest-row:nth-child(even),
#matches .latest-row:nth-child(even),
.latest-row:nth-child(even){
  background:#101319 !important;
}

#latestPanel .latest-row:hover,
#matches .latest-row:hover,
.latest-row:hover{
  background:#171c24 !important;
  box-shadow:inset 3px 0 0 rgba(94,161,255,.75) !important;
}

#latestPanel .latest-player-wrap,
#matches .latest-player-wrap,
.latest-player-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  min-width:0 !important;
  padding-left:0 !important;
  text-align:left !important;
}

#latestPanel .latest-player,
#matches .latest-player,
.latest-player{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
}

#latestPanel .latest-avatar,
#matches .latest-avatar,
.latest-avatar{
  width:36px !important;
  height:36px !important;
  border-radius:4px !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

#latestPanel .latest-name,
#matches .latest-name,
.latest-name{
  font-size:13px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  color:#fff !important;
}

#latestPanel .latest-date,
#matches .latest-date,
.latest-date{
  margin-top:3px !important;
  font-size:9px !important;
  color:#6f7887 !important;
  font-weight:850 !important;
}

#latestPanel .latest-result-box,
#latestPanel .latest-score-box,
#latestPanel .latest-map-box,
#latestPanel .latest-metric,
#matches .latest-result-box,
#matches .latest-score-box,
#matches .latest-map-box,
#matches .latest-metric,
.latest-result-box,
.latest-score-box,
.latest-map-box,
.latest-metric{
  margin:0 !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:4px !important;
  text-align:left !important;
}

#latestPanel .latest-result-box,
#matches .latest-result-box,
.latest-result-box{
  align-items:center !important;
}

#latestPanel .latest-score-box,
#matches .latest-score-box,
.latest-score-box{
  align-items:flex-start !important;
}

#latestPanel .latest-map-box,
#matches .latest-map-box,
.latest-map-box{
  align-items:flex-start !important;
  text-align:left !important;
}

#latestPanel .latest-row small,
#matches .latest-row small,
.latest-row small{
  display:block !important;
  margin:0 !important;
  font-size:8px !important;
  line-height:1 !important;
  color:#334866 !important;
  font-weight:950 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

#latestPanel .latest-result,
#matches .latest-result,
.latest-result{
  width:74px !important;
  min-width:74px !important;
  height:26px !important;
  border-radius:0 !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
}

#latestPanel .latest-result.win,
#matches .latest-result.win,
.latest-result.win{
  color:#34ff91 !important;
  background:rgba(24,178,91,.24) !important;
  border:1px solid rgba(24,178,91,.46) !important;
}

#latestPanel .latest-result.loss,
#matches .latest-result.loss,
.latest-result.loss{
  color:#ff3e66 !important;
  background:rgba(190,30,72,.22) !important;
  border:1px solid rgba(190,30,72,.50) !important;
}

#latestPanel .score-chip,
#matches .score-chip,
.score-chip{
  height:auto !important;
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:950 !important;
  box-shadow:none !important;
}

#latestPanel .score-chip::after,
#matches .score-chip::after,
.score-chip::after{
  content:none !important;
}

#latestPanel .map-chip,
#matches .map-chip,
.map-chip{
  height:auto !important;
  min-width:0 !important;
  padding:0 !important;
  gap:7px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:center !important;
}

#latestPanel .map-real-icon,
#matches .map-real-icon,
.map-real-icon{
  width:28px !important;
  height:28px !important;
  object-fit:contain !important;
  opacity:.80 !important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.45)) !important;
}

#latestPanel .latest-map b,
#matches .latest-map b,
.latest-map b{
  font-size:12px !important;
  line-height:1 !important;
  color:#fff !important;
  font-weight:950 !important;
}

#latestPanel .latest-metric b,
#matches .latest-metric b,
.latest-metric b{
  min-width:0 !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:12px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  text-align:left !important;
}

#latestPanel .latest-role,
#matches .latest-role,
.latest-role{
  justify-self:end !important;
  color:#ff7438 !important;
  font-size:11px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

/* ---------- Player cards polish ---------- */
.player-card{
  min-height:426px !important;
  border-radius:10px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.008)),
    #14181f !important;
  box-shadow:0 16px 38px rgba(0,0,0,.36) !important;
}
.player-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 22px 48px rgba(0,0,0,.44) !important;
}
.player-card::before{
  opacity:.70 !important;
}
.avatar{
  width:54px !important;
  height:54px !important;
  border-radius:6px !important;
}
.name{
  font-size:21px !important;
}
.player-sub{
  margin-top:6px !important;
  font-size:10px !important;
  font-weight:850 !important;
}
.faceit-link{
  margin-top:8px !important;
  color:#d9dee8 !important;
}
.big-elo b{
  font-size:56px !important;
  letter-spacing:-3px !important;
}
.elo-change{
  min-width:42px !important;
  height:25px !important;
  border-radius:5px !important;
}
.form-state{
  min-width:76px !important;
  height:27px !important;
  border-radius:5px !important;
  background:#1b222d !important;
}
.card-grid{
  border-radius:8px !important;
}
.card-grid .cell{
  min-height:57px !important;
  padding:10px 9px !important;
}
.cell small{
  font-size:8px !important;
  letter-spacing:.08em !important;
}
.cell b{
  font-size:16px !important;
}
.ban-box.active{
  min-height:48px !important;
  justify-content:center !important;
  text-align:center !important;
  gap:8px !important;
  background:rgba(255,79,103,.09) !important;
  border-color:rgba(255,79,103,.34) !important;
}
.ban-box.active .ban-title{
  font-size:14px !important;
}

/* ---------- Leaderboard polish ---------- */
.leader-table{
  min-width:1180px !important;
  border-collapse:collapse !important;
}
.leader-table th{
  height:38px !important;
  background:#11151b !important;
  color:#42516a !important;
  font-size:9px !important;
  letter-spacing:.11em !important;
}
.leader-table td{
  height:58px !important;
  background:#10141a !important;
  border-bottom:1px solid rgba(255,255,255,.070) !important;
}
.leader-table tr:nth-child(even) td{
  background:#11161d !important;
}
.leader-table tr:hover td{
  background:#171d26 !important;
}
.leader-table .mini-player img{
  width:34px !important;
  height:34px !important;
  border-radius:4px !important;
}
.leader-medal{
  background:#1d242e !important;
  border:1px solid rgba(255,255,255,.06) !important;
}

@media(max-width:1200px){
  #latestPanel .latest-row,
  #matches .latest-row,
  .latest-row{
    grid-template-columns:220px 92px 140px 90px 90px 90px 90px 100px !important;
    gap:12px !important;
  }
  #latestPanel .latest-role,
  #matches .latest-role,
  .latest-role{display:none !important;}
}

@media(max-width:900px){
  #latestPanel .latest-row,
  #matches .latest-row,
  .latest-row{
    grid-template-columns:1fr 74px 70px !important;
    min-height:68px !important;
  }
  #latestPanel .latest-map-box,
  #latestPanel .latest-metric,
  #matches .latest-map-box,
  #matches .latest-metric,
  .latest-map-box,
  .latest-metric{
    display:none !important;
  }
}

.navbar-logo img,
.logo img{
  height:58px !important;
  width:auto !important;

  object-fit:contain !important;

  transform:scale(1.25) !important;

  filter:
    drop-shadow(0 0 12px rgba(255,120,40,.18));
}

.navbar-logo,
.logo{
  min-width:220px !important;
}

.logo.logo-image img,
.logo img{
  height:96px !important;
  width:auto !important;
  transform:scale(1.9) !important;
  transform-origin:center !important;
}

.site-footer{
  margin-top:40px;
  padding:18px 26px;
  border-top:1px solid rgba(255,255,255,.08);

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;

  background:
    linear-gradient(
      180deg,
      rgba(12,14,20,.0),
      rgba(12,14,20,.55)
    );

  color:#9aa4b2;
  font-size:13px;
}

.footer-left{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.footer-logo{
  font-size:18px;
  font-weight:1000;
  letter-spacing:.08em;

  background:linear-gradient(90deg,#ffffff,#ff7b00);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.footer-sub{
  color:#6f7a8c;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.footer-center{
  display:flex;
  align-items:center;
  gap:10px;

  font-weight:700;
  color:#7f8b9d;
}

.footer-dot{
  width:4px;
  height:4px;
  border-radius:999px;
  background:#ff7b00;
}

.footer-right a{
  color:#ff7b00;
  text-decoration:none;
  font-weight:900;
  transition:.2s ease;
}

.footer-right a:hover{
  color:#ffffff;
}

@media(max-width:700px){

  .site-footer{
    flex-direction:column;
    align-items:flex-start;
  }

}


.admin-logs{
  margin-top:18px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.log-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;

  padding:12px 14px;
  border-radius:12px;

  background:#070b12;
  border:1px solid rgba(255,255,255,.07);
}

.log-main{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.log-type{
  color:#5ea1ff;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
  white-space:nowrap;
}

.log-message{
  color:#e5edf7;
  font-size:13px;
  font-weight:800;
}

.log-time{
  color:#7f8b9d;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}

#adminLogs{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  margin-top:18px !important;
}

#adminLogs .log-row{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;

  background:#0b1018 !important;
  border:1px solid rgba(255,255,255,.08) !important;

  padding:14px 16px !important;
  border-radius:14px !important;
}

#adminLogs .log-main{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

#adminLogs .log-type{
  color:#5ea1ff !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

#adminLogs .log-message{
  color:#ffffff !important;
  font-size:14px !important;
  font-weight:800 !important;
}

#adminLogs .log-time{
  color:#7f8b9d !important;
  font-size:12px !important;
  white-space:nowrap !important;
}