*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
:root{
  --af-orange:#F5C800;
  --af-dark:#111110;
  --af-surface:#1a1917;
  --af-surface2:#201e1b;
  --af-border:#2e2c28;
  --af-text:#e8e4d8;
  --af-muted:#8a8474;
  --af-gold:#F5C800;
  --af-gold-dim:rgba(245,200,0,0.25);
  --af-win:#3ae07a;
  --af-loss:#e03a3a;
}
body{
  background:
    radial-gradient(ellipse at 20% 20%, rgba(245,200,0,0.05) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 80%, rgba(245,200,0,0.04) 0%, transparent 50%),
    radial-gradient(ellipse at 50% 50%, rgba(20,20,10,0.4) 0%, transparent 70%),
    #0d0d0b;
  min-height:100vh;
  margin:0;padding:0;
  font-family:'Barlow',sans-serif;
  display:block;
}
.site-container{
  max-width:820px;
  margin:0 auto;
  padding:0 1rem;
}
@media(max-width:820px){
  .site-container{padding:0;}
}

/* ── Trophy marquee ── */
.trophy-banner{background:linear-gradient(90deg,#141400,#1e1e00,#141400);border-bottom:1px solid var(--af-gold);overflow:hidden;height:28px;display:flex;align-items:center;position:relative;}
.trophy-banner::before,.trophy-banner::after{content:'';position:absolute;top:0;bottom:0;width:40px;z-index:2;}
.trophy-banner::before{left:0;background:linear-gradient(90deg,#1a1200,transparent);}
.trophy-banner::after{right:0;background:linear-gradient(270deg,#1a1200,transparent);}
.marquee-track{display:flex;animation:marquee 18s linear infinite;white-space:nowrap;}
.marquee-track span{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--af-gold);letter-spacing:0.18em;padding:0 3rem;}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ── Page ── */

/* ── Animated gradient border wrapper ── */
.page-wrapper{
  width:100%;
  margin:0 auto;
  position:relative;
  padding:1.5px;
  border-radius:0;
  background:var(--af-border);
}
.page-wrapper::before{
  content:'';
  position:absolute;inset:0;
  background:conic-gradient(
    from var(--angle, 0deg),
    #F5C800 0%, #ffffff 25%, #F5C800 50%, #e0b800 75%, #F5C800 100%
  );
  animation:rotateBorder 4s linear infinite;
  z-index:0;
}
@media(max-width:820px){
  .page-wrapper{
    padding:0;
    border-left:1.5px solid transparent;
    border-right:1.5px solid transparent;
    border-image:linear-gradient(180deg,#E8621A,#c9a84c,#E8621A) 1;
    background:transparent;
  }
  .page-wrapper::before{display:none;}
}
@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false;}
@keyframes rotateBorder{to{--angle:360deg;}}
.page{
  background:var(--af-dark);color:var(--af-text);width:100%;
  position:relative;overflow:hidden;z-index:1;
}
.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.08) 2px,rgba(0,0,0,0.08) 4px);pointer-events:none;z-index:0;}
.content{position:relative;z-index:1;}

/* ── CINEMATIC HERO ── */
.hero{
  position:relative;overflow:hidden;
  padding:0;
  border-bottom:2px solid var(--rcm-yellow, var(--af-orange));
  background:
    linear-gradient(180deg, rgba(232,98,26,0.04) 0%, transparent 60%),
    linear-gradient(135deg, rgba(201,168,76,0.03) 0%, transparent 50%);
}
/* Diagonal slash accent */
.hero::before{
  content:'';position:absolute;
  top:0;right:0;width:35%;height:100%;
  background:linear-gradient(135deg,transparent 40%,rgba(232,98,26,0.04) 40%,rgba(245,200,0,0.05) 60%,transparent 60%);
  pointer-events:none;z-index:0;
}
/* Gold top rule */
.hero::after{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--af-gold),rgba(201,168,76,0.2),transparent);
  z-index:2;
}
.hero-inner{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:2rem;
  padding:2.25rem 2.5rem;
}
/* Left: logo */
.hero-logo{flex-shrink:0;}
.hero-blurb{
  font-family:'Barlow',sans-serif;
  font-size:13px;font-weight:400;
  color:var(--af-text);opacity:0.7;
  line-height:1.5;margin:0.5rem 0 0.6rem;
  max-width:360px;
}
.hero-eyebrow{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  color:var(--af-orange);letter-spacing:0.28em;text-transform:uppercase;
  margin-bottom:0.3rem;display:flex;align-items:center;gap:8px;
}
.hero-eyebrow::before{content:'';display:inline-block;width:18px;height:1px;background:var(--af-orange);}
.hero-name{
  font-family:'Bebas Neue',sans-serif;
  font-size:80px;line-height:0.92;
  letter-spacing:0.03em;
  color:var(--af-text);
  text-shadow:0 0 60px rgba(232,98,26,0.12);
}
.hero-name span{color:var(--af-orange);}
.hero-sub{
  display:flex;align-items:center;gap:0.75rem;margin-top:0.6rem;flex-wrap:wrap;
}
.hero-badge{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  letter-spacing:0.14em;padding:4px 12px;
  background:var(--af-orange);color:#fff;
}
.hero-champ-badge{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  letter-spacing:0.14em;padding:4px 12px;
  background:rgba(201,168,76,0.12);
  border:1px solid var(--af-gold);
  color:var(--af-gold);
}
/* Right: stats panel */
.hero-stats{
  display:flex;flex-direction:column;gap:0;
  border:0.5px solid var(--af-border);
  background:rgba(0,0,0,0.3);
  min-width:160px;
}
.hero-stat-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:0.55rem 1rem;
  border-bottom:0.5px solid var(--af-border);
  gap:1.5rem;
}
.hero-stat-row:last-child{border-bottom:none;}
.hero-stat-lbl{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-muted);letter-spacing:0.12em;text-transform:uppercase;
}
.hero-stat-val{
  font-family:'Bebas Neue',sans-serif;font-size:22px;
  color:var(--af-gold);line-height:1;letter-spacing:0.04em;
}
.hero-stat-val.record{font-size:16px;color:var(--af-text);}
.hero-flags{display:flex;gap:3px;align-items:center;flex-wrap:wrap;max-width:90px;}
.hero-flags img{width:20px;height:13px;object-fit:cover;border:0.5px solid rgba(255,255,255,0.08);}

/* ── CHAMPIONSHIP STATEMENT BAR ── */
.champ-bar{
  position:relative;
  background:linear-gradient(90deg,rgba(201,168,76,0.14),rgba(201,168,76,0.07),rgba(201,168,76,0.14));
  border-bottom:1px solid rgba(201,168,76,0.35);
  padding:0.8rem 2.5rem;
  display:flex;align-items:center;justify-content:center;gap:2rem;
  overflow:hidden;
}
.champ-bar::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 20%,rgba(201,168,76,0.06) 50%,transparent 80%);
  background-size:200% 100%;
  animation:shimmer 4s ease-in-out infinite;
  pointer-events:none;
}
.champ-bar-crown{font-size:22px;filter:drop-shadow(0 0 8px rgba(201,168,76,0.6));}
.champ-bar-text{
  font-family:'Bebas Neue',sans-serif;font-size:26px;
  letter-spacing:0.18em;color:var(--af-gold);
  text-shadow:0 0 30px rgba(201,168,76,0.4);
}
.champ-bar-season{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  color:rgba(201,168,76,0.7);letter-spacing:0.2em;
  border:0.5px solid rgba(201,168,76,0.3);padding:3px 10px;
}

/* ── STARTING LINEUP (replaces roster grid) ── */
.lineup-section{padding:1.75rem 2rem 1.5rem;}
.lineup-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.25rem;}
.lineup-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:0.08em;color:var(--af-text);}
.lineup-line{flex:1;height:1px;background:var(--af-border);}
.lineup-grid{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:6px;
  overflow-x:auto;
  min-width:0;
  grid-template-rows:1fr;
}
/* ensure cards never shrink below a readable size */
.lineup-grid .lineup-card{
  min-width:80px;
}
.lineup-card{
  background:var(--af-surface);
  border:0.5px solid var(--af-border);
  border-top:2px solid transparent;
  display:flex;flex-direction:column;align-items:center;
  justify-content:flex-start;
  padding:0.65rem 0.4rem 0.65rem;
  cursor:pointer;
  position:relative;overflow:hidden;
  transition:border-color 0.15s,transform 0.12s,background 0.12s,box-shadow 0.12s;
  text-decoration:none;color:inherit;
  opacity:0;
  animation:cardIn 0.35s ease forwards;
  isolation:isolate;
}
.lc-avatar-wrap{position:relative;flex-shrink:0;display:inline-block;}
.lc-class-icon{
  position:absolute;bottom:-5px;right:-5px;
  width:20px;height:20px;
  background:transparent;border:none;
  display:flex;align-items:center;justify-content:center;
  z-index:4;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,0.9));
}
.lc-class-icon img{width:18px;height:18px;object-fit:contain;}
.lc-class-icon-abbr{font-family:'Share Tech Mono',monospace;font-size:7px;font-weight:700;color:var(--af-muted);text-shadow:0 1px 3px rgba(0,0,0,0.9);}
.lineup-card:hover{transform:translateY(-6px);background:var(--af-surface2);box-shadow:0 10px 24px rgba(0,0,0,0.45);}
.lineup-card:hover img,.sub-lineup-card:hover img{filter:none!important;}
/* Class-specific top border colours */
.lineup-card.scout{border-top-color:var(--af-gold);}
.lineup-card.soldier{border-top-color:var(--af-gold);}
.lineup-card.pyro{border-top-color:var(--af-gold);}
.lineup-card.demo{border-top-color:var(--af-gold);}
.lineup-card.heavy{border-top-color:var(--af-gold);}
.lineup-card.engi{border-top-color:var(--af-gold);}
.lineup-card.medic{border-top-color:var(--af-gold);}
.lineup-card.sniper{border-top-color:var(--af-gold);}
.lineup-card.spy{border-top-color:var(--af-gold);}
/* Hover glow matching class colour */
.lineup-card.scout:hover{box-shadow:0 4px 16px rgba(245,200,0,0.2),0 10px 24px rgba(0,0,0,0.4);}
.lineup-card.soldier:hover{box-shadow:0 4px 16px rgba(245,200,0,0.2),0 10px 24px rgba(0,0,0,0.4);}
.lineup-card.pyro:hover{box-shadow:0 4px 16px rgba(245,200,0,0.2),0 10px 24px rgba(0,0,0,0.4);}
.lineup-card.demo:hover{box-shadow:0 4px 16px rgba(245,200,0,0.2),0 10px 24px rgba(0,0,0,0.4);}
.lineup-card.heavy:hover{box-shadow:0 4px 16px rgba(245,200,0,0.2),0 10px 24px rgba(0,0,0,0.4);}
.lineup-card.engi:hover{box-shadow:0 4px 16px rgba(245,200,0,0.2),0 10px 24px rgba(0,0,0,0.4);}
.lineup-card.medic:hover{box-shadow:0 4px 16px rgba(245,200,0,0.2),0 10px 24px rgba(0,0,0,0.4);}
.lineup-card.sniper:hover{box-shadow:0 4px 16px rgba(245,200,0,0.2),0 10px 24px rgba(0,0,0,0.4);}
.lineup-card.spy:hover{box-shadow:0 4px 16px rgba(245,200,0,0.2),0 10px 24px rgba(0,0,0,0.4);}

