:root{color-scheme:dark;--bg:#080b11;--panel:#121a24;--line:#2a3747;--text:#eef4fb;--muted:#91a0b2;--amber:#f2aa3b;--red:#ef6570;--blue:#5daeff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#1b2a3a,#080b11 48%);color:var(--text);font:15px/1.5 system-ui,sans-serif}.site-nav{max-width:1240px;margin:auto;padding:18px 24px;display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line)}a{color:var(--amber);text-decoration:none}.logo{color:#fff;font-weight:800;letter-spacing:.1em}.logo span:first-child{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--amber);color:#111;border-radius:7px;margin-right:9px;font-size:11px}.muted,small,p{color:var(--muted)}nav{display:flex;gap:24px;flex:1}nav a{color:var(--muted)}nav a.active,nav a:hover{color:#fff}.connect,.primary{padding:9px 14px;background:var(--amber);color:#10151c;border-radius:6px;font-weight:750}.wrap{max-width:1240px;margin:auto;padding:58px 24px}.hero{display:grid;grid-template-columns:1fr 390px;gap:70px;align-items:center}.kicker{font-size:10px;letter-spacing:.16em;font-weight:800}.kicker i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--amber);margin-right:8px}h1{font-size:clamp(54px,8vw,96px);line-height:.92;letter-spacing:-.06em;margin:18px 0}h1 em{font-style:normal;color:var(--amber)}.lede{font-size:19px;max-width:440px;margin-bottom:30px}.hero-card,.team,.feature-row>div,.rules article,.stat-grid>div,.join-banner{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:7px}.hero-card strong{display:block;font-size:29px;margin:26px 0 4px}.hero-card-top,.section-head,.team-title,.stat-grid,.join-banner{display:flex;justify-content:space-between;align-items:center}.hero-card-top{color:var(--muted);font-size:11px;letter-spacing:.1em}.hero-card-top b{color:#65da8c}.mini-score{display:flex;gap:18px;font-size:22px;margin-top:20px}.mini-score span:first-child b{color:var(--red)}.mini-score span:last-child b{color:var(--blue)}.section-head{margin:60px 0 20px}.section-head h2{margin:4px 0;font-size:29px}.teams{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.team{border-top:2px solid var(--red)}.team.ct{border-top-color:var(--blue)}.badge{display:grid;place-items:center;width:38px;height:38px;border-radius:7px;background:#ef65701c;color:var(--red);font-weight:800;margin-right:10px}.ct .badge{background:#5daeff1c;color:var(--blue)}.team-title>div{flex:1}.team-title h3{margin:0;font-size:19px}.team-title>b{font-size:34px}.bar{height:8px;background:#293544;border-radius:8px;margin:18px 0}.bar i{display:block;height:100%;background:var(--red);border-radius:inherit}.ct .bar i{background:var(--blue)}.players{display:grid;gap:1px}.player{display:grid;grid-template-columns:1fr 46px 36px 36px;padding:9px;background:#19232e;border-top:1px solid #293644;font-size:13px}.player span:not(:first-child){text-align:right}.hp{color:#81d994;font-weight:700}.feature-row,.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}.feature-icon{color:var(--amber);font-size:22px}.page-intro{max-width:650px}.page-intro h1{font-size:clamp(48px,7vw,82px)}.stat-grid{grid-template-columns:repeat(4,1fr);margin:38px 0}.stat-grid small{display:block}.stat-grid strong{display:block;margin-top:8px}.ranking{border:1px solid var(--line)}.ranking-head,.ranking-row{display:grid;grid-template-columns:35px 1fr 70px 70px 70px 55px;gap:8px;padding:12px 14px}.ranking-head{color:var(--muted);background:#202b38;font-size:11px}.ranking-row{border-top:1px solid var(--line)}.gold{color:#ffe0a0}.rules{grid-template-columns:repeat(2,1fr);margin-top:40px}.join-banner{margin-top:18px}.join-banner h2{font-size:28px;margin:4px 0}footer{max-width:1240px;margin:auto;padding:20px 24px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between}@media(max-width:800px){.site-nav{flex-wrap:wrap;gap:16px;padding:14px}.site-nav nav{order:3;flex-basis:100%;gap:17px}.connect{margin-left:auto}.wrap{padding:38px 14px}.hero,.teams,.feature-row,.rules,.stat-grid{grid-template-columns:1fr}.hero{gap:28px}.hero h1{font-size:60px}.section-head{margin-top:44px}.ranking-head,.ranking-row{grid-template-columns:25px 1fr 42px 50px 50px 40px;padding:10px 7px;font-size:12px}.join-banner{display:block}.join-banner .primary{display:inline-block;margin-top:15px}footer{padding:20px 14px;flex-direction:column;gap:8px}}
:root { color-scheme:dark; --bg:#080a0f; --panel:#14191f; --line:#303945; --text:#f4f7fb; --muted:#a3aebd; --amber:#f2a93b; --blue:#65b2ff; --red:#ff7880; }
.sr-only { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 15% 0%,#192332 0,#080a0f 45%),var(--bg); color:var(--text); font:16px/1.5 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
button { font:inherit; cursor:pointer; color:var(--text); background:#202936; border:1px solid #546174; border-radius:6px; padding:8px 12px; }
button:hover { background:#2b3849; } button:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
[hidden] { display:none !important; }
.page-shell { width:100%; max-width:1320px; margin:auto; padding:24px; min-width:0; }
.topbar,.brand,.live-state,.team-head,.progress-label,.team-meta,.footer { display:flex; align-items:center; }
.topbar,.footer,.progress-label { justify-content:space-between; gap:16px; }
.topbar { flex-wrap:wrap; }
.brand { gap:10px; font-weight:800; letter-spacing:.1em; font-size:14px; }
.brand-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:8px; color:#171a1e; background:var(--amber); font-size:12px; }
.muted,.team-caption,.eyebrow,.updated span { color:var(--muted); }
.live-state { gap:9px; font-size:13px; }
.live-dot { flex:none; width:8px; height:8px; border-radius:50%; background:#8190a3; box-shadow:0 0 0 4px #8190a322; }
.live-dot.online { background:#60db89; box-shadow:0 0 0 4px #60db8920; }
.live-dot.reconnecting,.live-dot.stale,.live-dot.demo { background:var(--amber); box-shadow:0 0 0 4px #f2a93b20; }
.live-dot.offline { background:var(--red); box-shadow:0 0 0 4px #ff788022; }
.hero { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:20px; padding:28px 0 24px; }
.hero > div:first-child { min-width:0; }
.eyebrow { margin:0 0 10px; font-size:10px; letter-spacing:.13em; font-weight:700; }
h1 { margin:0; font-size:clamp(27px,3.3vw,48px); letter-spacing:-.035em; line-height:1.12; overflow-wrap:anywhere; }
.subline { color:var(--muted); margin:12px 0 0; font-size:13px; }.separator { margin:0 8px; }
.match-score { text-align:center; min-width:210px; }.score-label { display:block; color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.match-score > strong { display:flex; justify-content:center; gap:14px; align-items:center; font-size:clamp(25px,3.2vw,43px); line-height:1.25; font-variant-numeric:tabular-nums; }
.match-score > strong span { color:#8591a1; font-weight:400; } #t-level-score,.t-color { color:var(--red); } #ct-level-score,.ct-color { color:var(--blue); }
.frag-summary { color:var(--muted); font-size:12px; }.frag-summary b { margin:0 4px; }
.score-detail { display:flex; justify-content:center; gap:18px; font-size:14px; margin-top:6px; font-variant-numeric:tabular-nums; }
.updated { grid-column:1/-1; display:flex; align-items:center; gap:10px; font-size:12px; padding-top:2px; }.updated strong { font-weight:600; }
.team-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.team-card { min-width:0; position:relative; overflow:hidden; padding:16px; background:linear-gradient(145deg,#171c23,#101419); border:1px solid var(--line); border-radius:6px; box-shadow:0 12px 35px #0003; }
.team-t { --level-color:var(--red); border-top:2px solid var(--red); }.team-ct { --level-color:var(--blue); border-top:2px solid var(--blue); }
.team-head { gap:10px; }.team-head > div { min-width:0; }.team-head h2 { margin:0; font-size:clamp(15px,1.5vw,20px); overflow-wrap:anywhere; }
.team-caption { display:block; font-size:10px; letter-spacing:.12em; }.team-badge { display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:8px; font-weight:800; }
.team-t .team-badge { background:#ff788019; color:var(--red); }.team-ct .team-badge { background:#65b2ff19; color:var(--blue); }
.team-score { margin-left:auto; font-size:30px; font-variant-numeric:tabular-nums; }
.progress-label { margin-top:22px; color:var(--muted); font-size:12px; }.progress-track { height:12px; margin-top:8px; background:#27303c; border-radius:12px; overflow:hidden; }
.progress-fill { height:100%; width:0; border-radius:inherit; transition:width .35s ease; background:var(--level-color); }
.team-meta { flex-wrap:wrap; gap:5px 15px; margin-top:12px; font-size:12px; color:var(--muted); }.team-meta b { color:var(--text); font-weight:600; }
.players { margin-top:18px; border:1px solid var(--line); background:#0b0e12; }
.player-table-head,.player { display:grid; grid-template-columns:minmax(0,1fr) 43px 32px 32px; gap:10px; align-items:center; padding:9px; }
.player-table-head { color:#bac5d4; background:#252d38; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.player-table-head span:not(:first-child),.stat { text-align:center; }
.player { position:relative; min-height:40px; background:#171d25; border-top:1px solid #29323f; }.player:nth-child(odd) { background:#1c232d; }
.player-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.player-name.grenadier { color:#ffe4a8; font-weight:750; }.player-name.grenadier::after { content:" HE"; font-size:10px; color:#ffc247; }
.player.he-player { background:linear-gradient(90deg,#6a491a66,#2e2514); box-shadow:inset 3px 0 #ffc247; }
.stat { color:#cbd3df; font-size:13px; font-variant-numeric:tabular-nums; }.hp-stat { color:#8ee6a0; font-weight:700; }.dead-stat { color:#ff5362; font-weight:900; }.empty { padding:18px 10px; color:var(--muted); font-size:13px; }
.footer { margin-top:18px; color:var(--muted); font-size:11px; flex-wrap:wrap; }.footer span:last-child { letter-spacing:.1em; text-transform:uppercase; }
.event-sidebar { border:1px solid var(--line); border-radius:8px; background:#111721; padding:14px; }
.event-heading { display:flex; justify-content:space-between; align-items:center; gap:14px; }.event-heading h2 { font-size:14px; margin:0; }.event-heading button { font-size:12px; min-height:38px; }
.event-status { font-size:11px; color:var(--muted); margin:12px 0; }.event-stack { display:grid; gap:8px; }
.event-bubble { padding:10px 11px; border:1px solid #3b4656; border-left:3px solid var(--amber); border-radius:6px; background:#1b2431; font-size:12px; overflow-wrap:anywhere; animation:event-arrive .25s ease-out; }
.event-bubble.level { border-left-color:var(--blue); }.event-bubble small { display:block; margin-top:4px; color:var(--muted); font-size:10px; }
.data-stale .updated strong { color:var(--amber); }.data-stale .team-grid { border-radius:6px; outline:1px dashed #f2a93b77; }
.team-card.level-up-flash,.team-card.level-down-flash { animation:team-level-flash 1.8s ease-out; }
.team-card.level-down-flash { --level-color:#ffa35c; }
.team-card.level-up-flash::after,.team-card.level-down-flash::after { position:absolute; inset:0; display:grid; place-items:center; pointer-events:none; font-size:clamp(23px,3vw,42px); font-weight:900; letter-spacing:.1em; color:#fff; background:radial-gradient(circle,#ffffff77,var(--level-color) 55%,transparent 90%); text-shadow:0 0 15px #000; animation:level-overlay 1.8s ease-out forwards; }
.team-card.level-up-flash::after { content:"LEVEL UP"; }.team-card.level-down-flash::after { content:"LEVEL DOWN"; }
.player.death-flash { animation:player-death .85s ease-out; }
@keyframes team-level-flash { 10% { border-color:var(--level-color); box-shadow:0 0 20px var(--level-color); } }
@keyframes level-overlay { 0% { opacity:0; } 12% { opacity:.8; } 40% { opacity:.1; } 100% { opacity:0; } }
@keyframes player-death { 0% { background:#ff334866; } 100% { background:transparent; } }
@keyframes event-arrive { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
@media (min-width:1200px) {
  body:not(.events-collapsed) { padding-right:310px; }
  .event-sidebar { position:fixed; right:16px; top:24px; width:294px; max-height:calc(100dvh - 48px); overflow:auto; }
  .event-sidebar.collapsed { width:auto; }.event-sidebar.collapsed h2 { display:none; }
  body.events-collapsed .topbar { padding-right:80px; }
}
@media (max-width:1199px) {
  .event-sidebar { position:fixed; right:14px; bottom:14px; z-index:20; width:min(350px,calc(100% - 28px)); max-height:45dvh; overflow:auto; box-shadow:0 8px 30px #0008; }
  .event-sidebar.collapsed { width:auto; padding:6px 10px; }.event-sidebar.collapsed h2 { font-size:12px; }
  .page-shell { padding-bottom:84px; }
}
@media (max-width:760px) {
  .page-shell { padding:16px 12px 84px; }.brand { font-size:12px; letter-spacing:.07em; }.live-state { font-size:12px; }.topbar { gap:12px; }
  .hero { grid-template-columns:minmax(0,1fr); gap:16px; padding:22px 0 18px; }.hero > div:first-child { width:100%; }
  h1 { font-size:clamp(25px,6vw,36px); }.subline { font-size:12px; }.match-score { min-width:0; width:100%; }.match-score > strong { font-size:36px; }
  .updated { justify-content:center; }.team-grid { grid-template-columns:minmax(0,1fr); gap:16px; }.team-card { padding:12px; }.team-head h2 { font-size:18px; }
  .player-table-head,.player { grid-template-columns:minmax(0,1fr) 42px 28px 28px; gap:7px; padding:8px; }.player-name { font-size:14px; }
  .team-meta { font-size:12px; }.team-score { font-size:28px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
  .team-card.level-up-flash::after,.team-card.level-down-flash::after { display:none; }
}
:root{color-scheme:dark;--bg:#080b11;--panel:#121a24;--line:#2a3747;--text:#eef4fb;--muted:#91a0b2;--amber:#f2aa3b;--red:#ef6570;--blue:#5daeff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#1b2a3a,#080b11 48%);color:var(--text);font:15px/1.5 system-ui,sans-serif}.site-nav{max-width:1240px;margin:auto;padding:18px 24px;display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line)}a{color:var(--amber);text-decoration:none}.logo{color:#fff;font-weight:800;letter-spacing:.1em}.logo span:first-child{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--amber);color:#111;border-radius:7px;margin-right:9px;font-size:11px}.muted,small,p{color:var(--muted)}nav{display:flex;gap:24px;flex:1}nav a{color:var(--muted)}nav a.active,nav a:hover{color:#fff}.connect,.primary{padding:9px 14px;background:var(--amber);color:#10151c;border-radius:6px;font-weight:750}.wrap{max-width:1240px;margin:auto;padding:58px 24px}.hero{display:grid;grid-template-columns:1fr 390px;gap:70px;align-items:center}.kicker{font-size:10px;letter-spacing:.16em;font-weight:800}.kicker i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--amber);margin-right:8px}h1{font-size:clamp(54px,8vw,96px);line-height:.92;letter-spacing:-.06em;margin:18px 0}h1 em{font-style:normal;color:var(--amber)}.lede{font-size:19px;max-width:440px;margin-bottom:30px}.hero-card,.team,.feature-row>div,.rules article,.stat-grid>div,.join-banner{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:7px}.hero-card strong{display:block;font-size:29px;margin:26px 0 4px}.hero-card-top,.section-head,.team-title,.stat-grid,.join-banner{display:flex;justify-content:space-between;align-items:center}.hero-card-top{color:var(--muted);font-size:11px;letter-spacing:.1em}.hero-card-top b{color:#65da8c}.mini-score{display:flex;gap:18px;font-size:22px;margin-top:20px}.mini-score span:first-child b{color:var(--red)}.mini-score span:last-child b{color:var(--blue)}.section-head{margin:60px 0 20px}.section-head h2{margin:4px 0;font-size:29px}.teams{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.team{border-top:2px solid var(--red)}.team.ct{border-top-color:var(--blue)}.badge{display:grid;place-items:center;width:38px;height:38px;border-radius:7px;background:#ef65701c;color:var(--red);font-weight:800;margin-right:10px}.ct .badge{background:#5daeff1c;color:var(--blue)}.team-title>div{flex:1}.team-title h3{margin:0;font-size:19px}.team-title>b{font-size:34px}.bar{height:8px;background:#293544;border-radius:8px;margin:18px 0}.bar i{display:block;height:100%;background:var(--red);border-radius:inherit}.ct .bar i{background:var(--blue)}.players{display:grid;gap:1px}.player{display:grid;grid-template-columns:1fr 46px 36px 36px;padding:9px;background:#19232e;border-top:1px solid #293644;font-size:13px}.player span:not(:first-child){text-align:right}.hp{color:#81d994;font-weight:700}.feature-row,.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}.feature-icon{color:var(--amber);font-size:22px}.page-intro{max-width:650px}.page-intro h1{font-size:clamp(48px,7vw,82px)}.stat-grid{grid-template-columns:repeat(4,1fr);margin:38px 0}.stat-grid small{display:block}.stat-grid strong{display:block;margin-top:8px}.ranking{border:1px solid var(--line)}.ranking-head,.ranking-row{display:grid;grid-template-columns:35px 1fr 70px 70px 70px 55px;gap:8px;padding:12px 14px}.ranking-head{color:var(--muted);background:#202b38;font-size:11px}.ranking-row{border-top:1px solid var(--line)}.gold{color:#ffe0a0}.rules{grid-template-columns:repeat(2,1fr);margin-top:40px}.join-banner{margin-top:18px}.join-banner h2{font-size:28px;margin:4px 0}footer{max-width:1240px;margin:auto;padding:20px 24px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between}@media(max-width:800px){.site-nav{flex-wrap:wrap;gap:16px;padding:14px}.site-nav nav{order:3;flex-basis:100%;gap:17px}.connect{margin-left:auto}.wrap{padding:38px 14px}.hero,.teams,.feature-row,.rules,.stat-grid{grid-template-columns:1fr}.hero{gap:28px}.hero h1{font-size:60px}.section-head{margin-top:44px}.ranking-head,.ranking-row{grid-template-columns:25px 1fr 42px 50px 50px 40px;padding:10px 7px;font-size:12px}.join-banner{display:block}.join-banner .primary{display:inline-block;margin-top:15px}footer{padding:20px 14px;flex-direction:column;gap:8px}}
.landing{max-width:1240px;margin:auto}.landing-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center;padding:88px 24px 70px}.landing-hero h1{font-size:clamp(54px,8vw,104px);max-width:760px}.landing-lede{font-size:19px;line-height:1.6;max-width:650px}.landing-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.landing-link{color:var(--muted);font-weight:700}.landing-visual{padding:34px;background:linear-gradient(145deg,#202d3d,#10151d);border:1px solid #506176;border-radius:12px;box-shadow:0 25px 70px #0007;transform:rotate(2deg)}.landing-visual strong{display:block;font-size:42px;line-height:.95;margin:40px 0 12px}.landing-visual em,.landing-cta em{color:var(--amber);font-style:normal}.visual-label,.landing-visual p,.landing-visual small{color:var(--muted);font-size:11px;letter-spacing:.12em}.visual-bar{height:8px;background:#344355;border-radius:8px;margin:25px 0 12px}.visual-bar i{display:block;width:72%;height:100%;background:var(--amber);border-radius:inherit}.landing-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.landing-proof>div{padding:25px;background:#111923}.landing-proof b{display:block;color:var(--amber);font-size:12px;letter-spacing:.12em}.landing-proof span{display:block;font-size:20px;font-weight:800;margin-top:12px}.landing-proof p{margin-bottom:0}.landing-section{padding:80px 24px}.landing-section>h2,.grenadier-spotlight h2{font-size:clamp(32px,5vw,58px);margin:8px 0 35px}.landing-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.landing-steps article{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.landing-steps b{color:var(--amber)}.landing-steps h3{font-size:20px}.grenadier-spotlight{display:grid;grid-template-columns:1fr 310px;gap:60px;align-items:center;padding:70px 24px;background:linear-gradient(110deg,#161f2b,#0d1219);border-block:1px solid var(--line)}.grenadier-card{padding:30px;text-align:center;border:1px solid #80632e;background:#342712;border-radius:10px;box-shadow:0 0 60px #f2a93b22}.grenadier-card span,.grenadier-card small{display:block;color:#e1bd76;font-size:11px;letter-spacing:.14em}.grenadier-card strong{display:block;color:#ffc247;font-size:100px;line-height:1;margin:20px 0}.grenadier-card b{display:block}.landing-stats{padding-top:20px}.landing-cta{text-align:center;padding:100px 24px}.landing-cta h2{font-size:clamp(42px,7vw,82px);line-height:.98}.landing-cta p{font-size:18px}.landing-cta .primary{display:inline-block;margin-top:18px}@media(max-width:800px){.landing-hero,.grenadier-spotlight{grid-template-columns:1fr;padding:55px 14px}.landing-visual{transform:none}.landing-proof,.landing-steps{grid-template-columns:1fr}.landing-section{padding:55px 14px}.landing-cta{padding:70px 14px}}
.landing-hero-copy{animation:landing-in .8s cubic-bezier(.2,.75,.25,1) both}.landing-visual{animation:visual-in 1s .12s cubic-bezier(.2,.75,.25,1) both;position:relative;overflow:hidden}.landing-visual::after{content:"";position:absolute;inset:-80%;background:linear-gradient(115deg,transparent 45%,#fff2 50%,transparent 55%);transform:translateX(-45%);animation:shine 5s 1.2s ease-in-out infinite}.landing-proof>div,.landing-steps article,.landing .rules article{transition:transform .35s ease,box-shadow .35s ease}.landing-proof>div:hover,.landing-steps article:hover,.landing .rules article:hover{transform:translateY(-6px);box-shadow:0 14px 32px #0005}.landing .primary{transition:transform .25s ease,box-shadow .25s ease}.landing .primary:hover{transform:translateY(-3px);box-shadow:0 10px 28px #f2a93b55}.grenadier-card{animation:card-pulse 3.5s ease-in-out infinite}@keyframes landing-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes visual-in{from{opacity:0;transform:translateY(25px) rotate(5deg)}to{opacity:1;transform:rotate(2deg)}}@keyframes shine{0%,55%{transform:translateX(-45%)}75%,100%{transform:translateX(45%)}}@keyframes card-pulse{0%,100%{box-shadow:0 0 35px #f2a93b18}50%{box-shadow:0 0 60px #f2a93b42}}@media(prefers-reduced-motion:reduce){.landing-hero-copy,.landing-visual,.grenadier-card{animation:none}.landing-proof>div,.landing-steps article,.landing .rules article,.landing .primary{transition:none}}
/* extra landing motion */
.landing{position:relative;isolation:isolate}.landing::before,.landing::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.landing::before{width:380px;height:380px;top:80px;right:-180px;background:#f2a93b0d;animation:orb-drift 12s ease-in-out infinite}.landing::after{width:260px;height:260px;top:700px;left:-150px;background:#5daeff0d;animation:orb-drift 15s 2s ease-in-out infinite reverse}.site-nav{position:relative}.site-nav::after{content:"";position:absolute;bottom:-1px;left:0;width:25%;height:1px;background:var(--amber);animation:nav-scan 5s ease-in-out infinite}.landing-hero h1{background:linear-gradient(100deg,#fff 20%,#fff 48%,#f2a93b 65%,#fff 80%);background-size:240% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-glow 7s linear infinite}.visual-bar i{position:relative;overflow:hidden}.visual-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff8,transparent);animation:bar-scan 2.4s ease-in-out infinite}.landing-proof>div:nth-child(1),.landing-steps article:nth-child(1){animation:card-in .6s .12s both}.landing-proof>div:nth-child(2),.landing-steps article:nth-child(2){animation:card-in .6s .22s both}.landing-proof>div:nth-child(3),.landing-steps article:nth-child(3){animation:card-in .6s .32s both}.landing-steps article:nth-child(4){animation:card-in .6s .42s both}.landing-cta .primary{animation:cta-pulse 2.8s 1s ease-in-out infinite}.landing-cta{position:relative;overflow:hidden}.landing-cta::before{content:"";position:absolute;width:100px;height:100px;border:1px solid #f2a93b33;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:ring-expand 3s ease-out infinite;pointer-events:none}@keyframes orb-drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-35px,28px) scale(1.18)}}@keyframes nav-scan{0%,100%{left:0;width:18%}50%{left:82%;width:18%}}@keyframes title-glow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes bar-scan{0%{transform:translateX(-100%)}60%,100%{transform:translateX(180%)}}@keyframes card-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes cta-pulse{0%,100%{box-shadow:0 0 0 #f2a93b00}50%{box-shadow:0 0 24px #f2a93b66}}@keyframes ring-expand{0%{opacity:.6;width:70px;height:70px}100%{opacity:0;width:520px;height:520px}}@media(prefers-reduced-motion:reduce){.landing::before,.landing::after,.site-nav::after,.landing-hero h1,.visual-bar i::after,.landing-proof>div,.landing-steps article,.landing-cta .primary,.landing-cta::before{animation:none}}
.combat-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:.65}.landing{z-index:0}
/* live dashboard wow effects */
.live-dot.online{animation:live-ping 1.4s ease-out infinite}.team-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.team-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #0008}.progress-fill{position:relative;overflow:hidden;box-shadow:0 0 12px var(--level-color)}.progress-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,#fff9 50%,transparent 75%);animation:progress-glint 2s linear infinite}.team-t .progress-fill{animation:bar-breathe-red 2.2s ease-in-out infinite}.team-ct .progress-fill{animation:bar-breathe-blue 2.2s ease-in-out infinite}.player{transition:background .25s ease,transform .2s ease,box-shadow .25s ease}.player:hover{z-index:1;transform:translateX(5px);background:#263547;box-shadow:0 0 18px #65b2ff33}.player.he-player{animation:grenadier-pulse 1.8s ease-in-out infinite}.event-bubble{box-shadow:0 0 0 #f2a93b00;animation:event-arrive .25s ease-out,event-glow 2.8s ease-in-out infinite}.event-bubble.level{box-shadow:0 0 18px #65b2ff44}.event-sidebar{backdrop-filter:blur(12px)}.match-score strong b{animation:score-pop 1.8s ease-in-out infinite}.team-card.level-up-flash::after,.team-card.level-down-flash::after{filter:drop-shadow(0 0 14px var(--level-color))}.data-stale .live-dot{animation:none}@keyframes live-ping{0%{box-shadow:0 0 0 0 #60db8970}70%{box-shadow:0 0 0 11px #60db8900}100%{box-shadow:0 0 0 0 #60db8900}}@keyframes progress-glint{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes bar-breathe-red{0%,100%{box-shadow:0 0 8px #ff788066}50%{box-shadow:0 0 20px #ff7880cc}}@keyframes bar-breathe-blue{0%,100%{box-shadow:0 0 8px #65b2ff66}50%{box-shadow:0 0 20px #65b2ffcc}}@keyframes grenadier-pulse{0%,100%{box-shadow:inset 3px 0 #ffc247,0 0 0 #ffc24700}50%{box-shadow:inset 3px 0 #ffc247,0 0 17px #ffc24766}}@keyframes event-glow{0%,100%{border-left-color:var(--amber)}50%{border-left-color:#fff}}@keyframes score-pop{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 16px currentColor}}@media(prefers-reduced-motion:reduce){.live-dot.online,.progress-fill,.team-t .progress-fill,.team-ct .progress-fill,.player.he-player,.event-bubble,.match-score strong b{animation:none}.team-card,.player{transition:none}}
.rules-page{max-width:980px;margin:auto}.rules-hero{padding:80px 24px 45px;border-bottom:1px solid var(--line)}.rules-hero h1{font-size:clamp(48px,7vw,86px);margin:14px 0}.rules-hero p:last-child{font-size:20px;max-width:650px}.rules-prose{max-width:760px;padding:45px 24px 20px;margin:auto;font-size:17px;line-height:1.75}.rules-prose h2{font-size:32px;line-height:1.15;margin:58px 0 14px;color:#fff}.rules-prose h3{font-size:21px;margin:32px 0 4px;color:var(--amber)}.rules-prose p{color:#b9c4d1}.rules-prose .lead{font-size:22px;line-height:1.6;color:#e6edf5}.rules-callout{margin:34px 0;padding:22px 25px;border-left:3px solid var(--amber);background:linear-gradient(100deg,#2b2416,#131a23);border-radius:0 8px 8px 0}.rules-callout b{display:block;color:var(--amber);font-size:11px;letter-spacing:.14em}.rules-callout span{display:block;margin-top:8px;color:#e7edf4;font-size:18px}.rules-cta{text-align:center;margin:50px 24px 90px;padding:65px 25px;background:linear-gradient(130deg,#1d2b3b,#111720);border:1px solid #506176;border-radius:10px}.rules-cta h2{font-size:clamp(32px,5vw,58px);line-height:1.05;margin:10px auto 18px}.rules-cta p{font-size:18px}@media(max-width:700px){.rules-hero{padding:50px 14px 30px}.rules-prose{padding:30px 14px 10px;font-size:16px}.rules-prose .lead{font-size:19px}.rules-prose h2{font-size:28px;margin-top:44px}.rules-cta{margin-inline:14px}}
/* wider site canvas */
.site-nav,.landing,.wrap,footer{max-width:1500px}.page-shell{max-width:1500px}.rules-page{max-width:1380px}.rules-prose{max-width:1040px}.rules-hero{padding-inline:40px}.landing-hero,.landing-section,.grenadier-spotlight{padding-left:40px;padding-right:40px}@media(max-width:700px){.rules-hero,.landing-hero,.landing-section,.grenadier-spotlight{padding-left:14px;padding-right:14px}}
/* keep live dashboard aligned with the other page containers */
@media(min-width:1200px){body:not(.events-collapsed){padding-right:0}.page-shell{margin-left:auto;margin-right:auto}}
.stats-page{max-width:1500px;margin:auto;padding:65px 40px}.stats-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:45px}.stats-hero h1{font-size:clamp(48px,7vw,90px);margin:12px 0}.stats-hero p:not(.kicker){font-size:19px;max-width:600px}.stats-live{display:flex;flex-direction:column;align-items:flex-end;gap:5px;color:#65da8c}.stats-live small{color:var(--muted)}.stats-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats-kpis>div{padding:24px;background:linear-gradient(145deg,#182331,#10161f);border:1px solid var(--line);border-radius:8px}.stats-kpis small,.stats-kpis span{display:block;color:var(--muted);font-size:11px;letter-spacing:.1em}.stats-kpis strong{display:block;font-size:32px;margin:12px 0 4px;overflow:hidden;text-overflow:ellipsis}.stats-current,.stats-history{padding-top:75px}.stats-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.stats-heading h2{font-size:34px;margin:5px 0}.stats-heading a{color:var(--amber);font-weight:700}.stats-history{border-top:1px solid var(--line);margin-top:75px}.record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.record-grid article{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.record-grid h3{margin:0;font-size:20px}.record-note{font-size:12px;margin:5px 0 18px}.record-grid ol{margin:0;padding-left:22px}.record-grid li{padding:8px 0;border-bottom:1px solid #2a374766}.record-grid li:last-child{border:0}.record-grid li span{float:right;color:var(--amber);font-size:12px}.stats-cta{text-align:center;padding:80px 20px}.stats-cta h2{font-size:42px;margin:0 0 8px}.stats-cta .primary{display:inline-block;margin-top:15px}@media(max-width:800px){.stats-page{padding:40px 14px}.stats-hero{display:block}.stats-live{align-items:flex-start;margin-top:25px}.stats-kpis,.record-grid{grid-template-columns:1fr 1fr}.stats-heading{display:block}.stats-heading a{display:inline-block;margin-top:8px}}@media(max-width:480px){.stats-kpis,.record-grid{grid-template-columns:1fr}.stats-cta h2{font-size:32px}}
.player-database{padding:65px 0 20px;border-top:1px solid var(--line);margin-top:65px}.player-database .stats-heading{align-items:center;flex-wrap:wrap}.player-database input,.player-database select{background:#17212d;color:#fff;border:1px solid var(--line);padding:11px;border-radius:6px}.database-table{border:1px solid var(--line);overflow:auto}.db-head,.db-row{display:grid;grid-template-columns:minmax(150px,1fr) 60px 80px 80px 70px 80px 80px;gap:10px;min-width:650px;padding:13px 15px}.db-head{color:var(--muted);font-size:11px;text-transform:uppercase;background:#202b38}.db-row{border-top:1px solid var(--line)}.db-row span,.db-row strong{text-align:right}.db-row b{overflow:hidden;text-overflow:ellipsis}.pager{display:flex;align-items:center;justify-content:center;gap:20px;padding:18px}.pager button{border:1px solid var(--line);background:#182230;color:#fff;padding:9px 13px;border-radius:5px}.pager button:disabled{opacity:.4}
.player-profile{max-width:1200px;margin:auto;padding:65px 40px}.back-link{color:var(--muted);font-weight:700}.profile-hero{display:flex;align-items:center;gap:25px;padding:55px 0}.profile-avatar{width:90px;height:90px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,var(--amber),#b86c18);color:#10151c;font-size:42px;font-weight:900}.profile-hero h1{font-size:clamp(48px,7vw,84px);margin:8px 0}.profile-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile-kpis>div,.profile-panel{padding:25px;background:linear-gradient(145deg,#182331,#10161f);border:1px solid var(--line);border-radius:8px}.profile-kpis small,.profile-kpis span{display:block;color:var(--muted);font-size:11px}.profile-kpis strong{display:block;font-size:34px;margin:10px 0}.profile-panel{margin-top:18px}.profile-record{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.profile-record span{display:block;color:var(--muted)}.profile-record b{font-size:28px}.profile-panel .primary{display:inline-block;margin-top:15px}@media(max-width:700px){.player-profile{padding:40px 14px}.profile-kpis,.profile-record{grid-template-columns:1fr 1fr}.profile-hero{padding:40px 0}.profile-avatar{width:65px;height:65px;font-size:30px}}
.database-table .db-head,.database-table .db-row{grid-template-columns:minmax(220px,1fr) 70px repeat(5,88px);align-items:center}.database-table .db-head span:not(:first-child){text-align:right}.database-table .db-row span,.database-table .db-row strong{text-align:right}.database-table .db-head,.database-table .db-row{padding-left:18px;padding-right:18px}
/* global CS 1.6 HUD atmosphere */
body{position:relative;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.045;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#fff 4px),radial-gradient(circle at 20% 20%,#fff 0 1px,transparent 1px);background-size:auto,7px 7px;mix-blend-mode:screen;animation:hud-scan 9s linear infinite}.site-nav a,.back-link,.landing-link,.stats-heading a{transition:color .2s ease,text-shadow .2s ease}.site-nav a:hover,.back-link:hover,.landing-link:hover,.stats-heading a:hover{color:#fff;text-shadow:0 0 12px currentColor}.primary,.connect{position:relative;overflow:hidden;box-shadow:0 0 0 #f2a93b00;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.primary::after,.connect::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#fff8 50%,transparent 65%);transform:translateX(-120%);animation:button-sweep 4s ease-in-out infinite}.primary:hover,.connect:hover{filter:brightness(1.12);box-shadow:0 0 22px #f2a93b66}.hero-card,.team,.stats-kpis>div,.record-grid article,.profile-panel{transition:border-color .3s ease,box-shadow .3s ease}.hero-card:hover,.team:hover,.stats-kpis>div:hover,.record-grid article:hover,.profile-panel:hover{border-color:#58718c;box-shadow:0 0 24px #5daeff22}@keyframes hud-scan{from{transform:translateY(0)}to{transform:translateY(7px)}}@keyframes button-sweep{0%,55%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}@media(prefers-reduced-motion:reduce){body::before,.primary::after,.connect::after{animation:none}.site-nav a,.back-link,.landing-link,.stats-heading a,.primary,.connect,.hero-card,.team,.stats-kpis>div,.record-grid article,.profile-panel{transition:none}}
/* animated arena background on every page */
body{background:radial-gradient(circle at 15% 0%,#1b2a3a 0%,transparent 38%),radial-gradient(circle at 90% 80%,#18283a 0%,transparent 34%),linear-gradient(120deg,#080b11,#0d1520,#080b11);background-size:140% 140%,160% 160%,220% 220%;animation:arena-drift 18s ease-in-out infinite alternate}.site-nav,footer{background:#080b11aa;backdrop-filter:blur(8px)}@keyframes arena-drift{0%{background-position:0% 0%,100% 100%,0% 50%}50%{background-position:45% 20%,55% 75%,100% 50%}100%{background-position:100% 0%,0% 100%,0% 50%}}@media(prefers-reduced-motion:reduce){body{animation:none}}
/* performance mode: avoid full-page background repaints */
body{animation:none!important;background-size:100% 100%,100% 100%,100% 100%!important}body::before{animation:none!important;opacity:.025!important}.landing::before,.landing::after{animation:none!important;opacity:.35}
.site-nav{position:sticky;top:0;z-index:40;background:#080b11e8;backdrop-filter:blur(14px);box-shadow:0 8px 24px #0003}
.site-nav{transition:padding .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease}.site-nav.is-scrolled{padding-top:10px;padding-bottom:10px;background:#080b11f5;box-shadow:0 10px 32px #0008;border-color:#52677d}.site-nav.is-scrolled .logo span:first-child{transform:scale(.88);transition:transform .3s ease}.site-nav .logo span:first-child{transition:transform .3s ease}