:root{
  --bg:#090a0c;
  --panel:#101216;
  --panel-2:#15181d;
  --line:#252931;
  --line-soft:#1a1d22;
  --text:#f3f1eb;
  --muted:#8d929b;
  --soft:#c7c9ce;
  --accent:#d7b66b;
  --accent-soft:#e5cb91;
  --good:#72d19b;
  --bad:#ef7777;
  --purple:#9147ff;
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.45}
button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.site-shell{min-height:100vh}
.topbar{position:sticky;top:0;z-index:40;height:72px;display:flex;align-items:center;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(9,10,12,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft)}
.brand{display:flex;align-items:center;gap:11px;min-width:210px}.brand-9z{font-family:"Barlow Condensed",sans-serif;font-size:32px;font-weight:800;letter-spacing:-.05em;color:var(--accent)}.brand-copy{display:grid;line-height:1}.brand-copy b{font-family:"Barlow Condensed",sans-serif;letter-spacing:.09em;font-size:15px}.brand-copy small{margin-top:4px;color:var(--muted);font-size:9px;letter-spacing:.12em}
.topnav{display:flex;align-items:center;gap:3px;margin:auto}.nav-link{height:36px;border:0;background:transparent;color:var(--muted);padding:0 13px;border-radius:7px;font-size:12px;font-weight:600}.nav-link:hover,.nav-link.active{color:#fff;background:#12151a}
.topbar-actions{display:flex;align-items:center;gap:8px}.live-status{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:10px;white-space:nowrap}.live-status small{color:var(--muted)}.live-dot{width:7px;height:7px;border-radius:50%;background:#6f7680}.sync-ok .live-dot{background:var(--good);box-shadow:0 0 0 4px rgba(114,209,155,.08)}.sync-stale .live-dot{background:var(--accent);box-shadow:0 0 0 4px rgba(215,182,107,.08)}.sync-error .live-dot{background:var(--bad);box-shadow:0 0 0 4px rgba(239,119,119,.08)}
.icon-btn,.admin-btn,.small-btn,.primary-btn{border:1px solid var(--line);background:#111318;color:var(--text);border-radius:8px;height:36px;padding:0 12px;font-weight:600}.icon-btn{width:36px;padding:0;font-size:17px}.admin-btn:hover,.icon-btn:hover,.small-btn:hover{border-color:#3b414c;background:#16191f}.primary-btn{background:var(--accent);border-color:var(--accent);color:#111;font-weight:700}.primary-btn:hover{filter:brightness(1.05)}
main{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:52px 0 90px}.page{display:none}.page.active{display:block}
.hero-section{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:28px;align-items:stretch;padding:24px 0 52px;border-bottom:1px solid var(--line)}
.hero-copy{padding:28px 0 0}.kicker{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:10px;letter-spacing:.12em;font-weight:700}.status-pill{display:inline-flex;align-items:center;height:25px;padding:0 9px;border-radius:999px;border:1px solid #333842;background:#12151a;color:var(--soft);letter-spacing:.08em}.status-pill.started{border-color:rgba(114,209,155,.35);color:var(--good);background:rgba(114,209,155,.06)}
.hero-copy h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(72px,10vw,142px);line-height:.78;margin:28px 0 24px;letter-spacing:-.055em;text-transform:uppercase;max-width:850px}.hero-copy p{max-width:600px;color:var(--muted);font-size:15px;margin:0}.hero-meta{display:flex;gap:34px;margin-top:38px}.hero-meta div{display:grid;gap:4px}.hero-meta span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.hero-meta strong{font-size:14px;font-weight:600}
.leader-spotlight{background:var(--panel);border:1px solid var(--line);min-height:320px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.leader-spotlight:after{content:"#1";position:absolute;right:-8px;bottom:-39px;font-family:"Barlow Condensed",sans-serif;font-size:160px;font-weight:800;color:rgba(255,255,255,.025);line-height:1}.spotlight-label{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.spotlight-name{position:relative;z-index:1}.spotlight-name h2{font-family:"Barlow Condensed",sans-serif;font-size:42px;margin:0 0 2px;letter-spacing:-.02em}.spotlight-name p{margin:0;color:var(--muted);font-size:11px}.spotlight-rank{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;padding-top:26px;border-top:1px solid var(--line)}.spotlight-rank strong{font-family:"Barlow Condensed",sans-serif;font-size:36px;line-height:1}.spotlight-rank span{color:var(--accent);font-weight:700}.spotlight-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);position:relative;z-index:1}.spotlight-stats div{background:#0d0f12;padding:13px}.spotlight-stats b{display:block;font-size:15px}.spotlight-stats small{font-size:8px;color:var(--muted);letter-spacing:.08em}.spotlight-empty{margin:auto;color:var(--muted)}
.content-section{padding:48px 0 0}.section-head,.panel-head,.page-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head{margin-bottom:16px}.section-head h2,.page-title-row h1{font-family:"Barlow Condensed",sans-serif;margin:2px 0 0;font-size:38px;line-height:1}.eyebrow{font-size:9px;letter-spacing:.14em;color:var(--muted);font-weight:700}.section-meta{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:10px}.link-btn{border:0;background:transparent;color:var(--soft);padding:0;font-size:10px;font-weight:600}.link-btn:hover{color:var(--accent)}
.standings{border-top:1px solid var(--line)}.standing-row{display:grid;grid-template-columns:70px minmax(230px,1.2fr) minmax(150px,.7fr) 100px 100px 110px minmax(120px,.7fr);gap:12px;align-items:center;min-height:84px;border-bottom:1px solid var(--line);transition:.15s}.standing-row:not(.head){cursor:pointer}.standing-row:not(.head):hover{background:#0d0f12}.standing-row.head{min-height:42px;color:var(--muted);font-size:8px;letter-spacing:.12em}.position{font-family:"Barlow Condensed",sans-serif;font-size:24px;color:#61666f}.standing-row:first-of-type:not(.head) .position{color:var(--accent)}.player-cell{display:flex;align-items:center;gap:12px;min-width:0}.avatar{width:42px;height:42px;border:1px solid var(--line);background:#12151a;display:grid;place-items:center;border-radius:50%;font-family:"Barlow Condensed",sans-serif;font-size:16px;font-weight:700;color:var(--accent)}.player-cell b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-cell small{display:block;color:var(--muted);font-size:9px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-cell b{font-family:"Barlow Condensed",sans-serif;font-size:20px}.rank-cell small{display:block;color:var(--muted);font-size:9px}.wr-good{color:var(--good)}.wr-bad{color:var(--bad)}.team-inline{display:flex;align-items:center;gap:7px;color:var(--soft);font-size:11px}.team-dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.twitch-mini{display:inline-flex;align-items:center;gap:6px;color:#bfa6ff;font-size:10px}.twitch-mini:before{content:"";width:6px;height:6px;border-radius:1px;background:var(--purple)}
.two-col-section{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:34px;padding:54px 0 0}.plain-panel{border-top:1px solid var(--line);padding-top:18px;min-width:0}.panel-head{margin-bottom:18px}.panel-head h3{font-family:"Barlow Condensed",sans-serif;font-size:26px;margin:2px 0 0}.muted{color:var(--muted);font-size:10px}.chart{min-height:300px}.chart svg{display:block;width:100%;height:260px;overflow:visible}.gridline{stroke:#1d2025;stroke-width:1}.chart-line{fill:none;stroke-width:2.2;vector-effect:non-scaling-stroke}.chart-dot{stroke-width:2;fill:var(--bg)}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.chart-legend span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.legend-dot{width:7px;height:7px;border-radius:50%}.chart-empty,.empty-state{min-height:180px;display:grid;place-items:center;color:var(--muted);font-size:11px;border:1px dashed var(--line);padding:24px;text-align:center}
.match-feed,.full-match-feed{display:grid}.match-row{display:grid;grid-template-columns:72px minmax(110px,.7fr) minmax(130px,1fr) 90px 80px;gap:12px;align-items:center;min-height:65px;border-bottom:1px solid var(--line)}.match-row:last-child{border-bottom:0}.match-result{font-size:9px;font-weight:700;letter-spacing:.08em}.match-row.win .match-result{color:var(--good)}.match-row.loss .match-result{color:var(--bad)}.match-owner b,.match-champ b{display:block;font-size:11px}.match-owner small,.match-champ small,.match-stat small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.match-kda{font-family:"Barlow Condensed",sans-serif;font-size:17px}.match-time{color:var(--muted);font-size:9px;text-align:right}.compact .match-row{grid-template-columns:72px 1fr 90px}.compact .match-row .compact-hide{display:none}
.teams-preview-section{padding-top:54px}.team-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.team-preview-item{background:#0d0f12;padding:18px;min-height:112px;display:flex;justify-content:space-between;gap:14px}.team-preview-item h3{font-family:"Barlow Condensed",sans-serif;font-size:24px;margin:3px 0}.team-preview-item p{margin:0;color:var(--muted);font-size:9px}.team-preview-score{text-align:right}.team-preview-score b{font-family:"Barlow Condensed",sans-serif;font-size:28px}.team-preview-score small{display:block;color:var(--muted);font-size:8px}
.page-title-row{padding:20px 0 28px;border-bottom:1px solid var(--line);margin-bottom:0}.page-title-row h1{font-size:58px}.page-title-row p{margin:0;max-width:420px;color:var(--muted);font-size:11px}.ranking-board{border-top:0}.ranking-board .standing-row{min-height:88px}.ranking-board .standing-row.head{min-height:44px}
.teams-board{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding-top:28px}.team-card{border:1px solid var(--line);background:var(--panel);padding:22px;position:relative}.team-card:before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:var(--team-accent)}.team-card-head{display:flex;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--line)}.team-card h2{font-family:"Barlow Condensed",sans-serif;font-size:30px;margin:2px 0 0}.team-score{text-align:right}.team-score b{font-family:"Barlow Condensed",sans-serif;font-size:28px}.team-score small{display:block;color:var(--muted);font-size:8px}.team-members{display:grid}.team-member{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;min-height:54px;border-bottom:1px solid var(--line);font-size:11px}.team-member:last-child{border-bottom:0}.team-member small{color:var(--muted)}
.full-match-feed{padding-top:8px}.full-match-feed .match-row{grid-template-columns:90px minmax(140px,.7fr) minmax(180px,1fr) 120px 90px 100px;min-height:76px}.full-match-feed .match-row .match-time{text-align:right}
.rules-list{border-top:0}.rules-list article{display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.rules-list article>span{font-family:"Barlow Condensed",sans-serif;font-size:28px;color:#4b5059}.rules-list h3{font-family:"Barlow Condensed",sans-serif;font-size:25px;margin:0 0 5px}.rules-list p{margin:0;max-width:760px;color:var(--muted);font-size:12px}
.site-footer{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:28px 0 96px;border-top:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;gap:30px;color:var(--muted)}.site-footer div{display:grid;gap:4px}.site-footer b{font-family:"Barlow Condensed",sans-serif;color:var(--soft);letter-spacing:.08em}.site-footer span{font-size:9px}.site-footer p{margin:0;font-size:8px;line-height:1.65;max-width:850px}.mobile-nav{display:none}
.dialog{width:min(900px,calc(100% - 28px));max-height:88vh;overflow:auto;border:1px solid #343943;background:#0d0f12;color:var(--text);padding:24px;border-radius:12px;box-shadow:0 35px 120px rgba(0,0,0,.65)}.dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:var(--muted);font-size:27px}.profile-dialog{width:min(680px,calc(100% - 28px))}.profile-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0 25px}.profile-id{display:flex;align-items:center;gap:14px}.profile-id .avatar{width:54px;height:54px}.profile-id h2{font-family:"Barlow Condensed",sans-serif;font-size:34px;margin:0}.profile-id p{margin:0;color:var(--muted);font-size:10px}.profile-rank{display:flex;justify-content:space-between;align-items:end;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-rank h3{font-family:"Barlow Condensed",sans-serif;font-size:38px;margin:2px 0 0}.profile-rank strong{color:var(--accent)}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:18px}.profile-stats div{background:#0b0d10;padding:14px}.profile-stats b{display:block;font-size:16px}.profile-stats small{font-size:8px;color:var(--muted)}.profile-actions{display:flex;gap:8px;margin-top:18px}.twitch-btn{height:38px;display:inline-flex;align-items:center;padding:0 14px;background:var(--purple);border-radius:8px;color:white;font-size:11px;font-weight:700}
.admin-title{margin-bottom:18px}.admin-title h2{font-family:"Barlow Condensed",sans-serif;font-size:34px;margin:2px 0}.admin-login{max-width:430px}.admin-login p,.form-hint{font-size:10px;color:var(--muted);line-height:1.55}label{display:grid;gap:7px;color:var(--soft);font-size:10px}input,select{width:100%;height:40px;border:1px solid #2b3038;background:#0a0c0f;color:#fff;border-radius:7px;padding:0 10px;outline:none}input:focus,select:focus{border-color:#59616d}.admin-login .primary-btn{margin-top:12px}.hidden{display:none!important}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);background:#111318;margin-bottom:14px;font-size:10px}.admin-toolbar>div{display:flex;align-items:center;gap:8px}.admin-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:18px}.admin-tabs button{border:0;background:transparent;color:var(--muted);padding:11px 12px;border-bottom:2px solid transparent}.admin-tabs button.active{color:#fff;border-color:var(--accent)}.admin-section{display:none}.admin-section.active{display:block}.admin-list{display:grid;gap:7px;margin-bottom:18px}.admin-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:11px 12px;background:#111318;border:1px solid var(--line)}.admin-item b{font-size:11px}.admin-item small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.admin-item-actions{display:flex;gap:6px}.small-btn{height:30px;font-size:9px;padding:0 9px}.small-btn.danger{color:var(--bad)}.admin-form{border-top:1px solid var(--line);padding-top:18px}.admin-form.no-border{border-top:0;padding-top:0}.form-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.form-grid{display:grid;gap:10px;margin-bottom:10px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.checkbox-line{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:9px;margin:13px 0}.checkbox-line input{width:16px;height:16px}.admin-form>.primary-btn{margin-top:8px}.toast{position:fixed;right:20px;bottom:20px;z-index:80;background:#171a20;border:1px solid #343a44;color:#fff;padding:11px 14px;border-radius:8px;font-size:10px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.status-error{display:block;color:var(--bad);font-size:8px;margin-top:3px}
@media(max-width:1050px){.topnav{display:none}.hero-section{grid-template-columns:1fr}.leader-spotlight{min-height:270px}.two-col-section{grid-template-columns:1fr}.team-preview{grid-template-columns:1fr 1fr}.standing-row{grid-template-columns:58px minmax(200px,1.2fr) 145px 80px 80px}.standing-row>*:nth-child(6),.standing-row>*:nth-child(7){display:none}.teams-board{grid-template-columns:1fr}}
@media(max-width:720px){.topbar{height:62px;padding:0 14px}.brand{min-width:0}.brand-copy{display:none}.live-status,.admin-btn{display:none}.topbar-actions{margin-left:auto}main{width:calc(100% - 28px);padding:28px 0 86px}.hero-section{padding:10px 0 34px}.hero-copy h1{font-size:72px;margin:24px 0 18px}.hero-copy p{font-size:12px}.hero-meta{gap:20px;margin-top:28px;flex-wrap:wrap}.leader-spotlight{min-height:240px;padding:18px}.spotlight-name h2{font-size:34px}.spotlight-rank strong{font-size:30px}.section-head{align-items:flex-end}.section-head h2{font-size:32px}.section-meta>span{display:none}.standing-row{grid-template-columns:42px minmax(145px,1fr) 110px 58px;min-height:72px}.standing-row>*:nth-child(n+5){display:none}.standing-row.head{min-height:36px}.avatar{width:36px;height:36px}.rank-cell b{font-size:17px}.two-col-section{padding-top:38px}.match-row,.compact .match-row{grid-template-columns:68px 1fr 78px}.match-row>*:nth-child(4),.match-row>*:nth-child(5){display:none}.team-preview{grid-template-columns:1fr}.page-title-row{display:block;padding-top:10px}.page-title-row h1{font-size:46px}.page-title-row p{margin-top:10px}.ranking-board .standing-row{min-height:76px}.full-match-feed .match-row{grid-template-columns:70px 1fr 78px}.full-match-feed .match-row>*:nth-child(4),.full-match-feed .match-row>*:nth-child(5),.full-match-feed .match-row>*:nth-child(6){display:none}.rules-list article{grid-template-columns:55px 1fr}.site-footer{width:calc(100% - 28px);grid-template-columns:1fr;padding-bottom:82px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;height:58px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(9,10,12,.98);border-top:1px solid var(--line)}.mobile-nav button{border:0;background:transparent;color:var(--muted);font-size:9px}.mobile-nav button.active{color:#fff;border-top:2px solid var(--accent)}.dialog{padding:20px 14px}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.profile-stats{grid-template-columns:repeat(2,1fr)}.admin-toolbar{align-items:flex-start;flex-direction:column}.admin-toolbar>div:last-child{width:100%;display:grid;grid-template-columns:1fr 1fr}}

/* ===== 9Z V6 — visual depth, avatars & live profiles ===== */
:root{
  --bg:#090a0c;
  --bg-deep:#060709;
  --panel:#101318;
  --panel-warm:#15130f;
  --line:#2a2d33;
  --line-warm:#40382b;
  --accent:#d6b36d;
  --accent-soft:#ead4a5;
  --steel:#7f96aa;
  --rust:#9d624e;
  --moss:#6f8876;
}
body{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(900px 580px at 84% -5%,rgba(132,101,56,.15),transparent 62%),
    radial-gradient(760px 560px at 4% 58%,rgba(56,79,98,.12),transparent 64%),
    linear-gradient(180deg,#0a0b0d 0%,#08090b 55%,#060709 100%);
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.28;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 80%);
}
body:after{
  content:"9Z";
  position:fixed;right:-3vw;top:13vh;z-index:-1;pointer-events:none;
  font-family:"Barlow Condensed",sans-serif;font-size:min(42vw,680px);font-weight:800;line-height:.72;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.025);transform:rotate(-7deg);letter-spacing:-.08em;
}
.topbar{
  background:rgba(8,9,11,.86);
  border-bottom-color:rgba(255,255,255,.08);
}
.brand-9z{position:relative;text-shadow:0 0 30px rgba(214,179,109,.12)}
.brand-9z:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}
.hero-section{position:relative;border-bottom:0;padding-bottom:36px}
.hero-section:before{
  content:"";position:absolute;left:-50vw;right:-50vw;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent 16%,rgba(214,179,109,.45) 34%,rgba(255,255,255,.08) 60%,transparent 84%);
}
.hero-copy{position:relative}
.hero-copy:after{
  content:"SOLO QUEUE / RUSSIA";position:absolute;left:6px;top:6px;writing-mode:vertical-rl;transform:translateX(-32px) rotate(180deg);
  color:rgba(255,255,255,.12);font-size:8px;letter-spacing:.28em;font-weight:700;
}
.hero-copy h1{
  background:linear-gradient(105deg,#f5f0e6 4%,#fff 36%,#c9b07d 72%,#8d8067 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 18px 55px rgba(0,0,0,.35));
}
.hero-meta div{position:relative;padding-left:12px}
.hero-meta div:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:2px;background:linear-gradient(var(--accent),rgba(214,179,109,.1))}
.leader-spotlight{
  border-color:#34312b;
  background:
    linear-gradient(135deg,rgba(214,179,109,.08),transparent 36%),
    linear-gradient(180deg,rgba(18,20,24,.96),rgba(9,11,14,.98));
  box-shadow:0 35px 90px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.025);
}
.leader-spotlight:before{content:"";position:absolute;left:0;top:0;width:38%;height:3px;background:linear-gradient(90deg,var(--tier-accent,var(--accent)),transparent)}
.spotlight-portrait{position:absolute;right:-20px;top:36px;width:180px;height:180px;opacity:.24;filter:saturate(.85) contrast(1.05);transform:rotate(4deg)}
.spotlight-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101318 0%,transparent 45%),linear-gradient(0deg,#101318 0%,transparent 55%)}
.spotlight-avatar{width:100%;height:100%;border-radius:18px;border:0;background:#16191f;font-size:54px}
.spotlight-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.spotlight-label,.spotlight-name,.spotlight-rank,.spotlight-stats{position:relative;z-index:2}
.spotlight-stats{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.07)}
.spotlight-stats div{background:rgba(8,10,12,.82);backdrop-filter:blur(4px)}

.race-strip{
  min-height:44px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;
  border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,rgba(214,179,109,.055),rgba(255,255,255,.01) 38%,transparent);
  overflow:hidden;
}
.race-strip-label{font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.13em;font-size:11px;color:var(--accent-soft);display:flex;align-items:center;gap:8px;padding-right:16px;border-right:1px solid var(--line)}
.race-pulse{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 0 5px rgba(114,209,155,.06)}
.race-strip-track{display:flex;align-items:center;gap:14px;white-space:nowrap;overflow:auto;scrollbar-width:none;font-size:10px;color:var(--muted);padding-right:12px}
.race-strip-track::-webkit-scrollbar{display:none}
.race-item{cursor:pointer;transition:.15s}.race-item:hover{color:#fff}.race-item b{color:#5e626a;margin-right:5px}.race-item em{font-style:normal;color:var(--soft);margin-left:6px}.race-item strong{color:var(--accent);margin-left:5px}.race-sep{font-style:normal;color:#3d4148}

.content-section,.two-col-section,.teams-preview-section{position:relative}
.section-head h2,.page-title-row h1,.panel-head h3{letter-spacing:-.025em}
.standings{border-top-color:#38342c}
.standing-row{position:relative;padding:0 10px;border-bottom-color:rgba(255,255,255,.075);overflow:hidden}
.standing-row:not(.head):before{content:"";position:absolute;left:0;top:16%;bottom:16%;width:2px;background:var(--tier-accent,#444);opacity:.75;transform:scaleY(.25);transition:.2s}
.standing-row:not(.head):after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--tier-wash,rgba(255,255,255,.02)),transparent 28%);opacity:0;transition:.2s;pointer-events:none}
.standing-row:not(.head):hover{background:rgba(255,255,255,.018);transform:translateX(2px)}
.standing-row:not(.head):hover:before{transform:scaleY(1)}
.standing-row:not(.head):hover:after{opacity:1}
.player-cell,.rank-cell,.standing-row>span,.standing-row>b,.standing-row>div{position:relative;z-index:1}
.avatar{overflow:hidden;flex:none;background:linear-gradient(145deg,#181b20,#0c0e11);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.standing-row:not(.head):hover .avatar{border-color:var(--tier-accent,#555)}
.position{font-size:28px;font-weight:700;letter-spacing:-.04em}
.ranking-board .standing-row:nth-child(2){background:linear-gradient(90deg,rgba(214,179,109,.055),transparent 30%)}
.team-preview{gap:10px;background:transparent;border:0}
.team-preview-item{
  position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#111419,#0b0d10);
}
.team-preview-item:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--team-accent,var(--accent))}
.team-preview-item:after{content:"";position:absolute;width:130px;height:130px;right:-75px;bottom:-80px;border:1px solid color-mix(in srgb,var(--team-accent,var(--accent)) 30%,transparent);transform:rotate(30deg)}
.team-card{background:linear-gradient(160deg,#111419,#0b0d10 70%);box-shadow:0 18px 48px rgba(0,0,0,.16)}
.team-member{cursor:pointer;transition:.15s}.team-member:hover{background:rgba(255,255,255,.018)}
.team-member-id{display:flex;align-items:center;gap:9px;min-width:0}.avatar-small{width:30px;height:30px;font-size:11px}.avatar-small img{width:100%;height:100%;object-fit:cover}
.plain-panel{border-top-color:#39352d}
.chart{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 50%)}
.gridline{stroke:#22262b}.chart-line{filter:drop-shadow(0 3px 4px rgba(0,0,0,.32))}
.match-row{position:relative;padding:0 8px}.match-row:before{content:"";position:absolute;left:0;width:2px;height:28%;background:var(--good);opacity:.75}.match-row.loss:before{background:var(--bad)}.match-row:hover{background:rgba(255,255,255,.016)}

/* Rank tones: muted, material, not neon */
.tier-iron{--tier-accent:#766e67;--tier-wash:rgba(118,110,103,.08)}
.tier-bronze{--tier-accent:#9b6849;--tier-wash:rgba(155,104,73,.08)}
.tier-silver{--tier-accent:#8997a0;--tier-wash:rgba(137,151,160,.08)}
.tier-gold{--tier-accent:#b99954;--tier-wash:rgba(185,153,84,.08)}
.tier-platinum{--tier-accent:#6f9b94;--tier-wash:rgba(111,155,148,.08)}
.tier-emerald{--tier-accent:#599079;--tier-wash:rgba(89,144,121,.08)}
.tier-diamond{--tier-accent:#718aa8;--tier-wash:rgba(113,138,168,.09)}
.tier-master{--tier-accent:#8f748f;--tier-wash:rgba(143,116,143,.09)}
.tier-grandmaster{--tier-accent:#9e665f;--tier-wash:rgba(158,102,95,.09)}
.tier-challenger{--tier-accent:#b8a06a;--tier-wash:rgba(184,160,106,.1)}

/* Profile */
.profile-dialog{width:min(760px,calc(100% - 28px));padding:0;overflow:auto;background:#0b0d10;border-color:#393b41}
.profile-dialog.has-stream{width:min(860px,calc(100% - 28px))}
.profile-dialog .dialog-close{z-index:10;right:18px;top:14px;width:36px;height:36px;border-radius:50%;background:rgba(5,6,8,.62);backdrop-filter:blur(8px)}
.profile-shell{position:relative;padding:28px;overflow:hidden}
.profile-shell:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--tier-accent,var(--accent)),transparent 70%)}
.profile-shell:after{content:"";position:absolute;right:-90px;top:-120px;width:310px;height:310px;border:1px solid var(--tier-accent,var(--accent));opacity:.07;transform:rotate(32deg);pointer-events:none}
.profile-hero{position:relative;z-index:1;padding:2px 0 26px}.profile-id{gap:16px}.profile-id .profile-avatar{width:74px;height:74px;border-radius:16px;border-color:color-mix(in srgb,var(--tier-accent,var(--accent)) 55%,#222);font-size:24px}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-id h2{font-size:42px;line-height:.95;margin-top:4px}.profile-id p{margin-top:5px}.twitch-quiet{color:#a99abd;font-size:10px;border-bottom:1px solid rgba(169,154,189,.35);padding-bottom:2px}
.profile-rank{position:relative;z-index:1;border-top-color:#34373d;border-bottom-color:#34373d}.profile-rank h3{font-size:48px}.profile-rank strong{font-size:16px;color:var(--tier-accent,var(--accent))}
.profile-stats{position:relative;z-index:1;gap:8px;background:transparent;border:0}.profile-stats div{border:1px solid var(--line);background:linear-gradient(145deg,#111419,#0c0e11);padding:16px}.profile-stats b{font-family:"Barlow Condensed",sans-serif;font-size:22px}
.stream-section{position:relative;z-index:2;margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.stream-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px}.stream-heading>div{display:flex;align-items:center;gap:9px}.stream-heading b{font-size:11px}.stream-heading a{color:var(--muted);font-size:9px}.stream-heading a:hover{color:#fff}.stream-status{font-size:8px;letter-spacing:.11em;font-weight:800;padding:5px 7px;border:1px solid var(--line);border-radius:4px}.stream-status.checking{color:var(--muted)}.stream-status.live{color:#f1d9d9;border-color:rgba(189,76,76,.42);background:rgba(189,76,76,.12)}.stream-status.live:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#c65d5d;margin-right:6px}.stream-status.offline{color:#737880}.stream-dock{position:relative;border:1px solid #2f3238;background:#08090b;overflow:hidden;box-shadow:0 22px 65px rgba(0,0,0,.28)}.stream-dock.online{min-height:360px}.stream-dock.offline{display:none}.stream-dock.probing{height:1px;border:0;overflow:visible}.stream-dock.probing .twitch-player-frame{position:fixed!important;left:-10000px!important;top:0!important;width:640px!important;height:360px!important}.twitch-player-frame,.twitch-player-frame iframe{width:100%!important;height:360px!important;display:block}

/* Admin avatar */
.avatar-admin-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;margin:12px 0 15px;padding:12px;border:1px solid var(--line);background:#0b0d10}.avatar-admin-preview{width:64px;height:64px;border-radius:12px;border:1px dashed #41464f;background:#12151a;display:grid;place-items:center;overflow:hidden;color:var(--accent);font-family:"Barlow Condensed",sans-serif;font-weight:700}.avatar-admin-preview img{width:100%;height:100%;object-fit:cover}.avatar-upload-label input[type=file]{height:auto;border:0;background:transparent;padding:4px 0;color:var(--muted);font-size:9px}.avatar-upload-label small{color:var(--muted);font-size:8px;font-weight:400}.admin-player-summary{display:flex;align-items:center;gap:10px;min-width:0}.avatar-admin-list{width:34px;height:34px;font-size:11px}.avatar-admin-list img{width:100%;height:100%;object-fit:cover}

@media(max-width:1050px){
  .spotlight-portrait{right:0;top:18px}
  .race-strip{grid-template-columns:auto minmax(0,1fr)}
}
@media(max-width:720px){
  body:after{top:18vh;font-size:120vw;right:-20vw}
  .hero-copy:after{display:none}
  .hero-copy h1{font-size:76px}
  .race-strip{margin:0 -14px;padding:0 14px}.race-strip-label{display:none}
  .standing-row{padding:0 3px}.standing-row:not(.head):before{left:-1px}
  .profile-shell{padding:20px 14px}.profile-hero{align-items:flex-start}.profile-id .profile-avatar{width:58px;height:58px;border-radius:12px}.profile-id h2{font-size:34px}.twitch-quiet{display:none}.profile-rank h3{font-size:38px}.stream-dock.online{min-height:300px}.twitch-player-frame,.twitch-player-frame iframe{height:300px!important}.stream-heading{align-items:flex-start}.stream-heading>div{display:grid;gap:5px}.avatar-admin-row{grid-template-columns:54px 1fr}.avatar-admin-preview{width:54px;height:54px}.avatar-admin-row .small-btn{grid-column:1/-1}.team-member{grid-template-columns:1fr auto}.team-member>span:nth-child(2){display:none}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* restrained technical typography */
.eyebrow,.kicker,.spotlight-label,.race-strip,.standing-row.head,.live-status,.brand-copy small,.match-result,.stream-status{font-family:"IBM Plex Mono",monospace}
@keyframes signalPulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}
.race-pulse,.sync-ok .live-dot{animation:signalPulse 2.6s ease-in-out infinite}
.leader-spotlight[data-profile]{cursor:pointer}.leader-spotlight[data-profile]:hover{border-color:#484238}