.lc-avatar{
  width:52px;height:52px;
  border-radius:3px;object-fit:cover;
  border:1.5px solid var(--af-border);
  background:var(--af-surface2);
  flex-shrink:0;
  display:block;
  transition:border-color 0.15s;
}
.lineup-card:hover .lc-avatar{border-color:rgba(245,200,0,0.3);}
.lineup-card:hover .lc-avatar,.lineup-card:hover .lc-class img,.sub-lineup-card:hover .lc-avatar,.sub-lineup-card:hover .lc-class img{filter:none!important;}
.lc-icon{
  width:52px;height:52px;border-radius:3px;
  display:flex;align-items:center;justify-content:center;
  font-family:'Share Tech Mono',monospace;font-size:11px;font-weight:700;
  flex-shrink:0;
}
.lc-class{display:none;}
.lc-name{
  font-family:'Bebas Neue',sans-serif;font-size:14px;
  letter-spacing:0.06em;
  color:var(--af-text);
  text-align:center;
  line-height:1;
  margin-top:7px;
  display:block;width:100%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  transition:color 0.15s;
}
.lineup-card.scout:hover .lc-name{color:var(--af-gold);}
.lineup-card.soldier:hover .lc-name{color:var(--af-gold);}
.lineup-card.pyro:hover .lc-name{color:var(--af-gold);}
.lineup-card.demo:hover .lc-name{color:var(--af-gold);}
.lineup-card.heavy:hover .lc-name{color:var(--af-gold);}
.lineup-card.engi:hover .lc-name{color:var(--af-gold);}
.lineup-card.medic:hover .lc-name{color:var(--af-gold);}
.lineup-card.sniper:hover .lc-name{color:var(--af-gold);}
.lineup-card.spy:hover .lc-name{color:var(--af-gold);}
.lineup-card.captain-card .lc-name{color:var(--af-gold);font-size:19px;}
.lineup-card.vc-card .lc-name{color:var(--af-orange);font-size:18px;}
.lc-flag{
  width:16px;height:10px;object-fit:cover;
  border:0.5px solid rgba(255,255,255,0.06);
  margin-top:5px;
  display:block;
  opacity:0.5;
  transition:opacity 0.15s;
}
.lineup-card:hover .lc-flag{opacity:1;}
.captain-label,.vc-label{
  font-family:'Share Tech Mono',monospace;font-size:7px;
  letter-spacing:0.08em;font-weight:700;
  padding:2px 4px;margin-top:4px;
  text-align:center;
  position:relative;z-index:1;
  white-space:nowrap;display:block;width:100%;
}
.captain-label{
  color:#111;
  background:linear-gradient(135deg,#e8c96a,#c9a84c,#a8893a);
}
.vc-label{
  color:#fff;
  background:linear-gradient(135deg,#f07a3a,#E8621A,#b84d12);
}
.lc-active{
  position:absolute;top:5px;left:5px;
  width:5px;height:5px;border-radius:50%;
  background:#3ae07a;
  box-shadow:0 0 4px rgba(58,224,122,0.8);
  animation:pulse 2s infinite;
  z-index:4;
}
/* Tap hint — fixed to bottom, slides up on hover */
.lc-tap-hint{
  position:absolute;bottom:0;left:0;right:0;
  font-family:'Share Tech Mono',monospace;font-size:7px;
  letter-spacing:0.06em;color:#fff;
  background:rgba(232,98,26,0.9);
  text-align:center;padding:3px 2px;
  opacity:0;transform:translateY(100%);
  transition:opacity 0.15s,transform 0.15s;
  pointer-events:none;
  z-index:3;
}
.lineup-card:hover .lc-tap-hint,
.sub-lineup-card:hover .lc-tap-hint{opacity:1;transform:translateY(0);}
.lineup-card.captain-card:hover .lc-tap-hint{background:rgba(201,168,76,0.92);color:#111;}
.lineup-card.vc-card:hover .lc-tap-hint{background:rgba(232,98,26,0.9);}

/* ── Vice Captain card — crs ── */
.lineup-card.vc-card{
  border:1.5px solid var(--af-orange);
  background:linear-gradient(160deg,rgba(232,98,26,0.08),rgba(232,98,26,0.03));
}
.lineup-card.vc-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(160deg,transparent 40%,rgba(232,98,26,0.05) 60%,transparent 80%);
  background-size:200% 100%;
  animation:shimmer 3.5s ease-in-out infinite;
  pointer-events:none;z-index:0;
}
.lineup-card.vc-card:hover{
  border-color:var(--af-orange);
  box-shadow:0 0 16px rgba(232,98,26,0.3), 0 10px 22px rgba(0,0,0,0.45);
  transform:translateY(-8px);
}
.lineup-card.vc-card .lc-name{
  color:var(--af-orange);
}
.vc-label{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  letter-spacing:0.14em;color:#fff;font-weight:700;
  background:linear-gradient(135deg,#f07a3a,#E8621A,#b84d12);
  box-shadow:0 0 6px rgba(232,98,26,0.4);
  padding:2px 6px;margin-top:4px;
  text-align:center;
}
.lineup-card.captain-card{
  border:1.5px solid var(--af-gold);
  background:linear-gradient(160deg,rgba(201,168,76,0.1),rgba(201,168,76,0.04));
  grid-row: span 1;
  position:relative;
  z-index:2;
}
.lineup-card.captain-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(160deg,transparent 40%,rgba(201,168,76,0.07) 60%,transparent 80%);
  background-size:200% 100%;
  animation:shimmer 3s ease-in-out infinite;
  pointer-events:none;z-index:0;
}
.lineup-card.captain-card:hover{
  border-color:var(--af-gold);
  box-shadow:0 0 24px rgba(201,168,76,0.45), 0 12px 28px rgba(0,0,0,0.5);
  transform:translateY(-10px);
}
.lineup-card.captain-card .lc-avatar{
  border:1.5px solid var(--af-gold);
  box-shadow:0 0 10px rgba(201,168,76,0.25);
}
.lineup-card.captain-card .lc-name{
  color:var(--af-gold);
  text-shadow:0 0 12px rgba(201,168,76,0.3);
}
.lineup-card.captain-card .lc-class{
  color:rgba(201,168,76,0.7);
}
/* CH — pyro orange border to distinguish from sniper green */
.lineup-card.pyro{border-top-color:var(--af-gold);}
.lineup-card.pyro .lc-icon{background:#2e221a;color:#e07a3a;}
.lineup-grid .lineup-card:nth-child(1){animation-delay:0.04s;}
.lineup-grid .lineup-card:nth-child(2){animation-delay:0.08s;}
.lineup-grid .lineup-card:nth-child(3){animation-delay:0.12s;}
.lineup-grid .lineup-card:nth-child(4){animation-delay:0.16s;}
.lineup-grid .lineup-card:nth-child(5){animation-delay:0.20s;}
.lineup-grid .lineup-card:nth-child(6){animation-delay:0.24s;}
.lineup-grid .lineup-card:nth-child(7){animation-delay:0.28s;}
.lineup-grid .lineup-card:nth-child(8){animation-delay:0.32s;}
.lineup-grid .lineup-card:nth-child(9){animation-delay:0.36s;}

/* Responsive hero */
/* ════════════════════════════════════════
   MOBILE — comprehensive
════════════════════════════════════════ */
/* ── Hamburger nav ── */
.nav-hamburger{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  background:none;border:none;cursor:pointer;padding:6px;
  width:36px;height:36px;flex-shrink:0;
}
.nav-hamburger span{
  display:block;height:2px;width:22px;
  background:var(--af-text);
  transition:transform 0.2s,opacity 0.2s;
}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.site-nav-links{display:flex;align-items:center;flex:1;overflow:hidden;}

@media(max-width:700px){
  /* ── Nav — compact hamburger ── */
  .site-nav{
    display:none!important;
  }
  .site-nav-logo{font-size:13px;letter-spacing:0.18em;padding:0.6rem 0;}
  .site-nav-links{
    display:none;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    order:3;
    border-top:1px solid var(--af-border);
    padding:0.3rem 0;
    background:var(--af-dark);
    gap:0;
  }
  .site-nav-links.open{display:flex;}
  .site-nav-links a{
    width:50%;
    padding:0.45rem 0.75rem;
    font-size:9px;letter-spacing:0.1em;
    border-bottom:1px solid rgba(46,44,40,0.3);
    box-sizing:border-box;
  }
  .site-nav-links a:nth-last-child(-n+2){border-bottom:none;}
  .site-nav-right{display:flex;align-items:center;gap:0.5rem;margin-left:auto;padding:0.4rem 0;}
  .site-nav-submit{font-size:8px;padding:4px 8px;}
  .nav-hamburger{display:flex;}

  /* ── Hero ── */
  .hero-inner{
    grid-template-columns:1fr;
    gap:0.75rem;
    padding:1.25rem 1rem;
  }
  .hero-logo{display:flex;justify-content:center;}
  .hero-logo svg{width:56px;height:56px;}
  .hero-identity{text-align:center;}
  .hero-eyebrow{justify-content:center;font-size:9px;}
  .hero-eyebrow::before{display:none;}
  .hero-name{font-size:52px;line-height:0.9;}
  .hero-blurb{font-size:12px;max-width:100%;text-align:center;}
  .hero-sub{justify-content:center;gap:0.5rem;}
  .hero-badge,.hero-champ-badge{font-size:9px;padding:3px 10px;}
  .hero-slash{display:none;}
  .hero-stats{
    display:grid;grid-template-columns:repeat(3,1fr);
    border:0.5px solid var(--af-border);
  }
  .hero-stat-row{
    flex-direction:column;gap:2px;align-items:center;justify-content:center;
    padding:0.55rem 0.35rem;border-bottom:none;
    border-right:0.5px solid var(--af-border);
  }
  .hero-stat-row:last-child,.hero-stat-row:nth-child(3){border-right:none;}
  .hero-stat-val{font-size:18px;}
  .hero-stat-val.record{font-size:12px;}
  .hero-stat-lbl{font-size:7.5px;}
  .hero-flags img{width:15px;height:10px;}

  /* ── Champ bar ── */
  .champ-bar{flex-direction:column;gap:0.35rem;padding:0.6rem 1rem;text-align:center;}
  .champ-bar-crown{font-size:16px;}
  .champ-bar-text{font-size:14px;letter-spacing:0.08em;}
  .champ-bar-season{font-size:8px;}

  /* ── Champ summary ── */
  .champ-summary-inner{flex-wrap:wrap;gap:0.5rem;padding:0.75rem 1rem;}
  .champ-sum-left{width:100%;}
  .champ-sum-title{font-size:15px;}
  .champ-sum-wins,.champ-sum-losses{font-size:26px;}
  .champ-sum-right{flex-direction:row;align-items:center;gap:0.5rem;order:2;flex:1;justify-content:flex-end;}
  .champ-sum-badge{font-size:10px;padding:2px 8px;}

  /* ── Sections ── */
  .section{padding:1rem;}
  .section-title{font-size:17px;letter-spacing:0.12em;}
  .section-title::after{display:none;}
  .divider{margin:0 1rem;}
  .lineup-section{padding:1rem 1rem 0.75rem;}
  .discord-section{padding:0 1rem 1rem;}

  /* ── About ── */
  .about-section{grid-template-columns:1fr;gap:0.75rem;padding:0.75rem 1rem;}
  .about-highlights{flex-wrap:wrap;justify-content:flex-start;}

  /* ── Leadership ── */
  .leadership-label{font-size:8px;}
  .leadership-row{gap:0.5rem;justify-content:center;}
  .leadership-row .lineup-card,
  .leadership-row .lineup-card.captain-card{flex:0 0 calc(50% - 0.25rem);max-width:150px;}

  /* ── Lineup grid — 3 cols × 3 rows, no overflow ── */
  .lineup-grid{
    grid-template-columns:repeat(3,1fr) !important;
    grid-template-rows:unset !important;
    overflow-x:unset !important;
    gap:5px;
    -webkit-mask-image:none;mask-image:none;
  }
  .lineup-grid .lineup-card{
    min-width:0 !important;
    width:100%;
  }
  .lineup-grid .lc-avatar,.lineup-grid .lc-icon{width:40px;height:40px;}
  .lineup-card.captain-card .lc-avatar,
  .lineup-card.captain-card .lc-icon{width:44px;height:44px;}
  .lc-name{font-size:12px;}
  .lineup-card.captain-card .lc-name{font-size:14px;}
  .lc-flag{width:14px;height:9px;}
  .lc-tap-hint{display:none;}

  /* ── Sub grid — 3 cols on tablet ── */
  .sub-lineup-grid{grid-template-columns:repeat(3,1fr)!important;}
  .sub-lineup-grid .sub-lineup-card{min-width:0 !important;}

  /* ── Captain spotlight ── */
  .captain-spotlight{grid-template-columns:1fr;gap:0.75rem;padding:1rem;}
  .cs-avatar,.cs-avatar-icon{width:60px;height:60px;}
  .cs-name{font-size:22px;}

  /* ── Rivals ── */
  .rivals-grid{grid-template-columns:1fr;gap:0.5rem;}

  /* ── Form guide ── */
  .form-guide{overflow-x:auto;flex-wrap:nowrap;padding-bottom:0.35rem;
    -webkit-mask-image:linear-gradient(to right,black 88%,transparent 100%);
    mask-image:linear-gradient(to right,black 88%,transparent 100%);}
  .fg-block{min-width:16px;flex:0 0 16px;height:22px;font-size:7px;}
  .form-legend{font-size:7px;gap:0.6rem;}

  /* ── Season history ── */
  .sb-season-name{font-size:13px;}
  .sb-record{font-size:8px;}
  details.season-block > summary{
    flex-wrap:wrap;
    gap:0.35rem;
    padding:0.75rem 1rem;
  }
  .sb-season-name{flex:1 1 100%;}
  .sb-record{flex:1;}
  .streak-row{display:none;}
  .round-row{grid-template-columns:34px 1fr auto;gap:0.3rem;padding:0.4rem 0.75rem;}
  .rr-opp{font-size:11px;}
  .rr-score{font-size:12px;min-width:26px;}
  .rr-logs{display:none;}
  .rr-map{display:none;}
  .rr-multi-header{grid-template-columns:34px 1fr auto;}
  .map-pill{display:none;}
  .mwr-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));}
  .gf-header{padding:0.6rem 0.85rem;flex-wrap:wrap;gap:0.35rem;}
  .gf-opp{font-size:12px;}

  /* ── Countdown ── */
  .countdown-strip{padding:0.5rem 1rem;gap:0.5rem;flex-wrap:nowrap;}
  .cd-match{display:none;}
  .cd-num{font-size:18px;}
  .cd-label{font-size:7px;}

  /* ── Discord ── */
  .discord-card{flex-wrap:wrap;gap:0.6rem;padding:0.85rem 1rem;}
  .discord-desc{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .discord-join-btn{width:100%;text-align:center;padding:8px;}

  /* ── Footer / social ── */
  .share-bar{padding:0.75rem 1rem;gap:0.4rem;flex-wrap:wrap;}
  .share-btn{font-size:9px;padding:4px 8px;}
  .footer{padding:0.75rem 1rem;flex-direction:column;gap:0.3rem;align-items:flex-start;}
  .recruit-banner{padding:0.5rem 1rem;}

  /* ── Profile modal — full-screen with tab switcher ── */
  .profile-overlay{
    padding:0;
    align-items:flex-end;
    justify-content:center;
    flex-direction:column;
    gap:0;
  }
  .profile-modal{
    max-width:100%;width:100%;
    border-radius:0;border-left:none;border-right:none;border-bottom:none;
    max-height:88vh;
    border-top:3px solid var(--pm-accent,var(--af-gold));
    order:2;
  }
  /* Achievements panel hidden by default on mobile, shown via tab */
  .profile-overlay.visible .pm-achievements-panel{
    display:none;
    position:fixed;inset:0;
    width:100%;max-width:100%;
    max-height:88vh;
    z-index:201;
    bottom:0;top:auto;
    overflow-y:auto;
  }
  .profile-overlay.visible .pm-achievements-panel.mobile-active{
    display:block;
  }
  /* Tab bar */
  .pm-mobile-tabs{
    display:flex;
    position:fixed;bottom:0;left:0;right:0;
    z-index:202;
    background:var(--af-dark);
    border-top:1px solid var(--af-border);
  }
  .pm-mobile-tab{
    flex:1;padding:0.6rem;
    font-family:'Share Tech Mono',monospace;font-size:9px;
    letter-spacing:0.1em;text-align:center;
    color:var(--af-muted);background:none;border:none;
    cursor:pointer;transition:color 0.15s,background 0.15s;
  }
  .pm-mobile-tab.active{color:var(--af-gold);background:rgba(201,168,76,0.06);}
  /* Push modal content up so tabs don't cover it */
  .profile-overlay.visible .profile-modal{padding-bottom:40px;}
  .profile-overlay.visible .pm-achievements-panel{padding-bottom:40px;}
  .pm-hero{height:180px;}
  .pm-avatar-large,.pm-avatar-icon{width:72px;height:72px;}
  .pm-head-name{font-size:34px;}
  .pm-head-class{font-size:8.5px;}
  .pm-hero-content{padding:1.75rem 1rem 1rem;gap:0.85rem;}
  .pm-hero-eyebrow{font-size:8px;}
  .pm-hero-meta{margin-top:4px;gap:0.3rem;}
  .pm-format-badges{gap:3px;}
  .pm-stats-row{grid-template-columns:repeat(3,1fr);}
  .pm-stat-pill{padding:0.55rem 0.25rem;}
  .pm-stat-pill-val{font-size:17px;}
  .pm-stat-pill-lbl{font-size:7px;}
  .pm-body{padding:0.4rem 1rem 0.2rem;}
  .pm-row{padding:0.45rem 0;font-size:12px;}
  .pm-label{font-size:8px;}
  .pm-stats-toggle{padding:0.7rem 1rem;}
  .pm-stats-toggle-title{font-size:14px;}
  .pm-stats-toggle-sub{font-size:7px;}
  .pm-stats-body{padding:0.4rem 1rem 0.75rem;}
  .pm-stat-row{grid-template-columns:80px 1fr 42px;}
  .pm-stat-val-label{font-size:16px;}
  .pm-winrate{padding:0.5rem 1rem;}
  .pm-footer{padding:0.5rem 1rem;gap:0.3rem;flex-wrap:wrap;}
  .pm-close{top:0.5rem;right:0.6rem;}
}

@media(max-width:400px){
  .hero-name{font-size:40px;}
  .hero-stats{grid-template-columns:repeat(2,1fr);}
  .hero-stat-row:nth-child(2){border-right:none;}
  .hero-stat-row:nth-child(3){border-right:0.5px solid var(--af-border);}
  .hero-stat-row:nth-child(4){border-right:none;}
  .sub-lineup-grid{grid-template-columns:repeat(3,1fr)!important;}
  .lineup-grid{grid-template-columns:repeat(3,1fr);}
  .champ-bar-text{font-size:12px;}
  .about-highlights{display:none;}
  .pm-head-name{font-size:28px;}
  .pm-hero{height:165px;}
  .pm-avatar-large,.pm-avatar-icon{width:64px;height:64px;}
  .pm-format-badges{display:none;}
}

/* ── POLISH: Hero diagonal slash divider ── */
.hero-slash{
  position:absolute;top:0;bottom:0;
  width:2px;
  background:linear-gradient(180deg,transparent,rgba(232,98,26,0.4),rgba(201,168,76,0.3),transparent);
  transform:skewX(-8deg);
  pointer-events:none;
}
.hero-inner{position:relative;}

/* ── POLISH: mazz captain pedestal ── */
.lineup-card.captain-card::after{
  content:'';
  position:absolute;bottom:-4px;left:10%;right:10%;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--af-gold),transparent);
  box-shadow:0 0 8px rgba(201,168,76,0.6);
}

/* ── POLISH: Championship bar title card reveal animation ── */
@keyframes letterReveal{
  from{opacity:0;letter-spacing:0.5em;}
  to{opacity:1;letter-spacing:0.18em;}
}
.champ-bar-text{
  animation:letterReveal 1.2s cubic-bezier(0.4,0,0.2,1) 0.3s both;
}

/* ── POLISH: Live pulsing dot on countdown ── */
.cd-live-dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--af-orange);
  box-shadow:0 0 6px rgba(232,98,26,0.8);
  animation:pulse 1.2s infinite;
  flex-shrink:0;
}

/* ── POLISH: Sub lineup cards — unified style ── */
.sub-lineup-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:6px;
}
.sub-lineup-card{
  background:var(--af-surface);
  border:0.5px solid var(--af-border);
  border-top:2px solid var(--af-muted);
  display:flex;flex-direction:column;align-items:center;
  padding:0.65rem 0.4rem 0.5rem;
  cursor:pointer;
  position:relative;overflow:hidden;
  transition:border-color 0.15s,transform 0.12s,background 0.12s;
  opacity:0.75;
  animation:cardIn 0.35s ease forwards;
}
.sub-lineup-card:hover{
  transform:translateY(-5px);
  background:var(--af-surface2);
  opacity:1;
  border-color:var(--af-muted);
  box-shadow:0 8px 18px rgba(0,0,0,0.4);
}
.sub-lineup-card .lc-avatar{width:42px;height:42px;}
.sub-lineup-card .lc-icon{width:42px;height:42px;font-size:10px;}
.sub-lineup-card .lc-name{font-size:13px;}
.sub-lineup-card .lc-class{font-size:8px;}

/* Sub class border colours (muted versions) */
.sub-lineup-card.scout{border-top-color:rgba(95,196,92,0.45);}
.sub-lineup-card.soldier{border-top-color:rgba(224,92,58,0.45);}
.sub-lineup-card.pyro{border-top-color:rgba(224,122,58,0.45);}
.sub-lineup-card.demo{border-top-color:rgba(122,92,224,0.45);}
.sub-lineup-card.heavy{border-top-color:rgba(224,58,58,0.45);}
.sub-lineup-card.flex{border-top-color:rgba(232,228,216,0.3);}


/* ── Music player ── */
.music-player{
  position:fixed;bottom:1.25rem;right:1.25rem;
  z-index:999;
  display:flex;align-items:center;gap:0.5rem;
  background:rgba(17,17,16,0.92);
  border:0.5px solid var(--af-border);
  padding:6px 10px 6px 8px;
  backdrop-filter:blur(8px);
  transition:opacity 0.3s;
  opacity:0.4;
}
.music-player:hover{opacity:1;}
.music-player-btn{
  background:none;border:none;cursor:pointer;
  color:var(--af-muted);font-size:14px;padding:0;
  line-height:1;transition:color 0.15s;
  width:18px;text-align:center;
}
.music-player-btn:hover{color:var(--af-gold);}
.music-player-btn.playing{color:var(--af-gold);}
.music-player-info{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  color:var(--af-muted);letter-spacing:0.1em;
  line-height:1.4;
}
.music-player-title{color:var(--af-text);font-size:8px;}
.music-player-vol{
  width:48px;height:2px;
  background:var(--af-border);
  border-radius:1px;
  cursor:pointer;
  position:relative;
  margin-top:2px;
}
.music-player-vol-fill{
  height:100%;border-radius:1px;
  background:var(--af-gold);
  width:30%;
  pointer-events:none;
}
@keyframes musicPulse{
  0%,100%{opacity:1;}50%{opacity:0.4;}
}
.music-player.playing .music-player-btn{
  animation:musicPulse 2s ease-in-out infinite;
}
/* ── Nav spotlight effect ── */
/* ── Scroll reveal — sections always visible, cards animate in via cardIn ── */
.scroll-reveal{opacity:1!important;transform:none!important;}

.spotlight-overlay{
  position:fixed;inset:0;
  background:rgba(0,0,0,0);
  z-index:100;
  pointer-events:none;
  transition:background 0.35s ease;
}
.spotlight-overlay.active{background:rgba(0,0,0,0.78);}
@keyframes spotlightGlow{
  0%  {box-shadow:none;outline:none;}
  25% {box-shadow:0 0 0 3px rgba(201,168,76,0.6),0 0 60px rgba(201,168,76,0.18);outline:none;}
  100%{box-shadow:none;outline:none;}
}
.spotlight-target{
  position:relative!important;
  z-index:101!important;
  animation:spotlightGlow 1.8s ease forwards;
}

.section-dropdown{border:none;background:none;width:100%;}
.section-dropdown-summary{
  display:flex;align-items:center;
  cursor:pointer;list-style:none;
  padding-bottom:0.75rem;
  gap:0;
}
.section-dropdown-summary::-webkit-details-marker{display:none;}
.section-dropdown-summary .sb-chevron{
  transition:transform 0.2s;
  color:var(--af-muted);font-size:11px;
  flex-shrink:0;
}
.section-dropdown[open] > .section-dropdown-summary .sb-chevron{transform:rotate(180deg);}
.section-dropdown-body{padding-top:0.5rem;}

/* ── POLISH: Season accordion arrow animation ── */
.sb-chevron{transition:transform 0.25s,color 0.2s,border-color 0.2s;}
details.season-block[open] .sb-chevron{color:var(--af-orange);}
details.season-block.champ-season[open] .sb-chevron{color:var(--af-gold);}
@keyframes accordionFlash{0%{background:rgba(232,98,26,0.15);}100%{background:transparent;}}
details.season-block[open] > summary{animation:accordionFlash 0.4s ease;}
details.season-block.champ-season[open] > summary{animation:none;}

/* ── Sections ── */
.section{padding:1.75rem 2rem;}
.section-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.25rem;}
.section-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:0.08em;color:var(--af-text);}
.section-line{flex:1;height:1px;background:var(--af-border);}
.divider{
  position:relative;height:20px;margin:0 2rem;overflow:visible;
  display:flex;align-items:center;
}
.divider::before{
  content:'';position:absolute;left:0;right:0;top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--af-border) 15%,var(--af-border) 85%,transparent);
}
.divider::after{
  content:'';position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%) skewX(-20deg);
  width:24px;height:10px;
  background:var(--af-dark);
  border-left:1px solid var(--af-orange);
  border-right:1px solid var(--af-orange);
  opacity:0.7;
}

/* ══════════════════════════════════════════
   SEASON HISTORY — ACCORDION
══════════════════════════════════════════ */
.season-accordion{display:flex;flex-direction:column;gap:0.6rem;}

/* Each season is a <details> element */
details.season-block{
  border:0.5px solid var(--af-border);
  overflow:hidden;
  transition:border-color 0.2s;
}
details.season-block[open]{border-color:rgba(201,168,76,0.4);}

details.season-block > summary{
  display:flex;align-items:center;gap:1rem;
  padding:1rem 1.25rem;
  cursor:pointer;list-style:none;user-select:none;
  background:var(--af-surface);
  position:relative;
}
details.season-block > summary::-webkit-details-marker{display:none;}
details.season-block > summary:hover{background:var(--af-surface2);}

.sb-season-name{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:0.08em;color:var(--af-text);flex:1;}
.sb-record{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--af-muted);letter-spacing:0.1em;}
.sb-outcome{
  font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:0.12em;
  color:var(--af-gold);padding:2px 10px;
  border:0.5px solid var(--af-gold-dim);
  background:rgba(201,168,76,0.07);
}
.sb-outcome.tbd{color:var(--af-muted);border-color:var(--af-border);background:transparent;}
.sb-chevron{
  width:20px;height:20px;border:0.5px solid var(--af-border);
  display:flex;align-items:center;justify-content:center;
  font-size:9px;color:var(--af-muted);flex-shrink:0;
  transition:transform 0.22s,border-color 0.2s;
}
details.season-block[open] .sb-chevron{transform:rotate(180deg);border-color:var(--af-gold-dim);}


/* ── Phase headers (Regular Season / Playoffs) ── */
.phase-header{
  display:flex;align-items:center;gap:0.75rem;
  padding:0.65rem 1.25rem;
  background:rgba(0,0,0,0.2);
  border-bottom:1px solid var(--af-border);
}
.phase-header-title{
  font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:0.2em;
  text-transform:uppercase;color:var(--af-muted);
}
.phase-header-line{flex:1;height:1px;background:var(--af-border);}
.phase-header.playoffs .phase-header-title{color:var(--af-gold);opacity:0.8;}
.phase-header.playoffs .phase-header-line{background:var(--af-gold-dim);}

/* ── Round rows ── */
.round-row{
  display:grid;
  grid-template-columns:52px 1fr auto auto;
  align-items:center;gap:0.75rem;
  padding:0.6rem 1.25rem;
  border-bottom:1px solid rgba(46,44,40,0.5);
  border-left:2px solid transparent;
  transition:background 0.12s,border-left-color 0.12s;
  position:relative;
}
.round-row:last-child{border-bottom:none;}
.round-row:hover{background:rgba(255,255,255,0.02);}
.round-row.win{border-left-color:var(--af-win);}
.round-row.loss{border-left-color:var(--af-loss);}
.round-row.bye,.round-row.ff{border-left-color:var(--af-border);opacity:0.6;}

.rr-num{
  font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--af-muted);
  letter-spacing:0.08em;
}
.rr-opp{
  font-size:13px;font-weight:500;color:var(--af-text);
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.rr-map{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-muted);margin-left:6px;font-weight:400;
  letter-spacing:0.04em;
}
.rr-score{
  font-family:'Bebas Neue',sans-serif;font-size:17px;letter-spacing:0.05em;
  white-space:nowrap;text-align:right;min-width:40px;
}
.rr-score.win{color:var(--af-win);}
.rr-score.loss{color:var(--af-loss);}
.rr-score.neutral{color:var(--af-muted);font-size:13px;}
.rr-logs{
  display:flex;gap:4px;align-items:center;flex-wrap:nowrap;
}
.rr-log{
  font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--af-muted);
  text-decoration:none;border:0.5px solid var(--af-border);
  padding:2px 6px;letter-spacing:0.06em;
  transition:all 0.12s;white-space:nowrap;
}
.rr-log:hover{color:var(--af-orange);border-color:var(--af-orange);}

/* ── Multi-match rows ── */
.round-multi{
  border-bottom:1px solid rgba(46,44,40,0.5);
  border-left:2px solid var(--af-win);
}
.round-multi:last-child{border-bottom:none;}
.round-multi.loss-multi{border-left-color:var(--af-loss);}
.rr-multi-header{
  display:grid;
  grid-template-columns:52px 1fr auto auto;
  align-items:center;gap:0.75rem;
  padding:0.6rem 1.25rem 0.4rem;
  cursor:pointer;
}
.rr-multi-label{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-muted);letter-spacing:0.08em;margin-left:4px;
}
.rr-sub-matches{
  padding:0 1.25rem 0.5rem 3.5rem;
  display:flex;flex-direction:column;gap:0.3rem;
}
.rr-sub-match{
  display:grid;grid-template-columns:1fr auto auto;
  align-items:center;gap:0.75rem;
  padding:0.3rem 0.6rem;
  background:rgba(0,0,0,0.15);
  border-left:1px solid rgba(46,44,40,0.6);
}
.rsm-map{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--af-muted);letter-spacing:0.05em;}
.rsm-score{font-family:'Bebas Neue',sans-serif;font-size:15px;letter-spacing:0.04em;}
.rsm-score.win{color:var(--af-win);}
.rsm-score.loss{color:var(--af-loss);}

/* ── Playoffs round cards ── */
.playoff-card{
  margin:0.75rem 1.25rem;
  border:0.5px solid var(--af-border);
  border-left:3px solid var(--af-win);
  overflow:hidden;
}
.playoff-card-header{
  display:flex;align-items:center;gap:0.75rem;
  padding:0.7rem 1rem;
  background:rgba(58,224,122,0.04);
  border-bottom:1px solid var(--af-border);
}
.pc-stage{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--af-muted);letter-spacing:0.12em;text-transform:uppercase;}
.pc-opp{font-weight:600;font-size:14px;color:var(--af-text);flex:1;}
.pc-result{font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:0.08em;color:var(--af-win);background:rgba(58,224,122,0.08);padding:2px 10px;border:0.5px solid rgba(58,224,122,0.25);}
.playoff-match-row{
  display:grid;grid-template-columns:1fr auto auto;
  align-items:center;gap:0.75rem;
  padding:0.5rem 1rem;
  border-top:1px solid rgba(46,44,40,0.45);
  font-size:13px;
}
.pm-map{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--af-muted);letter-spacing:0.06em;}
.pm-score{font-family:'Bebas Neue',sans-serif;font-size:17px;letter-spacing:0.05em;}
.pm-score.win{color:var(--af-win);}
.pm-log{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--af-muted);text-decoration:none;border:0.5px solid var(--af-border);padding:2px 6px;transition:all 0.12s;}
.pm-log:hover{color:var(--af-orange);border-color:var(--af-orange);}

/* ── Grand Final card ── */
.grand-final-card{
  margin:0.75rem 1.25rem 1.25rem;
  border:1.5px solid var(--af-gold);
  background:linear-gradient(135deg,rgba(201,168,76,0.06) 0%,transparent 55%);
  position:relative;overflow:hidden;
}
.grand-final-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 38%,rgba(201,168,76,0.08) 50%,transparent 62%);
  background-size:200% 100%;
  animation:shimmer 4s ease-in-out infinite;pointer-events:none;
}
@keyframes shimmer{0%,100%{background-position:220% 0;}50%{background-position:-220% 0;}}
.gf-crown{position:absolute;top:0.7rem;right:1.1rem;font-size:20px;opacity:0.3;pointer-events:none;}
.gf-header{
  padding:0.9rem 1.2rem;
  border-bottom:1px solid rgba(201,168,76,0.22);
  display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;
}
.gf-badge{
  font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.16em;
  background:var(--af-gold);color:#111;padding:2px 9px;text-transform:uppercase;font-weight:700;
}
.gf-opp{font-weight:700;font-size:16px;color:var(--af-text);flex:1;}
.gf-result{font-family:'Bebas Neue',sans-serif;font-size:15px;letter-spacing:0.1em;color:var(--af-gold);}
.gf-match-row{
  display:grid;grid-template-columns:1fr auto auto;
  align-items:center;gap:0.75rem;
  padding:0.55rem 1.2rem;
  border-top:1px solid rgba(201,168,76,0.12);
  font-size:13px;
}
.gf-match-row:first-child{border-top:none;}
.gf-map{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--af-gold);letter-spacing:0.07em;opacity:0.75;}
.gf-score{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:0.05em;color:var(--af-gold);}
.gf-log{font-family:'Share Tech Mono',monospace;font-size:9px;color:rgba(201,168,76,0.5);text-decoration:none;border:0.5px solid rgba(201,168,76,0.22);padding:2px 6px;transition:all 0.12s;}
.gf-log:hover{color:var(--af-gold);border-color:var(--af-gold);}
.gf-combined-row{
  padding:0.6rem 1.2rem;border-top:1px solid rgba(201,168,76,0.15);
  display:flex;align-items:center;gap:0.5rem;
}
.gf-combined-lbl{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--af-muted);letter-spacing:0.1em;opacity:0.6;}
.gf-combined-link{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--af-muted);text-decoration:none;border:0.5px solid var(--af-border);padding:3px 10px;letter-spacing:0.1em;transition:all 0.15s;}
.gf-combined-link:hover{color:var(--af-gold);border-color:var(--af-gold);}

/* Upcoming season stub */
details.season-block.upcoming > summary{opacity:0.45;cursor:default;pointer-events:none;}

/* u2500u2500 Smooth accordion animation u2500u2500 */
.season-body{
  border-top:1px solid var(--af-border);
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows 0.38s cubic-bezier(0.4,0,0.2,1);
}
.season-body-inner{overflow:hidden;}
details.season-block[open] .season-body{grid-template-rows:1fr;}

/* u2500u2500 Win/loss streak dots u2500u2500 */
.streak-row{display:flex;gap:3px;align-items:center;flex-wrap:nowrap;overflow:hidden;max-width:160px;}
.streak-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.streak-dot.w{background:var(--af-win);}
.streak-dot.l{background:var(--af-loss);}
.streak-dot.b{background:var(--af-muted);opacity:0.4;}

/* u2500u2500 Section entrance animation u2500u2500 */
@keyframes sectionIn{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
.section,.divider{opacity:0;animation:sectionIn 0.45s ease forwards;}
.header{animation:sectionIn 0.45s ease 0.05s forwards;opacity:0;}
.trophy-banner{animation:sectionIn 0.3s ease forwards;opacity:0;}
.section:nth-of-type(1){animation-delay:0.12s;}
.section:nth-of-type(2){animation-delay:0.22s;}
.section:nth-of-type(3){animation-delay:0.32s;}
.section:nth-of-type(4){animation-delay:0.40s;}
.section:nth-of-type(5){animation-delay:0.46s;}
.divider:nth-of-type(1){animation-delay:0.18s;}
.divider:nth-of-type(2){animation-delay:0.28s;}

/* u2500u2500 Jump to playoffs link u2500u2500 */
.jump-playoffs{display:inline-flex;align-items:center;gap:5px;font-family:"Share Tech Mono",monospace;font-size:9px;color:var(--af-gold);opacity:0.7;text-decoration:none;border:0.5px solid var(--af-gold-dim);padding:2px 8px;letter-spacing:0.1em;transition:all 0.15s;}
.jump-playoffs:hover{opacity:1;border-color:var(--af-gold);}


/* ══════════════════════════════════════════
   ROSTER CARDS
══════════════════════════════════════════ */
.filter-bar{display:flex;gap:0.4rem;flex-wrap:wrap;margin-bottom:1.1rem;}
.filter-btn{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.1em;padding:4px 8px;border:0.5px solid var(--af-border);background:transparent;color:var(--af-muted);cursor:pointer;transition:all 0.15s;text-transform:uppercase;}
.filter-btn:hover{border-color:var(--af-orange);color:var(--af-orange);}
.filter-btn.active{background:var(--af-orange);border-color:var(--af-orange);color:#fff;}
.filter-btn.all-btn.active{background:transparent;border-color:var(--af-text);color:var(--af-text);}
.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0.6rem;}
@keyframes cardIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.player-card{background:var(--af-surface);border:0.5px solid var(--af-border);padding:0;display:flex;align-items:stretch;transition:border-color 0.15s,transform 0.1s,opacity 0.2s,filter 0.2s;text-decoration:none;color:inherit;cursor:pointer;position:relative;overflow:hidden;opacity:0;animation:cardIn 0.35s ease forwards;}
.roster-grid .player-card:nth-child(1){animation-delay:0.05s;}
.roster-grid .player-card:nth-child(2){animation-delay:0.10s;}
.roster-grid .player-card:nth-child(3){animation-delay:0.15s;}
.roster-grid .player-card:nth-child(4){animation-delay:0.20s;}
.roster-grid .player-card:nth-child(5){animation-delay:0.25s;}
.roster-grid .player-card:nth-child(6){animation-delay:0.30s;}
.roster-grid .player-card:nth-child(7){animation-delay:0.35s;}
.roster-grid .player-card:nth-child(8){animation-delay:0.40s;}
.roster-grid .player-card:nth-child(9){animation-delay:0.45s;}
.player-card:hover{border-color:var(--af-orange);transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.4);}
.player-card:hover .tooltip{opacity:1;transform:translateY(0);}
.player-card.sub{opacity:0;border-style:dashed;filter:saturate(0.45) brightness(0.85);}
.player-card.sub.anim-done{opacity:0.8;}
.player-card.sub:hover{opacity:1!important;filter:saturate(1) brightness(1)!important;}
.player-card.dimmed{opacity:0.15!important;filter:saturate(0.1) brightness(0.5)!important;transform:none!important;pointer-events:none;}
.country-bar{width:3px;flex-shrink:0;}
.card-inner{display:flex;align-items:center;gap:0.75rem;padding:0.85rem 0.9rem;flex:1;min-width:0;}
.player-avatar{width:38px;height:38px;border-radius:4px;object-fit:cover;flex-shrink:0;border:1px solid var(--af-border);background:var(--af-surface2);}
.class-icon{width:34px;height:34px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:'Share Tech Mono',monospace;font-size:10px;font-weight:700;letter-spacing:0.05em;flex-shrink:0;}
.scout .class-icon{background:#1d2e1a;color:#5fc45c;}
.soldier .class-icon{background:#2e1e1a;color:#e05c3a;}
.pyro .class-icon{background:#2e221a;color:#e07a3a;}
.demo .class-icon{background:#1e1a2e;color:#7a5ce0;}
.heavy .class-icon{background:#2e1a1a;color:#e03a3a;}
.engi .class-icon{background:#2e2a1a;color:#e0c03a;}
.medic .class-icon{background:#1a2a2e;color:#3ab8e0;}
.sniper .class-icon{background:#1a2e22;color:#3ae07a;}
.spy .class-icon{background:#281a2e;color:#c03ae0;}
.flex .class-icon{background:#1e1e1e;color:#e8e4d8;}
.player-meta{flex:1;min-width:0;}
.player-class-label{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--af-muted);letter-spacing:0.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.player-name-row{display:flex;align-items:center;gap:5px;margin-top:2px;flex-wrap:wrap;}
.player-name{font-size:14px;font-weight:600;color:var(--af-text);}
.captain-badge{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  color:#111;
  background:linear-gradient(135deg,#e8c96a,#c9a84c,#a8893a);
  border:none;
  padding:2px 6px;letter-spacing:0.1em;white-space:nowrap;
  font-weight:700;
  box-shadow:0 0 6px rgba(201,168,76,0.5);
}
/* Captain badge in lineup card */
.lc-captain{
  font-family:'Share Tech Mono',monospace;font-size:7px;
  color:#111;letter-spacing:0.1em;font-weight:700;
  background:linear-gradient(135deg,#e8c96a,#c9a84c,#a8893a);
  box-shadow:0 0 8px rgba(201,168,76,0.6);
  border:none;
  padding:2px 5px;
}
/* Profile modal blurb */
.pm-blurb{
  padding:0.75rem 1.25rem;
  border-bottom:1px solid var(--af-border);
  font-size:12px;line-height:1.55;
  color:var(--af-text);opacity:0.85;
  font-family:'Barlow',sans-serif;
  font-style:italic;
}
/* Profile modal experience section */
.pm-experience{border-top:1px solid var(--af-border);}
.pm-exp-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:0.6rem 1.25rem 0.4rem;
}
.pm-exp-label{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-orange);letter-spacing:0.18em;text-transform:uppercase;
}
.pm-exp-list{
  padding:0 1.25rem 0.75rem;
  display:flex;flex-direction:column;gap:3px;
}
.pm-exp-item{
  display:flex;align-items:baseline;gap:0.5rem;
  padding:0.3rem 0;
  border-bottom:1px solid rgba(46,44,40,0.3);
  font-size:11px;
}
.pm-exp-item:last-child{border-bottom:none;}
.pm-exp-result{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  letter-spacing:0.06em;flex-shrink:0;
  padding:1px 5px;
}
.pm-exp-result.gold{background:rgba(201,168,76,0.15);color:var(--af-gold);border:0.5px solid rgba(201,168,76,0.3);}
.pm-exp-result.silver{background:rgba(160,160,160,0.1);color:#b8b8b8;border:0.5px solid rgba(160,160,160,0.25);}
.pm-exp-result.bronze{background:rgba(176,112,60,0.12);color:#c47a3a;border:0.5px solid rgba(176,112,60,0.3);}
.pm-exp-result.part{background:rgba(138,132,116,0.1);color:var(--af-muted);border:0.5px solid var(--af-border);}
.pm-exp-league{
  font-family:'Barlow',sans-serif;font-size:11.5px;color:var(--af-text);flex:1;line-height:1.3;
}
.pm-exp-award{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  color:var(--af-gold);letter-spacing:0.06em;
  background:rgba(201,168,76,0.08);border:0.5px solid rgba(201,168,76,0.2);
  padding:1px 5px;flex-shrink:0;white-space:nowrap;
}
.sub-badge{font-family:'Share Tech Mono',monospace;font-size:8px;color:var(--af-muted);border:0.5px solid var(--af-border);padding:1px 4px;letter-spacing:0.08em;white-space:nowrap;}
.flag-img{width:22px;height:15px;object-fit:cover;border:0.5px solid rgba(255,255,255,0.1);flex-shrink:0;margin-left:auto;}
.tooltip{position:absolute;bottom:0;left:0;right:0;background:rgba(232,98,26,0.92);color:#fff;font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.1em;text-align:center;padding:4px 6px;opacity:0;transform:translateY(4px);transition:opacity 0.15s,transform 0.15s;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sg .country-bar{background:linear-gradient(180deg,#EF3340 50%,#fff 50%);}
.th .country-bar{background:linear-gradient(180deg,#A51931 20%,#F4F5F8 20%,#F4F5F8 40%,#2D2A4A 40%,#2D2A4A 60%,#F4F5F8 60%,#F4F5F8 80%,#A51931 80%);}
.my .country-bar{background:linear-gradient(180deg,#CC0001 30%,#fff 30%,#fff 50%,#CC0001 50%,#CC0001 70%,#fff 70%);}
.tw .country-bar{background:linear-gradient(180deg,#FE0000 60%,#000095 60%);}
.au .country-bar{background:linear-gradient(180deg,#00008B 50%,#CC0000 50%);}


/* ── Highlights section inside profile modal ── */
.pm-highlights{
  border-top:1px solid var(--af-border);
}
.pm-highlights-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:0.65rem 1.25rem 0.5rem;
}
.pm-highlights-label{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-gold);letter-spacing:0.18em;text-transform:uppercase;
}
.pm-highlights-count{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-muted);letter-spacing:0.1em;
  border:0.5px solid var(--af-border);padding:1px 7px;
}
.pm-highlights-clips{
  display:flex;flex-direction:column;gap:0;
  border-top:1px solid rgba(46,44,40,0.4);
}
.pm-clip-row{
  display:flex;align-items:center;gap:0.75rem;
  padding:0.5rem 1.25rem;
  border-bottom:1px solid rgba(46,44,40,0.35);
  cursor:pointer;transition:background 0.12s;
}
.pm-clip-row:last-child{border-bottom:none;}
.pm-clip-row:hover{background:var(--af-surface);}
.pm-clip-row.active{
  background:rgba(201,168,76,0.06);
  border-left:2px solid var(--af-gold);
  padding-left:calc(1.25rem - 2px);
}
.pm-clip-thumb{
  width:54px;height:30px;object-fit:cover;
  border:0.5px solid var(--af-border);flex-shrink:0;
  border-radius:1px;background:var(--af-surface2);
}
.pm-clip-title{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  color:var(--af-text);letter-spacing:0.06em;
  flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.pm-clip-btn{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  color:var(--af-muted);border:0.5px solid var(--af-border);
  padding:2px 8px;flex-shrink:0;transition:all 0.12s;letter-spacing:0.06em;
}
.pm-clip-row:hover .pm-clip-btn,
.pm-clip-row.active .pm-clip-btn{color:var(--af-gold);border-color:var(--af-gold);}

/* Embed area inside modal */
.pm-embed-wrap{
  position:relative;width:100%;padding-bottom:56.25%;
  background:#000;border-top:1px solid var(--af-border);
}
.pm-iframe{
  position:absolute;inset:0;width:100%;height:100%;border:none;
}
.pm-embed-close{
  position:absolute;top:0;right:0;z-index:2;
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-muted);background:rgba(12,12,11,0.85);
  border:none;border-left:0.5px solid var(--af-border);border-bottom:0.5px solid var(--af-border);
  padding:4px 10px;cursor:pointer;letter-spacing:0.1em;
  transition:color 0.15s;
}
.pm-embed-close:hover{color:var(--af-orange);}

/* Gold ▶ badge on cards with clips */
.hm-badge{
  position:absolute;top:5px;left:5px;
  font-family:'Share Tech Mono',monospace;font-size:7px;
  letter-spacing:0.08em;padding:1px 5px;
  background:rgba(201,168,76,0.12);border:0.5px solid var(--af-gold-dim);
  color:var(--af-gold);z-index:2;pointer-events:none;
}

/* Make profile modal scrollable when highlights embed is open */
.profile-modal{
  overflow-y:auto;
  max-height:92vh;
}


.share-bar{display:flex;gap:0.75rem;padding:1rem 2rem;border-top:1px solid var(--af-border);flex-wrap:wrap;align-items:center;}
.share-btn{display:flex;align-items:center;gap:6px;font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--af-muted);background:transparent;border:0.5px solid var(--af-border);padding:5px 10px;cursor:pointer;letter-spacing:0.1em;transition:all 0.15s;}
.share-btn:hover{color:var(--af-orange);border-color:var(--af-orange);}
.share-btn svg{width:12px;height:12px;fill:currentColor;flex-shrink:0;}
.share-copied{color:var(--af-win)!important;border-color:var(--af-win)!important;}
.share-card-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:100;align-items:center;justify-content:center;padding:1rem;}
.share-card-overlay.visible{display:flex;}
.share-card{background:var(--af-dark);border:1.5px solid var(--af-gold);max-width:480px;width:100%;padding:2rem;position:relative;text-align:center;}
.share-card-close{position:absolute;top:0.75rem;right:0.75rem;font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--af-muted);background:none;border:none;cursor:pointer;letter-spacing:0.1em;}
.share-card-close:hover{color:var(--af-orange);}
.sc-title{font-family:'Bebas Neue',sans-serif;font-size:42px;color:var(--af-text);letter-spacing:0.04em;line-height:1;margin-top:0.5rem;}
.sc-title span{color:var(--af-orange);}
.sc-badge{display:inline-block;background:var(--af-gold);color:#111;font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:0.15em;padding:3px 14px;margin:0.75rem 0;}
.sc-stat-row{display:flex;justify-content:center;gap:2rem;margin:1rem 0;}
.sc-stat-val{font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--af-gold);line-height:1;}
.sc-stat-lbl{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--af-muted);letter-spacing:0.1em;text-transform:uppercase;}
.sc-flags{display:flex;justify-content:center;gap:5px;margin:0.75rem 0;}
.sc-flags img{width:24px;height:16px;object-fit:cover;border:0.5px solid rgba(255,255,255,0.1);}
.sc-footer-text{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--af-muted);letter-spacing:0.12em;margin-top:1.25rem;opacity:0.7;}
.sc-actions{display:flex;gap:0.5rem;justify-content:center;margin-top:1.25rem;}
.sc-action-btn{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:0.1em;padding:6px 16px;border:0.5px solid var(--af-border);background:transparent;color:var(--af-muted);cursor:pointer;transition:all 0.15s;}
.sc-action-btn:hover{color:var(--af-orange);border-color:var(--af-orange);}
.sc-action-btn.primary{background:var(--af-orange);border-color:var(--af-orange);color:#fff;}

/* ── Social / Footer ── */
.social-bar{display:flex;gap:0.75rem;padding:1rem 2rem;border-top:1px solid var(--af-border);flex-wrap:wrap;}
.social-link{display:flex;align-items:center;gap:6px;font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--af-muted);text-decoration:none;letter-spacing:0.1em;border:0.5px solid var(--af-border);padding:5px 10px;transition:color 0.15s,border-color 0.15s;}
.social-link:hover{color:var(--af-orange);border-color:var(--af-orange);}
.social-icon{width:13px;height:13px;fill:currentColor;flex-shrink:0;}
.footer{padding:1.25rem 2rem;border-top:1px solid var(--af-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.5rem;}
.footer-brand{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--af-muted);letter-spacing:0.12em;}
.footer-status{display:flex;align-items:center;gap:0.5rem;font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--af-muted);}
.dot{width:6px;height:6px;border-radius:50%;background:#3ae07a;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.3;}}
.footer-updated{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--af-muted);letter-spacing:0.08em;opacity:0.7;}

/* ── Responsive ── */
/* ── Sticky nav — all screens ── */
.site-nav{
  position:sticky;top:0;z-index:500;
  background:rgba(12,12,11,0.97);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--af-border);
  display:flex;align-items:center;
  padding:0 1.5rem;
  gap:0;
  overflow:visible;
  width:100%;
}
.site-nav-logo{
  font-family:'Bebas Neue',sans-serif;font-size:16px;
  letter-spacing:0.1em;color:var(--af-orange);
  margin-right:1.25rem;flex-shrink:0;
  padding:0.6rem 0;
  border-right:1px solid var(--af-border);
  padding-right:1.25rem;
}
.site-nav a{
  display:inline-flex;align-items:center;gap:5px;
  font-family:'Share Tech Mono',monospace;font-size:10px;
  letter-spacing:0.12em;color:var(--af-muted);
  text-decoration:none;padding:0.7rem 0.85rem;
  border-bottom:2px solid transparent;
  transition:color 0.15s,border-color 0.15s;
  flex-shrink:0;
}
.site-nav a:hover{color:var(--af-text);}
.site-nav a.active{
  color:var(--af-orange);
  border-bottom-color:var(--af-orange);
}
.site-nav-right{
  margin-left:auto;flex-shrink:0;
  display:flex;align-items:center;gap:0.5rem;
}
.site-nav-submit{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  letter-spacing:0.1em;color:var(--af-orange);
  border:0.5px solid var(--af-orange);
  background:rgba(232,98,26,0.08);
  padding:4px 10px;cursor:pointer;
  transition:all 0.15s;white-space:nowrap;
}
.site-nav-submit:hover{background:rgba(232,98,26,0.15);}
@media(max-width:700px){
  .site-nav{padding:0 0.75rem;}
  .site-nav-logo{display:none;}
  .site-nav a{padding:0.65rem 0.6rem;font-size:9px;letter-spacing:0.08em;}
  .site-nav-submit{font-size:8px;padding:3px 7px;}
}
/* Hide old mobile-only nav */
.mobile-nav{display:none!important;}

/* ── Legacy breakpoints cleanup ── */
@media(max-width:600px){
  body{padding:0;}
  .page{border:none;}
}
@media(max-width:400px){
  .map-pill{display:none;}
}

/* ── Animated counter ── */
.stat-val[data-count]{transition:color 0.3s;}

/* ── Leadership row ── */
.leadership-row{
  display:flex;justify-content:center;gap:1rem;
  margin-bottom:1rem;
}
.leadership-label{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-muted);letter-spacing:0.18em;text-transform:uppercase;
  text-align:center;margin-bottom:0.6rem;
}
.leadership-row .lineup-card{
  width:110px;flex-shrink:0;
}
.leadership-row .lineup-card.captain-card{
  width:120px;
}
details.season-block.champ-season{
  border:1px solid rgba(201,168,76,0.5);
}
details.season-block.champ-season > summary{
  background:linear-gradient(90deg,rgba(201,168,76,0.1),rgba(245,200,0,0.04),rgba(201,168,76,0.08));
  padding:0;
  position:relative;
  overflow:hidden;
}
details.season-block.champ-season > summary::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 30%,rgba(201,168,76,0.07) 50%,transparent 70%);
  background-size:200% 100%;
  animation:shimmer 4s ease-in-out infinite;
  pointer-events:none;
}
details.season-block.champ-season > summary:hover{
  background:linear-gradient(90deg,rgba(201,168,76,0.15),rgba(201,168,76,0.08),rgba(201,168,76,0.12));
}
.champ-summary-inner{
  display:flex;align-items:center;gap:1rem;
  padding:1rem 1.25rem;
  width:100%;
}
.champ-sum-left{
  display:flex;align-items:center;gap:0.85rem;flex:1;min-width:0;
}
.champ-sum-crown{
  font-size:28px;
  filter:drop-shadow(0 0 10px rgba(201,168,76,0.7));
  flex-shrink:0;
  animation:pulse 2.5s ease-in-out infinite;
}
.champ-sum-title{
  font-family:'Bebas Neue',sans-serif;font-size:22px;
  letter-spacing:0.08em;color:var(--af-gold);line-height:1;
  text-shadow:0 0 20px rgba(201,168,76,0.3);
}
.champ-sum-sub{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:rgba(201,168,76,0.6);letter-spacing:0.12em;margin-top:3px;
}
.champ-sum-record{
  display:flex;align-items:baseline;gap:4px;
  flex-shrink:0;
}
.champ-sum-wins{
  font-family:'Bebas Neue',sans-serif;font-size:36px;
  color:var(--af-win);line-height:1;letter-spacing:0.02em;
}
.champ-sum-wins span,.champ-sum-losses span{
  font-size:16px;letter-spacing:0.1em;margin-left:1px;
}
.champ-sum-divider{
  font-family:'Bebas Neue',sans-serif;font-size:24px;
  color:var(--af-muted);opacity:0.5;
}
.champ-sum-losses{
  font-family:'Bebas Neue',sans-serif;font-size:36px;
  color:var(--af-loss);line-height:1;letter-spacing:0.02em;
}
.champ-sum-right{
  display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;
}
.champ-sum-badge{
  font-family:'Bebas Neue',sans-serif;font-size:15px;
  letter-spacing:0.18em;
  color:#111;
  background:linear-gradient(135deg,#e8c96a,#c9a84c,#a8893a);
  padding:4px 14px;
  box-shadow:0 0 16px rgba(201,168,76,0.45);
}
  display:flex;height:5px;gap:1px;
  margin:0 1.25rem 0;border-radius:2px;overflow:hidden;
}
.sp-seg{height:100%;flex:1;border-radius:1px;}
.sp-seg.w{background:var(--af-win);}
.sp-seg.l{background:var(--af-loss);}
.sp-seg.b{background:var(--af-muted);opacity:0.35;}

/* ── Active indicator on player cards ── */
.active-dot{
  width:7px;height:7px;border-radius:50%;
  background:#3ae07a;flex-shrink:0;
  box-shadow:0 0 5px rgba(58,224,122,0.7);
  animation:pulse 2s infinite;
}
.active-dot.inactive{background:var(--af-muted);box-shadow:none;animation:none;opacity:0.5;}

/* ── Player profile modal ── */
/* ══════════════════════════════════════════
   PROFILE MODAL — CINEMATIC
══════════════════════════════════════════ */
.profile-overlay{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,0.92);
  z-index:200;
  align-items:flex-start;justify-content:center;
  padding:4vh 1.5rem 1.5rem;
  backdrop-filter:blur(6px);
  gap:1.25rem;
  overflow-y:auto;
}
.profile-overlay.visible{display:flex;}
@keyframes modalIn{
  from{opacity:0;transform:translateX(-20px) scale(0.97);}
  to{opacity:1;transform:translateX(0) scale(1);}
}
.profile-modal{
  background:var(--af-dark);
  border:0.5px solid rgba(255,255,255,0.06);
  max-width:480px;width:100%;
  position:relative;overflow:hidden;
  animation:modalIn 0.3s cubic-bezier(0.34,1.26,0.64,1);
  max-height:88vh;overflow-y:auto;
  box-shadow:0 32px 80px rgba(0,0,0,0.8);
  flex-shrink:0;
  align-self:flex-start;
}

/* ── Cinematic hero banner ── */
.pm-hero{
  position:relative;
  height:240px;
  overflow:hidden;
  flex-shrink:0;
}
.pm-hero-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center top;
  filter:blur(18px) brightness(0.35) saturate(1.4);
  transform:scale(1.15);
  transition:all 0.3s;
}
.pm-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(
    to bottom,
    rgba(var(--pm-accent-rgb,232,98,26),0.08) 0%,
    transparent 40%,
    rgba(17,17,16,0.7) 70%,
    var(--af-dark) 100%
  );
}
/* Accent colour bar along top */
.pm-hero::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--pm-accent,var(--af-orange)),rgba(var(--pm-accent-rgb,232,98,26),0.3),transparent);
  z-index:3;
}
.pm-close{
  position:absolute;top:0.75rem;right:0.85rem;
  font-family:'Share Tech Mono',monospace;font-size:10px;
  color:rgba(255,255,255,0.5);
  background:rgba(0,0,0,0.5);
  border:0.5px solid rgba(255,255,255,0.1);
  padding:3px 8px;cursor:pointer;letter-spacing:0.1em;z-index:10;
  transition:all 0.15s;backdrop-filter:blur(4px);
}
.pm-close:hover{color:#fff;border-color:rgba(255,255,255,0.3);}
.pm-hero-content{
  position:absolute;inset:0;
  display:flex;align-items:center;gap:1.5rem;
  padding:2.75rem 1.5rem 1.5rem;
  z-index:2;
}
/* ── Avatar class colour strip + class icon overlay ── */
.pm-avatar-wrap{position:relative;flex-shrink:0;}
/* Left edge class colour strip */
.pm-avatar-wrap::before{
  content:'';
  position:absolute;left:-5px;top:0;bottom:0;
  width:3px;
  background:var(--pm-accent,var(--af-orange));
  box-shadow:0 0 8px rgba(var(--pm-accent-rgb,232,98,26),0.6);
  z-index:3;
}
/* Class icon badge — bottom right corner of avatar */
.pm-class-icon-badge{
  position:absolute;bottom:-8px;right:-8px;
  width:30px;height:30px;
  background:rgba(0,0,0,0.88);
  border:1.5px solid var(--pm-accent,var(--af-orange));
  border-radius:3px;
  display:flex;align-items:center;justify-content:center;
  z-index:4;
  backdrop-filter:blur(4px);
  box-shadow:0 0 8px rgba(var(--pm-accent-rgb,232,98,26),0.3);
}
.pm-hero-info{
  flex:1;min-width:0;
  display:flex;flex-direction:column;
  gap:4px;
}
.pm-hero-eyebrow{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--pm-accent,var(--af-orange));
  letter-spacing:0.2em;opacity:0.9;
}
.pm-head-name{
  font-family:'Bebas Neue',sans-serif;font-size:52px;
  color:#fff;letter-spacing:0.04em;line-height:1;
  text-shadow:0 2px 20px rgba(0,0,0,0.9);
}
.pm-head-class{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  color:rgba(var(--pm-accent-rgb,232,98,26),0.85);
  letter-spacing:0.16em;text-transform:uppercase;
}
.pm-hero-meta{
  display:flex;align-items:center;gap:0.5rem;
  flex-wrap:wrap;margin-top:6px;
}
.pm-winrate{
  padding:0.6rem 1.25rem 0.5rem;
  border-bottom:1px solid var(--af-border);
}
.pm-winrate-header{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:5px;
}
.pm-winrate-label{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  color:var(--af-muted);letter-spacing:0.14em;text-transform:uppercase;
}
.pm-winrate-record{
  font-family:'Bebas Neue',sans-serif;font-size:16px;
  color:var(--af-text);letter-spacing:0.06em;
}
.pm-winrate-record span.w{color:var(--af-win);}
.pm-winrate-record span.l{color:var(--af-loss);}
.pm-winrate-track{
  height:5px;background:var(--af-surface2);
  border-radius:2px;overflow:hidden;
}
.pm-winrate-fill{
  height:100%;border-radius:2px;
  background:linear-gradient(90deg,var(--af-win),rgba(58,224,122,0.7));
  transition:width 0.6s ease;
}
.pm-avatar-large{
  width:100px;height:100px;
  object-fit:cover;
  border:2px solid rgba(var(--pm-accent-rgb,232,98,26),0.7);
  box-shadow:0 0 24px rgba(var(--pm-accent-rgb,232,98,26),0.35),0 4px 16px rgba(0,0,0,0.6);
  display:block;
}
.pm-avatar-icon{
  width:100px;height:100px;
  display:flex;align-items:center;justify-content:center;
  font-family:'Share Tech Mono',monospace;font-size:22px;
  font-weight:700;
  border:2px solid rgba(var(--pm-accent-rgb,232,98,26),0.5);
  box-shadow:0 0 20px rgba(var(--pm-accent-rgb,232,98,26),0.25);
}
/* Win rate bar */
.pm-winrate{
  padding:0.6rem 1.25rem 0.5rem;
  border-bottom:1px solid var(--af-border);
}
.pm-winrate-header{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:5px;
}
.pm-winrate-label{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  color:var(--af-muted);letter-spacing:0.14em;text-transform:uppercase;
}
.pm-winrate-record{
  font-family:'Bebas Neue',sans-serif;font-size:16px;
  color:var(--af-text);letter-spacing:0.06em;
}
.pm-winrate-record span.w{color:var(--af-win);}
.pm-winrate-record span.l{color:var(--af-loss);}
.pm-winrate-track{
  height:5px;background:var(--af-surface2);
  border-radius:2px;overflow:hidden;
}
.pm-winrate-fill{
  height:100%;border-radius:2px;
  background:linear-gradient(90deg,var(--af-win),rgba(58,224,122,0.7));
  transition:width 0.6s ease;
}
.pm-head-country{
  display:flex;align-items:center;gap:5px;
}
.pm-head-country img{width:22px;height:15px;object-fit:cover;border:0.5px solid rgba(255,255,255,0.15);}
.pm-head-country span{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:rgba(255,255,255,0.6);letter-spacing:0.1em;
}
.pm-rank-badge{display:flex;margin-top:4px;}
.pm-active-badge{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  letter-spacing:0.1em;padding:2px 7px;
  display:flex;align-items:center;gap:4px;
}
.pm-active-badge.active{color:var(--af-win);border:0.5px solid rgba(58,224,122,0.3);background:rgba(58,224,122,0.07);}
.pm-active-badge.inactive{color:var(--af-muted);border:0.5px solid var(--af-border);}

/* ── Format badges (HL + 6s) — slim pills ── */
.pm-format-badges{
  display:flex;align-items:center;gap:5px;
  margin-top:5px;flex-wrap:wrap;
}
.pm-format-badge{
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 9px;
  font-family:'Share Tech Mono',monospace;
  white-space:nowrap;
  border-radius:20px;
}
.pm-format-badge.hl{
  background:rgba(201,168,76,0.12);
  border:1px solid rgba(201,168,76,0.4);
}
.pm-format-badge.sixes{
  background:rgba(58,184,224,0.1);
  border:1px solid rgba(58,184,224,0.35);
}
.pm-format-badge-num{
  font-family:'Bebas Neue',sans-serif;
  font-size:20px;line-height:1;
  letter-spacing:0.02em;
}
.pm-format-badge.hl .pm-format-badge-num{color:var(--af-gold);}
.pm-format-badge.sixes .pm-format-badge-num{color:#3ab8e0;}
.pm-format-badge-lbl{
  font-size:8px;letter-spacing:0.1em;text-transform:uppercase;
}
.pm-format-badge.hl .pm-format-badge-lbl{color:rgba(201,168,76,0.7);}
.pm-format-badge.sixes .pm-format-badge-lbl{color:rgba(58,184,224,0.65);}

/* ── Captain / VC badges in modal ── */
.pm-rank-badge .captain-b{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  letter-spacing:0.14em;font-weight:700;
  padding:4px 12px;
  background:linear-gradient(135deg,#e8c96a,#c9a84c,#a8893a);
  color:#fff !important;
  box-shadow:0 0 14px rgba(201,168,76,0.6), inset 0 1px 0 rgba(255,255,255,0.3);
  border:none;
  text-shadow:0 1px 3px rgba(0,0,0,0.5);
}
.pm-rank-badge .vc-b{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  letter-spacing:0.14em;font-weight:700;
  padding:4px 12px;
  background:linear-gradient(135deg,#f07a3a,#E8621A,#b84d12);
  color:#fff;
  box-shadow:0 0 12px rgba(232,98,26,0.5), inset 0 1px 0 rgba(255,255,255,0.15);
  border:none;
  text-shadow:0 1px 2px rgba(0,0,0,0.3);
}

/* Achievement strip */
.pm-achievement-strip{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(90deg,rgba(var(--pm-accent-rgb,232,98,26),0.15),rgba(var(--pm-accent-rgb,232,98,26),0.05));
  border-top:0.5px solid rgba(var(--pm-accent-rgb,232,98,26),0.2);
  padding:5px 1.25rem;
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:rgba(var(--pm-accent-rgb,232,98,26),0.9);
  letter-spacing:0.14em;
  display:flex;align-items:center;gap:0.5rem;
  z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* Stats pills row */
.pm-stats-row{
  display:flex;border-bottom:1px solid var(--af-border);
}
.pm-stat-pill{
  flex:1;text-align:center;padding:0.7rem 0.5rem;
  border-right:0.5px solid var(--af-border);
}
.pm-stat-pill:last-child{border-right:none;}
.pm-stat-pill-val{
  font-family:'Bebas Neue',sans-serif;font-size:22px;
  color:var(--pm-accent,var(--af-orange));line-height:1;letter-spacing:0.04em;
}
.pm-stat-pill-lbl{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  color:var(--af-muted);letter-spacing:0.1em;margin-top:3px;
}

.pm-body{padding:0.5rem 1.5rem 0.25rem;}
.pm-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:0.5rem 0;
  border-bottom:1px solid rgba(46,44,40,0.35);
  font-size:13px;
}
.pm-row:last-child{border-bottom:none;}
.pm-stats-row{
  display:grid;grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid var(--af-border);
}
.pm-stat-pill{
  flex:1;text-align:center;padding:0.85rem 0.5rem;
  border-right:0.5px solid var(--af-border);
}
.pm-stat-pill:last-child{border-right:none;}
.pm-stat-pill-val{
  font-family:'Bebas Neue',sans-serif;font-size:24px;
  color:var(--pm-accent,var(--af-orange));line-height:1;letter-spacing:0.04em;
}
.pm-stat-pill-lbl{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  color:var(--af-muted);letter-spacing:0.1em;margin-top:3px;
}
.pm-label{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-muted);letter-spacing:0.1em;text-transform:uppercase;
  display:flex;align-items:center;
  filter:brightness(0.85);
}
.pm-value{color:var(--af-text);font-weight:500;text-align:right;}
.pm-value.gold{color:var(--af-gold);}
.pm-value.green{color:var(--af-win);}

/* Blurb */
.pm-blurb{
  padding:0.75rem 1.25rem;
  border-bottom:1px solid var(--af-border);
  font-size:12.5px;line-height:1.6;
  color:rgba(232,228,216,0.75);
  font-family:'Barlow',sans-serif;font-style:italic;
}

/* Experience */
.pm-experience{border-top:1px solid var(--af-border);}
.pm-exp-header{padding:0.6rem 1.25rem 0.4rem;display:flex;align-items:center;justify-content:space-between;}
.pm-exp-label{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--pm-accent,var(--af-orange));letter-spacing:0.18em;text-transform:uppercase;}
.pm-exp-list{padding:0 1.25rem 0.75rem;display:flex;flex-direction:column;gap:3px;}
.pm-exp-item{display:flex;align-items:baseline;gap:0.5rem;padding:0.3rem 0;border-bottom:1px solid rgba(46,44,40,0.3);font-size:11px;}
.pm-exp-item:last-child{border-bottom:none;}
.pm-exp-result{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.06em;flex-shrink:0;padding:1px 5px;}
.pm-exp-result.gold{background:rgba(201,168,76,0.15);color:var(--af-gold);border:0.5px solid rgba(201,168,76,0.3);}
.pm-exp-result.silver{background:rgba(160,160,160,0.1);color:#b8b8b8;border:0.5px solid rgba(160,160,160,0.25);}
.pm-exp-result.bronze{background:rgba(176,112,60,0.12);color:#c47a3a;border:0.5px solid rgba(176,112,60,0.3);}
.pm-exp-result.part{background:rgba(138,132,116,0.1);color:var(--af-muted);border:0.5px solid var(--af-border);}
.pm-exp-league{font-family:'Barlow',sans-serif;font-size:11.5px;color:var(--af-text);flex:1;line-height:1.3;}
.pm-exp-award{font-family:'Share Tech Mono',monospace;font-size:8px;color:var(--af-gold);letter-spacing:0.06em;background:rgba(201,168,76,0.08);border:0.5px solid rgba(201,168,76,0.2);padding:1px 5px;flex-shrink:0;}

.pm-achievements-panel .pm-experience{border-top:none;}
.pm-achievements-panel .pm-exp-header{padding:0.6rem 1rem 0.4rem;}
.pm-achievements-panel .pm-champ-shelf{padding:0 1rem 0.75rem;}
.pm-achievements-panel .pm-champ-item{padding:0.3rem 0.5rem;}
.pm-achievements-panel .pm-champ-text{font-size:11px;line-height:1.3;}
.pm-achievements-panel .pm-champ-league-name{font-size:7px;}
.pm-achievements-panel .pm-resume-btn{margin:0 1rem 0.5rem;width:calc(100% - 2rem);font-size:8px;}
.pm-achievements-panel .pm-resume-league-block{padding:0.4rem 1rem;}
.pm-achievements-panel .pm-resume-item{font-size:10px;}
.pm-achievements-panel .pm-league-btn{margin:0 1rem 3px;width:calc(100% - 2rem);font-size:8px;}
/* Achievements panel — hidden by default, shown inside visible overlay */
.pm-achievements-panel{display:none;}
.profile-overlay.visible .pm-achievements-panel{display:block;width:420px;}
@media(max-width:900px){
  .profile-overlay.visible .pm-achievements-panel{display:none;}
}

/* ── Separate achievements panel ── */
.pm-achievements-panel{
  background:var(--af-dark);
  border:0.5px solid rgba(201,168,76,0.15);
  border-top:none;
  width:420px;
  flex-shrink:0;
  overflow:hidden;
  box-shadow:0 32px 80px rgba(0,0,0,0.8),0 0 0 1.5px rgba(201,168,76,0.08);
  align-self:flex-start;
  position:relative;
  animation:holoEntry 0.4s cubic-bezier(0.34,1.26,0.64,1) 0.06s both;
}
/* Rotating gold border on top */
.pm-achievements-panel.holo{
  border-top:3px solid transparent;
  background-image:linear-gradient(var(--af-dark),var(--af-dark)),
    linear-gradient(var(--border-angle,0deg),#c9a84c,#fff8e1,#c9a84c,#a07820,#c9a84c);
  background-origin:border-box;
  background-clip:padding-box,border-box;
  animation:holoEntry 0.4s cubic-bezier(0.34,1.26,0.64,1) 0.06s both,
            borderRotate 3s linear infinite 0.4s;
}
@property --border-angle{syntax:'<angle>';initial-value:0deg;inherits:false;}
@keyframes borderRotate{to{--border-angle:360deg;}}
@keyframes holoEntry{
  from{opacity:0;transform:translateX(20px);}
  to{opacity:1;transform:translateX(0);}
}
/* Diagonal rainbow shimmer */
.pm-achievements-panel.holo::before{
  content:'';
  position:absolute;inset:-50%;
  z-index:10;
  pointer-events:none;
  width:200%;height:200%;
  background:linear-gradient(
    105deg,
    transparent 30%,
    rgba(255,80,180,0.07) 38%,
    rgba(255,200,50,0.11) 43%,
    rgba(80,255,160,0.09) 48%,
    rgba(80,180,255,0.11) 53%,
    rgba(180,80,255,0.07) 58%,
    transparent 66%
  );
  animation:holoSweep 3.5s linear infinite;
}
@keyframes holoSweep{
  0%{transform:translateX(-60%) translateY(-60%);}
  100%{transform:translateX(60%) translateY(60%);}
}
/* Persistent rainbow tint */
.pm-achievements-panel.holo::after{
  content:'';
  position:absolute;inset:0;z-index:9;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,80,180,0.03) 0%,rgba(80,180,255,0.04) 50%,rgba(180,255,80,0.03) 100%);
}
/* Gold particles canvas */
#achParticlesCanvas{
  position:absolute;inset:0;z-index:8;pointer-events:none;
  opacity:0;transition:opacity 0.5s;
}
.pm-achievements-panel.holo #achParticlesCanvas{opacity:1;}

.pm-achievements-panel-header{
  padding:1.1rem 1rem 0.85rem;
  border-bottom:1px solid rgba(201,168,76,0.2);
  background:linear-gradient(135deg,rgba(201,168,76,0.08),transparent 60%);
  position:relative;overflow:hidden;
}
/* Breathing 🏆 watermark */
.pm-achievements-panel-header::after{
  content:'🏆';
  position:absolute;right:-8px;top:-4px;
  font-size:64px;pointer-events:none;
  animation:trophyPulse 3s ease-in-out infinite;
}
@keyframes trophyPulse{
  0%,100%{opacity:0.05;}
  50%{opacity:0.12;}
}
/* Engraved title */
.pm-achievements-panel-title{
  font-family:'Bebas Neue',sans-serif;font-size:24px;
  letter-spacing:0.1em;line-height:1;
  color:var(--af-gold);
  text-shadow:0 1px 0 rgba(255,255,255,0.1),0 -1px 0 rgba(0,0,0,0.5),0 0 20px rgba(201,168,76,0.3);
}
.pm-achievements-panel-sub{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  color:var(--af-muted);letter-spacing:0.14em;margin-top:4px;
  text-transform:uppercase;
}
@keyframes achieveIn{
  from{opacity:0;transform:translateX(16px);}
  to{opacity:1;transform:translateX(0);}
}
@keyframes shimmerSweep{
  0%{transform:translateX(-100%);}
  100%{transform:translateX(300%);}
}
@keyframes cardShimmer{
  0%,100%{opacity:0;}
  40%,60%{opacity:1;}
}
@keyframes slideDown{
  from{opacity:0;transform:translateY(-8px);}
  to{opacity:1;transform:translateY(0);}
}
@keyframes badgePulse{
  0%,100%{box-shadow:0 0 4px rgba(201,168,76,0.3);}
  50%{box-shadow:0 0 12px rgba(201,168,76,0.7),0 0 20px rgba(201,168,76,0.3);}
}
@keyframes countUp{
  from{opacity:0;transform:scale(0.7);}
  to{opacity:1;transform:scale(1);}
}
.ach-section{padding:0.75rem 1rem 0.5rem;}
.ach-section-label{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  letter-spacing:0.18em;text-transform:uppercase;
  color:var(--af-muted);
  display:flex;align-items:center;gap:0.5rem;
  margin-bottom:0.5rem;
}
.ach-section-label::after{content:'';flex:1;height:1px;background:var(--af-border);}

/* Championship headline — metallic gold number */
.ach-headline{
  padding:0.85rem 1rem 0.65rem;
  border-bottom:1px solid rgba(201,168,76,0.15);
  display:flex;align-items:baseline;gap:0.75rem;
}
.ach-headline-num{
  font-family:'Bebas Neue',sans-serif;font-size:52px;
  background:linear-gradient(180deg,#ffe680 0%,#c9a84c 45%,#7a5c1e 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  line-height:1;
  filter:drop-shadow(0 0 16px rgba(201,168,76,0.5));
  animation:countUp 0.5s cubic-bezier(0.34,1.26,0.64,1) 0.3s both;
}
.ach-headline-label{
  font-family:'Bebas Neue',sans-serif;font-size:16px;
  color:var(--af-text);letter-spacing:0.06em;line-height:1;
}
.ach-headline-sub{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  color:var(--af-gold);letter-spacing:0.1em;margin-top:3px;opacity:0.8;
}
/* Gold gradient divider */
.ach-divider{
  height:1px;margin:0 1rem 0.25rem;
  background:linear-gradient(90deg,transparent,var(--af-gold),rgba(201,168,76,0.3),transparent);
}

/* Gold 1st place card */
.ach-first{
  display:flex;align-items:flex-start;gap:0.75rem;
  padding:0.75rem 0.85rem;
  margin-bottom:6px;
  background:linear-gradient(135deg,rgba(201,168,76,0.13),rgba(201,168,76,0.04));
  border:0.5px solid rgba(201,168,76,0.35);
  border-left:3px solid var(--af-gold);
  position:relative;overflow:hidden;
  animation:achieveIn 0.35s ease both;
  transition:transform 0.15s,box-shadow 0.15s,border-color 0.15s;
  cursor:default;
}
.ach-first:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 24px rgba(201,168,76,0.25);
  border-color:rgba(201,168,76,0.7);
}
/* Auto shimmer sweep every 4s */
.ach-first::before{
  content:'';position:absolute;top:0;left:0;bottom:0;
  width:50%;
  background:linear-gradient(90deg,transparent,rgba(255,255,220,0.12),rgba(201,168,76,0.18),transparent);
  transform:translateX(-100%);pointer-events:none;
  animation:cardAutoShimmer 4s ease-in-out infinite;
}
.ach-first:nth-child(2)::before{animation-delay:1.3s;}
.ach-first:nth-child(3)::before{animation-delay:2.6s;}
@keyframes cardAutoShimmer{
  0%,30%{transform:translateX(-100%);}
  60%{transform:translateX(300%);}
  100%{transform:translateX(300%);}
}
/* Faint right glow */
.ach-first::after{
  content:'';position:absolute;top:0;right:0;
  width:35%;height:100%;
  background:linear-gradient(to left,rgba(201,168,76,0.06),transparent);
  pointer-events:none;
}
.ach-medal{font-size:22px;flex-shrink:0;line-height:1;margin-top:1px;}
/* Crown stamp top-right */
.ach-crown-stamp{
  position:absolute;top:6px;right:8px;
  font-size:14px;opacity:0.25;
  pointer-events:none;
}
.ach-info{flex:1;min-width:0;}
.ach-league{
  font-family:'Barlow',sans-serif;font-size:13px;
  color:var(--af-text);line-height:1.3;font-weight:500;
}
.ach-when{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  color:var(--af-muted);letter-spacing:0.08em;margin-top:2px;
}
.ach-meta{display:flex;align-items:center;gap:0.4rem;flex-wrap:wrap;margin-top:5px;}
.ach-tag{
  font-family:'Share Tech Mono',monospace;font-size:7px;
  letter-spacing:0.1em;padding:2px 6px;
}
/* Pulsing 1ST PLACE badge */
.ach-tag.gold{
  color:var(--af-gold);
  background:rgba(201,168,76,0.12);
  border:0.5px solid rgba(201,168,76,0.4);
  animation:badgePulse 2.5s ease-in-out infinite;
}
.ach-tag.award{color:var(--af-orange);background:rgba(232,98,26,0.08);border:0.5px solid rgba(232,98,26,0.2);}

/* League accordion */
.ach-league-btn{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;padding:0.6rem 0.85rem;
  font-family:'Share Tech Mono',monospace;font-size:9px;
  letter-spacing:0.1em;color:var(--af-text);
  background:var(--af-surface);
  border:0.5px solid var(--af-border);
  border-left:2px solid var(--af-border);
  cursor:pointer;margin-bottom:4px;
  transition:all 0.15s;
}
.ach-league-btn:hover{border-left-color:var(--af-orange);color:var(--af-orange);background:var(--af-surface2);}
.ach-league-btn-right{display:flex;align-items:center;gap:0.5rem;color:var(--af-muted);font-size:8px;}
.ach-league-panel{display:none;padding:0 0 0.4rem 0.85rem;border-left:2px solid rgba(201,168,76,0.2);margin-bottom:6px;}
.ach-league-panel.open{display:block;animation:slideDown 0.2s ease both;}
.ach-sub-item{
  display:flex;align-items:baseline;gap:0.5rem;
  padding:0.3rem 0;border-bottom:1px solid rgba(46,44,40,0.3);font-size:11px;
}
.ach-sub-item:last-child{border-bottom:none;}
.ach-result{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  letter-spacing:0.06em;padding:1px 5px;flex-shrink:0;
}
.ach-result.gold{background:rgba(201,168,76,0.15);color:var(--af-gold);border:0.5px solid rgba(201,168,76,0.3);}
.ach-result.silver{background:rgba(160,160,160,0.1);color:#b8b8b8;border:0.5px solid rgba(160,160,160,0.25);}
.ach-result.bronze{background:rgba(176,112,60,0.12);color:#c47a3a;border:0.5px solid rgba(176,112,60,0.3);}
.ach-result.part{background:rgba(138,132,116,0.1);color:var(--af-muted);border:0.5px solid var(--af-border);}
.ach-league-name{font-family:'Barlow',sans-serif;font-size:11.5px;color:var(--af-text);flex:1;line-height:1.3;}
.ach-empty{padding:1.5rem 1rem;font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--af-muted);letter-spacing:0.12em;text-align:center;}
.pm-stats-section{border-top:1px solid var(--af-border);}
.pm-stats-toggle{
  display:flex;align-items:center;justify-content:space-between;
  padding:0.85rem 1.25rem;cursor:pointer;
  transition:background 0.15s;user-select:none;
}
.pm-stats-toggle:hover{background:rgba(var(--pm-accent-rgb,232,98,26),0.05);}
.pm-stats-toggle-left{display:flex;align-items:center;gap:0.65rem;}
.pm-stats-toggle-icon{
  width:28px;height:28px;
  background:rgba(var(--pm-accent-rgb,232,98,26),0.12);
  border:0.5px solid rgba(var(--pm-accent-rgb,232,98,26),0.3);
  display:flex;align-items:center;justify-content:center;
  font-size:13px;flex-shrink:0;
}
.pm-stats-toggle-title{
  font-family:'Bebas Neue',sans-serif;font-size:17px;
  letter-spacing:0.06em;color:var(--af-text);line-height:1;
}
.pm-stats-toggle-sub{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  color:var(--af-muted);letter-spacing:0.12em;margin-top:2px;
}
.pm-stats-toggle-arrow{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  color:var(--af-muted);transition:transform 0.2s;flex-shrink:0;
}
.pm-stats-section.open .pm-stats-toggle-arrow{transform:rotate(180deg);}
.pm-stats-body{
  display:none;
  padding:0.5rem 1.25rem 1rem;
  border-top:1px solid var(--af-border);
  background:rgba(0,0,0,0.15);
}
.pm-stats-section.open .pm-stats-body{display:block;}
.pm-stat-row{
  display:grid;grid-template-columns:90px 1fr 48px;
  align-items:center;gap:0.6rem;
  padding:0.45rem 0;
  border-bottom:1px solid rgba(46,44,40,0.3);
}
.pm-stat-row:last-of-type{border-bottom:none;}
.pm-stat-name{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  color:var(--af-muted);letter-spacing:0.1em;text-transform:uppercase;
}
.pm-stat-bar-track{
  height:3px;background:var(--af-surface2);border-radius:2px;overflow:hidden;
}
.pm-stat-bar-fill{
  height:100%;border-radius:2px;
  background:linear-gradient(90deg,var(--pm-accent,var(--af-orange)),rgba(var(--pm-accent-rgb,232,98,26),0.4));
  transition:width 0.7s cubic-bezier(0.4,0,0.2,1);
}
.pm-stat-val-label{
  font-family:'Bebas Neue',sans-serif;font-size:18px;
  color:var(--af-text);text-align:right;letter-spacing:0.04em;line-height:1;
}
.pm-stats-footer{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:0.6rem;padding-top:0.5rem;
  border-top:1px solid rgba(46,44,40,0.4);
}
.pm-stats-games{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  color:var(--af-muted);letter-spacing:0.1em;
}
.pm-stats-season-badge{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  letter-spacing:0.1em;color:var(--af-gold);
  background:rgba(201,168,76,0.08);
  border:0.5px solid rgba(201,168,76,0.2);
  padding:2px 7px;
}
.pm-experience{border-top:1px solid var(--af-border);}
.pm-exp-header{padding:0.75rem 1.25rem 0.5rem;display:flex;align-items:center;justify-content:space-between;}
.pm-exp-label{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--pm-accent,var(--af-orange));letter-spacing:0.18em;text-transform:uppercase;}

/* Championships trophy shelf */
.pm-champ-shelf{
  padding:0 1.25rem 1rem;
  display:flex;flex-direction:column;gap:0.5rem;
}
.pm-champ-league{
  margin-bottom:0.25rem;
}
.pm-champ-league-name{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  letter-spacing:0.16em;color:var(--af-muted);text-transform:uppercase;
  margin-bottom:0.3rem;display:flex;align-items:center;gap:0.5rem;
}
.pm-champ-league-name::after{
  content:'';flex:1;height:1px;background:var(--af-border);
}
.pm-champ-list{display:flex;flex-direction:column;gap:3px;}
.pm-champ-item{
  display:flex;align-items:center;gap:0.6rem;
  padding:0.35rem 0.5rem;
  background:rgba(201,168,76,0.06);
  border:0.5px solid rgba(201,168,76,0.2);
  border-left:2px solid var(--af-gold);
}
.pm-champ-medal{font-size:14px;flex-shrink:0;}
.pm-champ-text{
  font-family:'Barlow',sans-serif;font-size:12px;
  color:var(--af-text);flex:1;line-height:1.3;
}
.pm-champ-awards{display:flex;gap:3px;flex-wrap:wrap;margin-top:2px;}
.pm-champ-award{
  font-family:'Share Tech Mono',monospace;font-size:7px;
  color:var(--af-gold);background:rgba(201,168,76,0.1);
  border:0.5px solid rgba(201,168,76,0.25);padding:1px 5px;
}

/* Full resume expand button */
.pm-resume-btn{
  margin:0 1.25rem 0.75rem;
  font-family:'Share Tech Mono',monospace;font-size:9px;
  letter-spacing:0.12em;color:var(--af-muted);
  background:var(--af-surface);
  border:0.5px solid var(--af-border);
  padding:6px 14px;cursor:pointer;
  text-align:center;width:calc(100% - 2.5rem);
  transition:all 0.15s;display:block;
}
.pm-resume-btn:hover{color:var(--af-text);border-color:var(--af-muted);}

/* Full resume section */
.pm-full-resume{display:none;border-top:1px solid var(--af-border);}
.pm-full-resume.open{display:block;}
.pm-resume-league-block{padding:0.6rem 1.25rem;}
.pm-resume-league-title{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  letter-spacing:0.16em;color:var(--af-muted);text-transform:uppercase;
  margin-bottom:0.4rem;display:flex;align-items:center;gap:0.5rem;
}
.pm-resume-league-title::after{content:'';flex:1;height:1px;background:var(--af-border);}
.pm-resume-item{
  display:flex;align-items:baseline;gap:0.5rem;
  padding:0.25rem 0;border-bottom:1px solid rgba(46,44,40,0.25);
  font-size:11px;
}
.pm-resume-item:last-child{border-bottom:none;}
.pm-exp-result{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.06em;flex-shrink:0;padding:1px 5px;}
.pm-exp-result.gold{background:rgba(201,168,76,0.15);color:var(--af-gold);border:0.5px solid rgba(201,168,76,0.3);}
.pm-exp-result.silver{background:rgba(160,160,160,0.1);color:#b8b8b8;border:0.5px solid rgba(160,160,160,0.25);}
.pm-exp-result.bronze{background:rgba(176,112,60,0.12);color:#c47a3a;border:0.5px solid rgba(176,112,60,0.3);}
.pm-exp-result.part{background:rgba(138,132,116,0.1);color:var(--af-muted);border:0.5px solid var(--af-border);}
.pm-exp-league{font-family:'Barlow',sans-serif;font-size:11.5px;color:var(--af-text);flex:1;line-height:1.3;}
.pm-exp-award{font-family:'Share Tech Mono',monospace;font-size:8px;color:var(--af-gold);letter-spacing:0.06em;background:rgba(201,168,76,0.08);border:0.5px solid rgba(201,168,76,0.2);padding:1px 5px;flex-shrink:0;}
.pm-exp-show-more{display:none;} /* hide old toggle */

/* Footer social links */
.pm-footer{
  padding:0.75rem 1.25rem;
  border-top:1px solid var(--af-border);
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(80px,1fr));
  gap:0.4rem;
  background:rgba(0,0,0,0.2);
}
.pm-social-btn{
  display:flex;align-items:center;justify-content:center;gap:5px;
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-muted);text-decoration:none;
  border:0.5px solid var(--af-border);
  padding:7px 8px;
  letter-spacing:0.08em;transition:all 0.15s;
  width:100%;text-align:center;
}
.pm-social-btn:hover{color:var(--af-orange);border-color:var(--af-orange);}
.pm-social-btn.steam:hover{color:#66c0f4;border-color:#66c0f4;}
.pm-social-btn.twitch:hover{color:#9146ff;border-color:#9146ff;}
.pm-social-btn.youtube:hover{color:#ff0000;border-color:#ff0000;}
.pm-social-btn.logs:hover{color:var(--af-win);border-color:var(--af-win);}
.pm-social-btn svg{width:11px;height:11px;fill:currentColor;flex-shrink:0;}

/* Mobile modal */
.discord-section{padding:0 2rem 1.75rem;}
.discord-card{
  background:var(--af-surface);
  border:0.5px solid var(--af-border);
  border-left:3px solid #5865F2;
  display:flex;align-items:center;gap:1.25rem;
  padding:1rem 1.25rem;
  text-decoration:none;color:inherit;
  transition:border-color 0.15s,background 0.15s;
  position:relative;overflow:hidden;
}
.discord-card:hover{background:var(--af-surface2);border-color:#5865F2;}
.discord-logo{
  width:40px;height:40px;border-radius:50%;
  background:#5865F2;display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.discord-logo svg{width:22px;height:22px;fill:#fff;}
.discord-info{flex:1;min-width:0;}
.discord-server-name{
  font-family:'Bebas Neue',sans-serif;font-size:17px;
  letter-spacing:0.06em;color:var(--af-text);
}
.discord-desc{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  color:var(--af-muted);letter-spacing:0.08em;margin-top:3px;
}
.discord-meta{
  display:flex;gap:0.75rem;margin-top:6px;
}
.discord-pill{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  padding:2px 7px;letter-spacing:0.08em;
  border:0.5px solid var(--af-border);color:var(--af-muted);
}
.discord-pill.online{border-color:rgba(58,224,122,0.35);color:var(--af-win);}
.discord-join-btn{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  color:#fff;background:#5865F2;border:none;
  padding:6px 14px;letter-spacing:0.1em;cursor:pointer;
  flex-shrink:0;transition:background 0.15s;
}
.discord-join-btn:hover{background:#4752C4;}

/* ── Clip Submission ── */
.clip-submit-overlay{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,0.92);z-index:300;
  align-items:center;justify-content:center;padding:1rem;
  backdrop-filter:blur(6px);
}
.clip-submit-overlay.visible{display:flex;}
.clip-submit-modal{
  background:var(--af-dark);
  border:0.5px solid var(--af-border);
  border-top:3px solid var(--af-orange);
  max-width:460px;width:100%;
  padding:1.5rem;position:relative;
  animation:modalIn 0.25s cubic-bezier(0.34,1.26,0.64,1);
}
.csm-title{
  font-family:'Bebas Neue',sans-serif;font-size:24px;
  letter-spacing:0.08em;color:var(--af-text);margin-bottom:0.25rem;
}
.csm-sub{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-muted);letter-spacing:0.12em;margin-bottom:1.25rem;
}
.csm-field{margin-bottom:0.9rem;}
.csm-label{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-muted);letter-spacing:0.12em;text-transform:uppercase;
  display:block;margin-bottom:5px;
}
.csm-input,.csm-select{
  width:100%;background:var(--af-surface);
  border:0.5px solid var(--af-border);
  color:var(--af-text);padding:8px 12px;
  font-family:'Barlow',sans-serif;font-size:13px;
  outline:none;transition:border-color 0.15s;
  box-sizing:border-box;
  -webkit-appearance:none;
}
.csm-input:focus,.csm-select:focus{border-color:var(--af-orange);}
.csm-input::placeholder{color:var(--af-muted);}
.csm-hint{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  color:var(--af-muted);letter-spacing:0.08em;margin-top:4px;
}
.csm-actions{display:flex;gap:0.5rem;margin-top:1.25rem;}
.csm-btn{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  letter-spacing:0.12em;padding:8px 18px;cursor:pointer;
  transition:all 0.15s;border:none;flex:1;
}
.csm-btn.submit{background:var(--af-orange);color:#fff;}
.csm-btn.submit:hover{background:#d4561a;}
.csm-btn.submit:disabled{background:var(--af-border);color:var(--af-muted);cursor:not-allowed;}
.csm-btn.cancel{background:var(--af-surface);color:var(--af-muted);border:0.5px solid var(--af-border);}
.csm-btn.cancel:hover{color:var(--af-text);border-color:var(--af-text);}
.csm-status{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  letter-spacing:0.1em;padding:6px 10px;margin-top:0.75rem;
  text-align:center;display:none;
}
.csm-status.success{color:var(--af-win);background:rgba(58,224,122,0.08);border:0.5px solid rgba(58,224,122,0.2);}
.csm-status.error{color:#e05c3a;background:rgba(224,92,58,0.08);border:0.5px solid rgba(224,92,58,0.2);}
/* Submit clip button on player card in modal */
.pm-submit-clip-btn{
  display:flex;align-items:center;justify-content:center;gap:5px;
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-muted);
  border:0.5px dashed var(--af-border);padding:7px 8px;
  letter-spacing:0.08em;transition:all 0.15s;
  width:100%;cursor:pointer;background:none;
}
.pm-submit-clip-btn:hover{color:var(--af-orange);border-color:var(--af-orange);border-style:solid;}
/* Submitted clip badge on lineup card */
.lc-clip-count{
  position:absolute;top:4px;right:4px;
  font-family:'Share Tech Mono',monospace;font-size:7px;
  color:var(--af-gold);background:rgba(201,168,76,0.15);
  border:0.5px solid rgba(201,168,76,0.3);
  padding:1px 4px;z-index:4;
}
#page-progress{
  position:fixed;top:0;left:0;height:2px;width:0%;
  background:var(--af-orange);z-index:9999;
  transition:width 0.25s ease,opacity 0.4s ease;
  box-shadow:0 0 8px rgba(232,98,26,0.7);
  pointer-events:none;
}

/* ── Custom scrollbar ── */
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:#0d0d0b;}
::-webkit-scrollbar-thumb{background:var(--af-border);border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:var(--af-orange);}
html{scrollbar-width:thin;scrollbar-color:var(--af-border) #0d0d0b;}

/* ── Print styles — only show share card ── */
@media print {
  body > *:not(.share-card-overlay) { display: none !important; }
  .share-card-overlay { display: flex !important; position: static !important; background: #fff !important; padding: 0 !important; }
  .share-card { border: 2px solid #c9a84c; max-width: 100%; }
  .share-card-close, .sc-actions { display: none !important; }
  #page-progress, #confetti-canvas, #particles-canvas, #sealed-overlay, #sealed-particles { display: none !important; }
}

/* ── Map pills ── */
.map-pill{
  display:inline-block;
  font-family:'Share Tech Mono',monospace;font-size:8px;
  letter-spacing:0.06em;padding:1px 5px;
  border-radius:2px;margin-left:5px;font-weight:700;
  vertical-align:middle;flex-shrink:0;
}
.map-swiftwater{background:rgba(58,160,224,0.18);color:#5eb4e0;border:0.5px solid rgba(58,160,224,0.3);}
.map-product{background:rgba(138,84,186,0.18);color:#b07fd4;border:0.5px solid rgba(138,84,186,0.3);}
.map-upward{background:rgba(232,98,26,0.15);color:#e8874a;border:0.5px solid rgba(232,98,26,0.3);}
.map-ashville{background:rgba(58,224,122,0.12);color:#5ece8a;border:0.5px solid rgba(58,224,122,0.25);}
.map-vigil{background:rgba(201,168,76,0.15);color:#c9a84c;border:0.5px solid rgba(201,168,76,0.3);}
.map-proot{background:rgba(224,58,58,0.15);color:#e07a7a;border:0.5px solid rgba(224,58,58,0.3);}
.map-steel{background:rgba(140,140,140,0.15);color:#aaaaaa;border:0.5px solid rgba(140,140,140,0.3);}

/* ── Logs.tf link tooltip ── */
.rr-log,.pm-log,.gf-log{position:relative;}
.rr-log::after,.pm-log::after,.gf-log::after{
  content:attr(data-tip);
  position:absolute;bottom:calc(100% + 6px);right:0;
  background:#1a1917;border:0.5px solid var(--af-border);
  color:var(--af-text);font-size:9px;letter-spacing:0.06em;
  padding:4px 8px;white-space:nowrap;pointer-events:none;
  opacity:0;transition:opacity 0.15s;z-index:10;
  font-family:'Share Tech Mono',monospace;
}
.rr-log:hover::after,.pm-log:hover::after,.gf-log:hover::after{opacity:1;}

/* ── H2H badge ── */
.h2h-badge{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  letter-spacing:0.07em;padding:1px 6px;
  border:0.5px solid rgba(201,168,76,0.3);
  color:var(--af-gold);background:rgba(201,168,76,0.07);
  white-space:nowrap;flex-shrink:0;
}

/* ── Grand final quote ── */
.gf-quote{
  margin:0.75rem 1.25rem 0;
  border-left:3px solid var(--af-gold);
  padding:0.75rem 1rem;
  background:rgba(201,168,76,0.04);
  position:relative;
}
.gf-quote-text{
  font-family:'Barlow',sans-serif;font-size:13px;
  font-weight:500;font-style:italic;
  color:var(--af-text);line-height:1.5;
  opacity:0.9;
}
.gf-quote-attr{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-gold);letter-spacing:0.1em;
  margin-top:0.4rem;opacity:0.75;
}

/* ── Trophy graphic in season summary ── */
.sb-trophy{
  font-size:18px;
  filter:drop-shadow(0 0 6px rgba(201,168,76,0.5));
  flex-shrink:0;
}

/* ── Logo parallax ── */
#mainLogo{transition:transform 0.12s ease;transform-style:preserve-3d;}

/* ── Confetti canvas ── */
#confetti-canvas{
  position:fixed;inset:0;pointer-events:none;z-index:8000;
}

/* ── Responsive: hide map pills on tiny screens ── */
@media(max-width:400px){.map-pill{display:none;}}

/* ── Ambient particles canvas ── */
#particles-canvas{
  position:fixed;inset:0;pointer-events:none;z-index:0;opacity:1;
}
body{position:relative;}

/* ── Card flip ── */
.roster-grid{perspective:900px;}
.player-card{
  transform-style:preserve-3d;
  transition:transform 0.15s ease,border-color 0.15s,opacity 0.2s,filter 0.2s,box-shadow 0.15s !important;
}
.player-card.flipped{transform:rotateY(180deg) !important;}
.player-card:hover:not(.flipped){transform:translateY(-5px) !important;box-shadow:0 8px 20px rgba(0,0,0,0.45) !important;}

/* Front face — existing content */
.card-face-front{
  position:absolute;inset:0;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  display:flex;align-items:stretch;width:100%;
}

/* Back face — profile info */
.card-face-back{
  position:absolute;inset:0;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:rotateY(180deg);
  background:var(--af-surface);
  border-left:3px solid var(--af-orange);
  display:flex;flex-direction:column;
  padding:0.7rem 0.75rem;
  gap:0.3rem;
  overflow:hidden;
}
.cfb-avatar{
  width:32px;height:32px;border-radius:3px;
  object-fit:cover;border:1px solid var(--af-border);
  background:var(--af-surface2);flex-shrink:0;
}
.cfb-avatar-icon{
  width:32px;height:32px;border-radius:3px;
  display:flex;align-items:center;justify-content:center;
  font-family:'Share Tech Mono',monospace;font-size:9px;font-weight:700;
  flex-shrink:0;
}
.cfb-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.2rem;}
.cfb-name{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:0.05em;color:var(--af-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cfb-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(46,44,40,0.4);padding-top:0.25rem;}
.cfb-lbl{font-family:'Share Tech Mono',monospace;font-size:8px;color:var(--af-muted);letter-spacing:0.08em;text-transform:uppercase;}
.cfb-val{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--af-text);font-weight:600;}
.cfb-val.gold{color:var(--af-gold);}
.cfb-val.green{color:var(--af-win);}
.cfb-steam-hint{
  font-family:'Share Tech Mono',monospace;font-size:8px;color:var(--af-muted);
  letter-spacing:0.07em;margin-top:auto;padding-top:0.3rem;
  border-top:1px solid rgba(46,44,40,0.4);opacity:0.6;
}
.card-flip-hint{
  position:absolute;top:4px;right:5px;
  font-family:'Share Tech Mono',monospace;font-size:7px;
  color:var(--af-muted);opacity:0;letter-spacing:0.05em;
  transition:opacity 0.15s;pointer-events:none;
  z-index:2;
}
.player-card:hover .card-flip-hint{opacity:0.5;}

/* Make .player-card a positioning context for the two faces */
.player-card{position:relative;min-height:70px;}

/* ── Captain spotlight ── */
.captain-spotlight{
  padding:1.5rem 2rem;
  border-bottom:1px solid var(--af-border);
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1.5rem;
  align-items:start;
  background:linear-gradient(135deg,rgba(245,200,0,0.04),transparent 60%);
  position:relative;overflow:hidden;
}
.captain-spotlight::before{
  content:'';position:absolute;top:0;right:0;
  width:40%;height:100%;
  background:linear-gradient(135deg,transparent,rgba(201,168,76,0.03));
  pointer-events:none;
}
.cs-avatar-wrap{position:relative;flex-shrink:0;}
.cs-avatar{
  width:80px;height:80px;border-radius:4px;
  object-fit:cover;
  border:2px solid var(--af-gold);
  box-shadow:0 0 16px rgba(201,168,76,0.3);
}
.cs-avatar-icon{
  width:80px;height:80px;border-radius:4px;
  background:#1a2e22;color:#3ae07a;
  display:flex;align-items:center;justify-content:center;
  font-family:'Share Tech Mono',monospace;font-size:16px;font-weight:700;
  border:2px solid var(--af-gold);
  box-shadow:0 0 16px rgba(201,168,76,0.3);
}
.cs-crown{
  position:absolute;top:-8px;left:50%;transform:translateX(-50%);
  font-size:16px;filter:drop-shadow(0 0 6px rgba(201,168,76,0.7));
}
.cs-body{}
.cs-header{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;margin-bottom:0.3rem;}
.cs-name{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:0.06em;color:var(--af-gold);line-height:1;}
.cs-badge{
  font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:0.14em;
  color:#111;font-weight:700;
  background:linear-gradient(135deg,#e8c96a,#c9a84c,#a8893a);
  box-shadow:0 0 6px rgba(201,168,76,0.4);
  padding:2px 8px;
}
.cs-role{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--af-muted);letter-spacing:0.14em;margin-bottom:0.5rem;}
.cs-blurb{font-family:'Barlow',sans-serif;font-size:12.5px;line-height:1.6;color:var(--af-text);opacity:0.85;margin-bottom:0.75rem;max-width:480px;}
.cs-awards{display:flex;gap:0.4rem;flex-wrap:wrap;}
.cs-award{
  font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:0.1em;
  padding:3px 8px;
  border:0.5px solid var(--af-gold-dim);
  color:var(--af-gold);background:rgba(201,168,76,0.07);
}
.cs-award.orange{border-color:rgba(232,98,26,0.3);color:var(--af-orange);background:rgba(232,98,26,0.05);}

.rivals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.6rem;}
.rival-card{
  background:var(--af-surface);border:0.5px solid var(--af-border);
  padding:0.85rem 1rem;position:relative;overflow:hidden;
}
.rival-card::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
}
.rival-card.dominant::before{background:var(--af-win);}
.rival-card.contested::before{background:var(--af-gold);}
.rival-name{font-family:'Bebas Neue',sans-serif;font-size:17px;letter-spacing:0.06em;color:var(--af-text);margin-bottom:0.4rem;}
.rival-record{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem;}
.rival-w{font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--af-win);line-height:1;}
.rival-sep{font-family:'Bebas Neue',sans-serif;font-size:16px;color:var(--af-muted);opacity:0.5;}
.rival-l{font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--af-loss);line-height:1;}
.rival-bar-track{height:4px;background:var(--af-border);border-radius:2px;overflow:hidden;margin-bottom:0.4rem;}
.rival-bar-fill{height:100%;border-radius:2px;transition:width 0.8s ease;}
.rival-tag{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:0.1em;color:var(--af-muted);}
.rival-tag.green{color:var(--af-win);}
.rival-tag.gold{color:var(--af-gold);}

/* ── Win streak / form guide ── */
.form-guide{
  display:flex;gap:3px;align-items:center;flex-wrap:nowrap;
  padding:0.75rem 0 0.25rem;
}
.fg-block{
  flex:1;height:28px;
  display:flex;align-items:center;justify-content:center;
  font-family:'Share Tech Mono',monospace;font-size:8px;
  font-weight:700;letter-spacing:0.04em;
  position:relative;
  transition:transform 0.1s;cursor:default;
}
.fg-block:hover{transform:scaleY(1.15);}
.fg-block.w{background:rgba(58,224,122,0.18);color:var(--af-win);border-bottom:2px solid var(--af-win);}
.fg-block.l{background:rgba(224,58,58,0.15);color:var(--af-loss);border-bottom:2px solid var(--af-loss);}
.fg-block.b{background:rgba(138,132,116,0.1);color:var(--af-muted);border-bottom:2px solid var(--af-border);}
.fg-block.playoff{border:1px solid var(--af-gold);background:rgba(201,168,76,0.1);color:var(--af-gold);border-bottom:2px solid var(--af-gold);}
.form-legend{display:flex;gap:1rem;font-family:'Share Tech Mono',monospace;font-size:8px;color:var(--af-muted);letter-spacing:0.08em;padding-top:0.4rem;}
.map-winrate{
  padding:0.9rem 1.25rem 0.75rem;
  border-bottom:1px solid var(--af-border);
}
.mwr-title{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-muted);letter-spacing:0.18em;text-transform:uppercase;
  margin-bottom:0.65rem;
}
.mwr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:0.4rem;}
.mwr-cell{
  background:rgba(0,0,0,0.2);
  border:0.5px solid var(--af-border);
  padding:0.45rem 0.6rem;
}
.mwr-map-name{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  letter-spacing:0.06em;text-transform:uppercase;color:var(--af-text);
  margin-bottom:0.3rem;
}
.mwr-bar-track{height:3px;background:var(--af-border);border-radius:2px;overflow:hidden;margin-bottom:0.25rem;}
.mwr-bar-fill{height:100%;border-radius:2px;transition:width 0.8s ease;}
.mwr-record{font-family:'Share Tech Mono',monospace;font-size:8px;color:var(--af-muted);letter-spacing:0.06em;}
.mwr-record .w{color:var(--af-win);}
.mwr-record .l{color:var(--af-loss);}

/* ── Season sealed flash ── */
@keyframes sealedFlash{
  0%{opacity:0;}15%{opacity:1;}85%{opacity:1;}100%{opacity:0;}
}
#sealed-overlay{
  position:fixed;inset:0;z-index:7000;pointer-events:none;
  background:radial-gradient(ellipse at center, rgba(201,168,76,0.18) 0%, transparent 70%);
  opacity:0;
}
#sealed-overlay.active{animation:sealedFlash 1.8s ease forwards;}
#sealed-particles{position:fixed;inset:0;z-index:7001;pointer-events:none;}

/* ── Flip toggle button on cards ── */
.card-flip-btn{
  position:absolute;bottom:4px;right:4px;
  width:18px;height:18px;
  background:rgba(46,44,40,0.8);
  border:0.5px solid var(--af-border);
  color:var(--af-muted);font-size:11px;
  cursor:pointer;z-index:3;
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity 0.15s;
  padding:0;line-height:1;
}
.player-card:hover .card-flip-btn{opacity:1;}
.card-flip-btn:hover{color:var(--af-orange);border-color:var(--af-orange);}

/* ── Next match countdown ── */
.countdown-strip{
  background:linear-gradient(90deg,rgba(232,98,26,0.08),rgba(232,98,26,0.04),transparent);
  border-bottom:1px solid rgba(232,98,26,0.2);
  padding:0.6rem 2rem;
  display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;
}
.cd-label{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-orange);letter-spacing:0.18em;text-transform:uppercase;
  flex-shrink:0;
}
.cd-match{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  color:var(--af-text);letter-spacing:0.08em;flex:1;min-width:0;
}
.cd-match span{color:var(--af-muted);}
.cd-timer{
  display:flex;gap:0.5rem;align-items:center;flex-shrink:0;
}
.cd-unit{text-align:center;}
.cd-num{
  font-family:'Bebas Neue',sans-serif;font-size:22px;
  color:var(--af-orange);line-height:1;letter-spacing:0.04em;
  min-width:28px;display:block;
}
.cd-unit-lbl{
  font-family:'Share Tech Mono',monospace;font-size:8px;
  color:var(--af-muted);letter-spacing:0.1em;text-transform:uppercase;
}
.cd-sep{
  font-family:'Bebas Neue',sans-serif;font-size:20px;
  color:var(--af-orange);opacity:0.4;margin-top:-4px;
}
.cd-live{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  color:var(--af-win);letter-spacing:0.1em;
  animation:pulse 1s infinite;
}
@media(max-width:600px){
  .countdown-strip{padding:0.6rem 1.5rem;gap:0.75rem;}
  .cd-match{display:none;}
}

/* ── Recruitment status banner ── */
.recruit-banner{
  display:flex;align-items:center;gap:0.75rem;
  padding:0.5rem 2rem;
  background:rgba(58,224,122,0.05);
  border-bottom:1px solid rgba(58,224,122,0.2);
  flex-wrap:wrap;
}
.recruit-banner.locked{background:rgba(232,98,26,0.05);border-bottom-color:rgba(232,98,26,0.2);}
.rb-dot{width:7px;height:7px;border-radius:50%;background:var(--af-win);flex-shrink:0;animation:pulse 2s infinite;}
.recruit-banner.locked .rb-dot{background:var(--af-orange);animation:none;}
.rb-text{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:0.12em;color:var(--af-text);}
.rb-text strong{color:var(--af-win);}
.recruit-banner.locked .rb-text strong{color:var(--af-orange);}
.rb-dismiss{
  margin-left:auto;font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-muted);background:none;border:none;cursor:pointer;
  letter-spacing:0.1em;padding:0;
}
.rb-dismiss:hover{color:var(--af-text);}

/* ── About section ── */
.about-section{
  padding:0.9rem 2rem;
  border-bottom:1px solid var(--af-border);
  display:grid;grid-template-columns:1fr auto;gap:1.25rem;align-items:center;
}
.about-text{font-size:12.5px;line-height:1.6;color:var(--af-text);opacity:0.82;}
.about-text p{margin-bottom:0;}
.about-highlights{display:flex;flex-direction:row;gap:0.4rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;}
.about-pill{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  letter-spacing:0.1em;padding:4px 10px;
  border:0.5px solid var(--af-border);color:var(--af-muted);
  white-space:nowrap;text-align:center;
}
.about-pill.gold{border-color:var(--af-gold-dim);color:var(--af-gold);background:rgba(201,168,76,0.06);}
.about-pill.orange{border-color:rgba(232,98,26,0.3);color:var(--af-orange);background:rgba(232,98,26,0.05);}

/* ── Contact / sponsor section ── */
.contact-section{
  padding:1.25rem 2rem;
  border-top:1px solid var(--af-border);
  display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;
}
.contact-label{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  color:var(--af-muted);letter-spacing:0.15em;text-transform:uppercase;
  flex-shrink:0;
}
.contact-item{
  display:flex;align-items:center;gap:0.5rem;
  font-family:'Share Tech Mono',monospace;font-size:10px;
  color:var(--af-text);letter-spacing:0.08em;
}
.contact-item svg{width:12px;height:12px;fill:currentColor;flex-shrink:0;color:var(--af-muted);}
.contact-badge{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-gold);border:0.5px solid var(--af-gold-dim);
  padding:2px 8px;letter-spacing:0.08em;background:rgba(201,168,76,0.06);
}

/* ── AF official link ── */
.af-link{
  display:inline-flex;align-items:center;gap:5px;
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--af-muted);text-decoration:none;
  border:0.5px solid var(--af-border);padding:2px 8px;
  letter-spacing:0.09em;transition:all 0.15s;
}
.af-link:hover{color:var(--af-orange);border-color:var(--af-orange);}

/* ── Mobile audit fixes ── */
/* ── Logs.tf link on card back ── */
.cfb-logs-btn{
  display:inline-flex;align-items:center;gap:4px;
  font-family:'Share Tech Mono',monospace;font-size:8px;
  color:var(--af-muted);text-decoration:none;
  border:0.5px solid var(--af-border);padding:2px 7px;
  letter-spacing:0.08em;transition:all 0.12s;
  margin-top:auto;
}
.cfb-logs-btn:hover{color:var(--af-orange);border-color:var(--af-orange);}

/* ── Section scroll animations ── */
.scroll-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.55s cubic-bezier(0.4,0,0.2,1), transform 0.55s cubic-bezier(0.4,0,0.2,1);
}
.scroll-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}
.scroll-reveal.delay-1{transition-delay:0.08s;}
.scroll-reveal.delay-2{transition-delay:0.16s;}
.scroll-reveal.delay-3{transition-delay:0.24s;}

/* ── Player name search ── */
.roster-search-wrap{
  position:relative;margin-bottom:0.75rem;
}
.roster-search{
  width:100%;
  background:var(--af-surface);
  border:0.5px solid var(--af-border);
  color:var(--af-text);
  font-family:'Share Tech Mono',monospace;
  font-size:11px;letter-spacing:0.1em;
  padding:0.6rem 2rem 0.6rem 0.9rem;
  outline:none;transition:border-color 0.15s;
}
.roster-search::placeholder{color:var(--af-muted);opacity:0.6;}
.roster-search:focus{border-color:var(--af-orange);}
.roster-search-icon{
  position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);
  font-size:11px;color:var(--af-muted);pointer-events:none;
}
.roster-search-clear{
  position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);
  font-size:11px;color:var(--af-muted);cursor:pointer;
  background:none;border:none;padding:0;display:none;
  font-family:'Share Tech Mono',monospace;letter-spacing:0.05em;
}
.roster-search-clear:hover{color:var(--af-orange);}
.roster-no-results{
  font-family:'Share Tech Mono',monospace;font-size:10px;
  color:var(--af-muted);letter-spacing:0.1em;
  padding:1rem 0;display:none;text-align:center;
}

/* ── Share player button in modal ── */
.pm-share-btn{
  display:flex;align-items:center;gap:6px;
  font-family:'Share Tech Mono',monospace;font-size:10px;
  color:var(--af-muted);background:transparent;
  border:0.5px solid var(--af-border);padding:5px 10px;
  cursor:pointer;letter-spacing:0.1em;transition:all 0.15s;
  margin-left:auto;
}
.pm-share-btn:hover{color:var(--af-gold);border-color:var(--af-gold);}
.pm-share-btn.copied{color:var(--af-win);border-color:var(--af-win);}

/* ── RCM Logo ── */
.rcm-logo-wrap{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.rcm-logo-wrap{
  background:transparent;
  position:relative;
}
.rcm-logo-img{
  width:160px;
  border-radius:6px;
  filter:
    brightness(1.15)
    contrast(1.1)
    saturate(1.1)
    drop-shadow(0 0 12px rgba(245,200,0,0.9))
    drop-shadow(0 0 28px rgba(245,200,0,0.5))
    drop-shadow(0 0 50px rgba(245,200,0,0.25));
  opacity:1;
  transition:none!important;
  animation:logoEntrance 0.8s cubic-bezier(0.34,1.26,0.64,1) both, logoGlowPulse 3s ease-in-out infinite 0.8s;
  position:relative;z-index:2;
  pointer-events:none;
  -webkit-user-select:none;user-select:none;
}
@keyframes logoGlowPulse{
  0%,100%{filter:brightness(1.1) contrast(1.1) saturate(1.1) drop-shadow(0 0 10px rgba(245,200,0,0.8)) drop-shadow(0 0 24px rgba(245,200,0,0.4)) drop-shadow(0 0 45px rgba(245,200,0,0.2));}
  50%{filter:brightness(1.25) contrast(1.15) saturate(1.2) drop-shadow(0 0 18px rgba(245,200,0,1)) drop-shadow(0 0 40px rgba(245,200,0,0.7)) drop-shadow(0 0 70px rgba(245,200,0,0.35));}
}
.rcm-logo-img:hover,
.rcm-logo-img:focus,
.rcm-logo-img:active,
.rcm-logo-wrap:hover .rcm-logo-img,
.hero-logo:hover .rcm-logo-img,
#mainLogo:hover .rcm-logo-img{
  filter:brightness(1.15) contrast(1.1) saturate(1.1) drop-shadow(0 0 12px rgba(245,200,0,0.9)) drop-shadow(0 0 28px rgba(245,200,0,0.5)) drop-shadow(0 0 50px rgba(245,200,0,0.25))!important;
  transform:none!important;
  outline:none!important;
  border:none!important;
  opacity:1!important;
}
@keyframes logoEntrance{
  from{opacity:0;transform:scale(0.85) translateY(8px);}
  to{opacity:0.92;transform:scale(1) translateY(0);}
}
/* Hero logo glow behind */
.rcm-logo-glow{
  position:absolute;
  width:200px;height:120px;
  background:radial-gradient(ellipse,rgba(245,200,0,0.12) 0%,transparent 70%);
  pointer-events:none;
  animation:glowPulse 3s ease-in-out infinite;
}
@keyframes glowPulse{0%,100%{opacity:0.5;}50%{opacity:1;}}

/* ══ SHARED NAV ══ */
.asiatf-nav{
  position:sticky;top:0;z-index:999;height:52px;
  display:flex;align-items:center;padding:0 1.5rem;gap:0;
  background:rgba(9,9,15,0.97);
  border-bottom:1px solid rgba(255,255,255,0.06);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.anav-logo{
  display:flex;align-items:center;gap:0.5rem;
  text-decoration:none;flex-shrink:0;margin-right:1.5rem;
}
.anav-hex{
  width:22px;height:22px;
  background:#4A9EFF;
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
}
.anav-wordmark{
  font-family:'Bebas Neue',sans-serif;font-size:18px;
  letter-spacing:0.1em;color:#fff;
}
.anav-wordmark span{color:#4A9EFF;}
.anav-links{
  display:flex;align-items:center;flex:1;height:52px;
}
.anav-links a,.anav-links button{
  font-family:'Share Tech Mono',monospace;font-size:9px;
  letter-spacing:0.14em;color:rgba(255,255,255,0.45);
  padding:0 0.85rem;height:52px;
  display:flex;align-items:center;
  text-decoration:none;background:none;border:none;cursor:pointer;
  border-bottom:2px solid transparent;
  transition:color 0.15s,border-color 0.15s;
  white-space:nowrap;
}
.anav-links a:hover,.anav-links button:hover,
.anav-links a.active{
  color:#fff;border-bottom-color:#4A9EFF;
}
.anav-dropdown{position:relative;display:flex;align-items:center;}
.anav-dropdown-menu{
  display:none;
  position:absolute;top:52px;left:0;
  background:rgba(9,9,15,0.99);
  border:0.5px solid rgba(255,255,255,0.08);
  border-top:2px solid #4A9EFF;
  min-width:220px;z-index:1000;
  backdrop-filter:blur(20px);
}
.anav-dropdown:hover .anav-dropdown-menu,
.anav-dropdown.open .anav-dropdown-menu{display:block;}
.anav-dropdown-menu a{
  display:flex;align-items:center;gap:0.5rem;
  padding:0.65rem 1rem;
  font-family:'Share Tech Mono',monospace;font-size:8px;
  letter-spacing:0.12em;color:rgba(255,255,255,0.45);
  text-decoration:none;
  border-bottom:0.5px solid rgba(255,255,255,0.05);
  transition:background 0.12s,color 0.12s;
}
.anav-dropdown-menu a:last-child{border-bottom:none;}
.anav-dropdown-menu a:hover{
  background:rgba(74,158,255,0.08);color:#fff;
}
.anav-dropdown-menu .dmenu-badge{
  font-size:6px;letter-spacing:0.1em;
  padding:1px 5px;background:rgba(74,158,255,0.15);
  color:#4A9EFF;border:0.5px solid rgba(74,158,255,0.25);
  margin-left:auto;flex-shrink:0;
}
/* ── Sub-flyout (3rd level) ── */
.anav-flyout{position:relative;}
.anav-flyout-trigger{
  display:flex;align-items:center;justify-content:space-between;gap:0.5rem;
  padding:0.65rem 1rem;
  font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:0.12em;
  color:rgba(255,255,255,0.45);cursor:default;white-space:nowrap;
  border-bottom:0.5px solid rgba(255,255,255,0.05);
  transition:background 0.12s,color 0.12s;
}
.anav-flyout:last-child .anav-flyout-trigger{border-bottom:none;}
.anav-flyout:hover .anav-flyout-trigger{background:rgba(74,158,255,0.08);color:#fff;}
.anav-submenu{
  display:none;position:absolute;top:0;left:100%;
  background:rgba(9,9,15,0.99);
  border:0.5px solid rgba(255,255,255,0.08);
  border-top:2px solid #4A9EFF;
  min-width:220px;z-index:1001;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
.anav-flyout:hover .anav-submenu{display:block;}
.anav-right{margin-left:auto;display:flex;align-items:center;gap:0.5rem;}
.anav-discord{
  font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:0.14em;
  color:#4A9EFF;background:rgba(74,158,255,0.1);
  border:0.5px solid rgba(74,158,255,0.3);
  padding:6px 14px;text-decoration:none;
  transition:all 0.15s;flex-shrink:0;
}
.anav-discord:hover{background:rgba(74,158,255,0.2);}
.anav-hamburger{
  display:none;
  background:none;border:none;cursor:pointer;
  padding:0 0.5rem;height:52px;
  color:rgba(255,255,255,0.6);font-size:18px;
  align-items:center;
}
@media(max-width:700px){
  .anav-links{display:none;}
  .anav-links.open{
    display:flex;flex-direction:column;align-items:stretch;height:auto;
    position:absolute;top:52px;left:0;right:0;
    background:rgba(9,9,15,0.99);
    border-bottom:1px solid rgba(255,255,255,0.06);
    z-index:998;
  }
  .anav-links.open a,.anav-links.open button{
    height:44px;border-bottom:0.5px solid rgba(255,255,255,0.04);
    border-right:none;padding:0 1.25rem;
  }
  .anav-links.open .anav-dropdown-menu{
    position:static;border:none;border-top:none;
    background:rgba(255,255,255,0.03);
  }
  .anav-links.open .anav-flyout-trigger{padding:0.5rem 1.5rem;}
  .anav-links.open .anav-submenu{position:static;border:none;border-top:none;background:rgba(255,255,255,0.02);padding-left:0.75rem;}
  .anav-hamburger{display:flex;}
  .anav-discord{font-size:7px;padding:5px 10px;}
}
/* ══ END SHARED NAV ══ */