*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
:root{
  --af-orange:#F9D402;
  --af-dark:#0d0a14;
  --af-surface:#13101c;
  --af-surface2:#1b1626;
  --af-border:rgba(156,89,189,0.18);
  --af-text:#E8E4D8;
  --af-muted:#7a6d8a;
  --af-gold:#F9D402;
  --af-gold-dim:rgba(249,212,2,0.2);
  --af-win:#3ae07a;
  --af-loss:#e03a3a;
}
body{
  background:
    radial-gradient(ellipse at 20% 20%,rgba(102,0,153,0.07) 0%,transparent 50%),
    radial-gradient(ellipse at 80% 80%,rgba(249,212,2,0.04) 0%,transparent 50%),
    #0d0a14;
  min-height:100vh;margin:0;padding:0;
  font-family:'Barlow',sans-serif;display:block;
}
@keyframes cardIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
@keyframes shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}
@keyframes rotateBorder{to{--angle:360deg;}}
@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false;}

/* ── Page wrapper ── */
.page-wrapper{width:100%;position:relative;padding:1.5px;background:var(--af-border);}
.page-wrapper::before{content:'';position:absolute;inset:0;background:conic-gradient(from var(--angle,0deg),#F9D402 0%,#9C59BD 30%,#660099 55%,#9C59BD 75%,#F9D402 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,#F9D402,#C79C0E,#F9D402) 1;background:transparent;}.page-wrapper::before{display:none;}}
.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;}

/* ── Enter overlay ── */
.enter-overlay{position:fixed;inset:0;background:radial-gradient(ellipse at center,#1a1030 0%,#0d0a14 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;cursor:pointer;transition:opacity 0.6s ease;}
.enter-overlay.hidden{opacity:0;pointer-events:none;}
.enter-logo-text{font-family:'Bebas Neue',sans-serif;font-size:clamp(60px,12vw,100px);color:#F9D402;letter-spacing:0.06em;text-shadow:0 0 40px rgba(249,212,2,0.5);line-height:1;}
.enter-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(22px,5vw,36px);letter-spacing:0.18em;color:var(--af-text);margin-top:0.4rem;}
.enter-sub{font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:0.22em;color:#F9D402;margin-top:0.5rem;}
.enter-cta{margin-top:2.5rem;font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:0.25em;color:#F9D402;border:1px solid rgba(249,212,2,0.4);padding:0.6rem 1.8rem;animation:pulse 2s ease-in-out infinite;}

/* ── Top nav ── */
.asiatf-nav{position:sticky;top:0;z-index:200;background:rgba(13,13,12,0.97);border-bottom:1px solid var(--af-border);display:flex;align-items:center;padding:0 1rem;height:52px;backdrop-filter:blur(8px);}
.anav-logo{display:flex;align-items:center;gap:0.5rem;text-decoration:none;margin-right:1.5rem;}
.anav-hex{width:22px;height:22px;background:#F9D402;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.08em;color:var(--af-text);}
.anav-wordmark span{color:#F9D402;}
.anav-links{display:flex;align-items:center;flex:1;}
.anav-links a,.anav-links button{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:0.14em;color:var(--af-muted);text-decoration:none;padding:0 0.75rem;height:52px;display:flex;align-items:center;border:none;background:none;cursor:pointer;transition:color 0.15s;}
.anav-links a:hover,.anav-links button:hover{color:var(--af-text);}
.anav-dropdown{position:relative;}
.anav-dropdown-menu{display:none;position:absolute;top:52px;left:0;background:rgba(13,13,12,0.98);border:1px solid var(--af-border);min-width:200px;z-index:300;}
.anav-dropdown:hover .anav-dropdown-menu{display:block;}
.anav-dropdown-menu a{display:flex;align-items:center;gap:0.4rem;padding:0.6rem 1rem;font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:0.1em;color:var(--af-muted);text-decoration:none;}
.anav-dropdown-menu a:hover{color:var(--af-text);background:rgba(255,255,255,0.03);}
.dmenu-badge{font-size:8px;background:rgba(249,212,2,0.15);color:#F9D402;border:0.5px solid rgba(249,212,2,0.3);padding:1px 5px;margin-left:auto;}
/* ── 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{display:flex;align-items:center;gap:0.5rem;margin-left:auto;}
.anav-discord{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:0.14em;color:#F9D402;text-decoration:none;padding:4px 10px;border:1px solid rgba(249,212,2,0.3);}
.anav-discord:hover{background:rgba(249,212,2,0.1);}
.anav-hamburger{display:none;background:none;border:none;color:var(--af-text);font-size:18px;cursor:pointer;padding:4px 8px;}
@media(max-width:600px){
  .anav-links{display:none;position:fixed;top:52px;left:0;right:0;background:rgba(13,13,12,0.99);border-bottom:1px solid var(--af-border);flex-direction:column;align-items:flex-start;padding:0.5rem 0;z-index:199;}
  .anav-links.open{display:flex;}
  .anav-links a,.anav-links button{height:44px;width:100%;padding:0 1.25rem;}
  .anav-dropdown-menu{position:static;border:none;border-top:1px solid var(--af-border);width:100%;}
  .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:block;}
  .anav-discord{display:none;}
}

/* ── Site sub-nav ── */
.site-nav{position:sticky;top:52px;z-index:190;background:rgba(13,13,12,0.96);border-bottom:1px solid rgba(249,212,2,0.2);display:flex;align-items:center;padding:0 1rem;height:40px;backdrop-filter:blur(6px);}
.site-nav-logo{font-family:'Bebas Neue',sans-serif;font-size:15px;letter-spacing:0.15em;color:#F9D402;margin-right:1.2rem;}
.site-nav-links{display:flex;align-items:center;flex:1;}
.site-nav-links a{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:0.14em;color:var(--af-muted);text-decoration:none;padding:0 0.65rem;height:40px;display:flex;align-items:center;transition:color 0.15s;}
.site-nav-links a:hover,.site-nav-links a.active{color:#F9D402;}
.site-nav-right{margin-left:auto;}
.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);}
@media(max-width:700px){
  .site-nav{padding:0 0.75rem;position:relative;flex-wrap:wrap;}
  .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);}
  .site-nav-links.open{display:flex;}
  .site-nav-links a{width:50%;padding:0.45rem 0.75rem;font-size:9px;border-bottom:1px solid rgba(46,44,40,0.3);box-sizing:border-box;}
  .site-nav-right{display:flex;align-items:center;margin-left:auto;padding:0.4rem 0;}
  .nav-hamburger{display:flex;}
}

/* ── Countdown ── */
.countdown-strip{display:flex;align-items:center;gap:0.5rem;padding:0.55rem 1.5rem;background:linear-gradient(90deg,rgba(249,212,2,0.06),transparent);border-bottom:1px solid rgba(249,212,2,0.15);flex-wrap:wrap;}
.cd-live-dot{width:7px;height:7px;border-radius:50%;background:#F9D402;box-shadow:0 0 6px rgba(249,212,2,0.8);animation:pulse 1.2s infinite;flex-shrink:0;}
.cd-label{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.18em;color:#F9D402;white-space:nowrap;}
.cd-match{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.1em;color:var(--af-muted);flex:1;}
.cd-match span{color:rgba(255,255,255,0.2);margin:0 0.3rem;}
.cd-timer{display:flex;align-items:center;gap:0.25rem;margin-left:auto;}
.cd-unit{display:flex;flex-direction:column;align-items:center;}
.cd-num{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--af-text);line-height:1;}
.cd-unit-lbl{font-family:'Share Tech Mono',monospace;font-size:7px;color:var(--af-muted);letter-spacing:0.1em;}
.cd-sep{font-family:'Bebas Neue',sans-serif;font-size:18px;color:var(--af-muted);margin-bottom:8px;}
@media(max-width:700px){.countdown-strip{padding:0.5rem 1rem;}.cd-match{display:none;}.cd-num{font-size:18px;}}

/* ── Hero ── */
.hero{position:relative;overflow:hidden;padding:0;border-bottom:2px solid #F9D402;background:linear-gradient(180deg,rgba(249,212,2,0.05) 0%,transparent 60%);}
.hero::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#F9D402,rgba(249,212,2,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;}
.hero-logo{display:flex;align-items:center;justify-content:center;width:140px;height:175px;flex-shrink:0;margin-left:1rem;align-self:center;border-radius:4px;}
.hero-logo img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;border-radius:4px;animation:logoGlow 4.5s ease-in-out infinite;}
@keyframes logoGlow{
  0%,100%{filter:drop-shadow(0 0 10px rgba(249,212,2,0.75)) drop-shadow(0 0 24px rgba(249,212,2,0.35)) drop-shadow(0 0 50px rgba(156,89,189,0.15));}
  35%{filter:drop-shadow(0 0 18px rgba(249,212,2,0.95)) drop-shadow(0 0 40px rgba(249,212,2,0.55)) drop-shadow(0 0 70px rgba(156,89,189,0.2));}
  65%{filter:drop-shadow(0 0 14px rgba(156,89,189,0.9)) drop-shadow(0 0 36px rgba(156,89,189,0.55)) drop-shadow(0 0 70px rgba(249,212,2,0.25));}
}
.pu-logo-text{font-family:'Bebas Neue',sans-serif;font-size:48px;color:#F9D402;letter-spacing:-0.02em;text-shadow:0 0 20px rgba(249,212,2,0.5);line-height:1;}
.hero-slash{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,rgba(249,212,2,0.4),rgba(160,24,40,0.3),transparent);transform:skewX(-8deg);pointer-events:none;}
.hero-identity{min-width:0;}
.hero-eyebrow{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.22em;color:var(--af-muted);margin-bottom:0.4rem;}
.hero-name{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,5vw,48px);letter-spacing:0.04em;line-height:0.95;color:var(--af-text);}
.hero-name span{color:#F9D402;}
.hero-blurb{font-size:12px;color:var(--af-muted);margin-top:0.5rem;line-height:1.5;max-width:340px;}
.hero-sub{display:flex;align-items:center;gap:0.5rem;margin-top:0.75rem;}
.hero-badge{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.2em;color:#F9D402;border:1px solid rgba(249,212,2,0.3);padding:3px 8px;background:rgba(249,212,2,0.06);}
.hero-stats{display:flex;flex-direction:column;gap:0;min-width:100px;}
.hero-stat-row{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.3rem 0;border-bottom:0.5px solid var(--af-border);}
.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:#F9D402;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);}
@media(max-width:700px){
  .hero-inner{grid-template-columns:1fr;gap:0.75rem;padding:1.25rem 1rem;}
  .hero-logo{justify-content:center;width:110px;height:110px;margin:0 auto;}
  .hero-identity{text-align:center;}
  .hero-blurb{max-width:100%;text-align:center;}
  .hero-sub{justify-content:center;}
  .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-slash{display:none;}
}

/* ── Sections ── */
.section{padding:1.5rem 2rem;}
.section-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.1rem;}
.section-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:0.08em;color:var(--af-text);}
.section-title::after{content:'';display:block;height:2px;width:2rem;background:#F9D402;margin-top:2px;}
.section-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(249,212,2,0.3),transparent);}
.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(249,212,2,0.15),transparent);margin:0;}
@media(max-width:700px){.section{padding:1rem;}.section-title{font-size:17px;letter-spacing:0.12em;}.section-title::after{display:none;}}

/* ── Lineup section ── */
.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);}

/* ── Leadership row ── */
.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{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;}
.leadership-row .lineup-card{width:110px;flex-shrink:0;}
.leadership-row .lineup-card.captain-card{width:120px;}

/* ── Base lineup card ── */
.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;
}
.lineup-card:hover{transform:translateY(-6px);background:var(--af-surface2);box-shadow:0 10px 24px rgba(0,0,0,0.45);}

/* Class border-top colours — all crimson for PU9004 */
.lineup-card.scout,.lineup-card.soldier,.lineup-card.pyro,.lineup-card.demo,
.lineup-card.heavy,.lineup-card.engi,.lineup-card.medic,.lineup-card.sniper,
.lineup-card.spy,.lineup-card.flex{border-top-color:#F9D402;}

/* Hover glow */
.lineup-card.scout:hover,.lineup-card.soldier:hover,.lineup-card.pyro:hover,
.lineup-card.demo:hover,.lineup-card.heavy:hover,.lineup-card.engi:hover,
.lineup-card.medic:hover,.lineup-card.sniper:hover,.lineup-card.spy:hover,
.lineup-card.flex:hover{box-shadow:0 4px 16px rgba(249,212,2,0.25),0 10px 24px rgba(0,0,0,0.4);}

/* Hover name colour */
.lineup-card.scout:hover .lc-name,.lineup-card.soldier:hover .lc-name,
.lineup-card.pyro:hover .lc-name,.lineup-card.demo:hover .lc-name,
.lineup-card.heavy:hover .lc-name,.lineup-card.engi:hover .lc-name,
.lineup-card.medic:hover .lc-name,.lineup-card.sniper:hover .lc-name,
.lineup-card.spy:hover .lc-name,.lineup-card.flex:hover .lc-name{color:#F9D402;}

.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;}

/* Avatar — square with border-radius:3px, NOT circular */
.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(249,212,2,0.3);}
.lc-avatar-wrap{position:relative;flex-shrink:0;display:inline-block;}

/* Icon fallback — same square shape */
.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;}

/* Class text — hidden (matches rcm) */
.lc-class{display:none;}

/* Name */
.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;}

/* Flag */
.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;}

/* Active dot */
.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;}

/* Captain / VC labels */
.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,#e83a5a,#F9D402,#8a1528);}
.vc-label{color:#fff;background:linear-gradient(135deg,#7a3dbd,#9C59BD,#c8a8e0);}

/* Tap hint */
.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(249,212,2,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);}

/* Captain card */
.lineup-card.captain-card{border:1.5px solid #F9D402;background:linear-gradient(160deg,rgba(249,212,2,0.1),rgba(249,212,2,0.04));position:relative;z-index:2;}
.lineup-card.captain-card::before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,transparent 40%,rgba(249,212,2,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::after{content:'';position:absolute;bottom:-4px;left:10%;right:10%;height:3px;background:linear-gradient(90deg,transparent,#F9D402,transparent);box-shadow:0 0 8px rgba(249,212,2,0.6);}
.lineup-card.captain-card:hover{border-color:#F9D402;box-shadow:0 0 24px rgba(249,212,2,0.45),0 12px 28px rgba(0,0,0,0.5);transform:translateY(-10px);}
.lineup-card.captain-card .lc-avatar{border:1.5px solid #F9D402;box-shadow:0 0 10px rgba(249,212,2,0.25);}
.lineup-card.captain-card .lc-name{color:#F9D402;font-size:19px;text-shadow:0 0 12px rgba(249,212,2,0.3);}
.lineup-card.captain-card .lc-tap-hint{background:rgba(249,212,2,0.92);color:#fff;}

/* VC card — purple neon */
.lineup-card.vc-card{border:1.5px solid #9C59BD;background:linear-gradient(160deg,rgba(156,89,189,0.1),rgba(156,89,189,0.04));position:relative;z-index:2;}
.lineup-card.vc-card::before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,transparent 40%,rgba(156,89,189,0.07) 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::after{content:'';position:absolute;bottom:-4px;left:10%;right:10%;height:3px;background:linear-gradient(90deg,transparent,#9C59BD,transparent);box-shadow:0 0 8px rgba(156,89,189,0.6);}
.lineup-card.vc-card:hover{border-color:#9C59BD;box-shadow:0 0 24px rgba(156,89,189,0.45),0 12px 28px rgba(0,0,0,0.5);transform:translateY(-10px);}
.lineup-card.vc-card .lc-avatar{border:1.5px solid #9C59BD;box-shadow:0 0 10px rgba(156,89,189,0.25);}
.lineup-card.vc-card .lc-name{color:#9C59BD;font-size:19px;text-shadow:0 0 12px rgba(156,89,189,0.3);}
.lineup-card.vc-card .lc-tap-hint{background:rgba(156,89,189,0.92);color:#fff;}

/* Lineup grid — 7 starters */
.lineup-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;overflow-x:auto;min-width:0;grid-template-rows:1fr;}
.lineup-grid .lineup-card{min-width:76px;}

/* Sub lineup grid — 2 cols centered (matches rcm) */
.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;border-radius:3px;}
.sub-lineup-card .lc-icon{width:42px;height:42px;border-radius:3px;font-size:10px;}
.sub-lineup-card .lc-name{font-size:13px;}
/* Sub class border colours */
.sub-lineup-card.scout{border-top-color:rgba(249,212,2,0.5);}
.sub-lineup-card.soldier{border-top-color:rgba(249,212,2,0.5);}
.sub-lineup-card.medic{border-top-color:rgba(249,212,2,0.5);}
.sub-lineup-card.spy{border-top-color:rgba(249,212,2,0.5);}
.sub-lineup-card.flex{border-top-color:rgba(232,228,216,0.3);}

/* Mobile lineup */
@media(max-width:700px){
  .lineup-section{padding:1rem;}
  .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;width:unset;}
  .lineup-grid{grid-template-columns:repeat(3,1fr)!important;overflow-x:unset!important;gap:5px;}
  .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,.lineup-card.vc-card .lc-avatar,.lineup-card.vc-card .lc-icon{width:44px;height:44px;}
  .lc-name{font-size:12px;}
  .lineup-card.captain-card .lc-name,.lineup-card.vc-card .lc-name{font-size:14px;}
  .lc-flag{width:14px;height:9px;}
  .lc-tap-hint{display:none;}
  .sub-lineup-grid{grid-template-columns:repeat(3,1fr)!important;}
}

/* ── Scroll reveal (sections always visible; cards animate via cardIn) ── */
.scroll-reveal{opacity:1!important;transform:none!important;}

/* ── Spotlight ── */
.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;}25%{box-shadow:0 0 0 3px rgba(249,212,2,0.6),0 0 60px rgba(249,212,2,0.18);}100%{box-shadow:none;}}
.spotlight-target{position:relative!important;z-index:101!important;animation:spotlightGlow 1.8s ease forwards;}

/* ── 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);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,.music-player-btn.playing{color:#F9D402;}
.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);cursor:pointer;position:relative;margin-top:2px;}
.music-player-vol-fill{height:100%;background:#F9D402;width:30%;pointer-events:none;}

/* ── Season / history ── */
.season-accordion{display:flex;flex-direction:column;gap:0.6rem;}
.season-block{border:1px solid var(--af-border);background:var(--af-surface);}
.season-block > summary{display:flex;align-items:center;gap:0.5rem;padding:0.7rem 1rem;cursor:pointer;list-style:none;font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:0.1em;user-select:none;}
.season-block > summary::-webkit-details-marker{display:none;}
.season-block > summary:hover{background:rgba(255,255,255,0.02);}
.sb-season-name{color:var(--af-text);font-size:11px;}
.sb-record{color:var(--af-muted);font-size:9px;}
.sb-outcome{font-family:'Share Tech Mono',monospace;font-size:9px;padding:2px 8px;border:0.5px solid;}
.sb-outcome.win{color:#3ae07a;border-color:rgba(58,224,122,0.3);background:rgba(58,224,122,0.08);}
.sb-outcome.loss{color:#e03a3a;border-color:rgba(224,58,58,0.3);}
.sb-outcome.tbd{color:var(--af-muted);border-color:var(--af-border);}
.sb-chevron{font-size:9px;color:var(--af-muted);transition:transform 0.25s,color 0.2s;flex-shrink:0;}
.season-block[open] .sb-chevron{transform:rotate(180deg);color:#F9D402;}
.season-body{overflow:hidden;}
.season-body-inner{padding:0 1rem 1rem;}
@keyframes accordionFlash{0%{background:rgba(249,212,2,0.15);}100%{background:transparent;}}
details.season-block[open] > summary{animation:accordionFlash 0.4s ease;}
details.season-block{overflow:hidden;}
details.season-block .season-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease;}
details.season-block[open] .season-body{grid-template-rows:1fr;}
details.season-block .season-body-inner{overflow:hidden;}

/* ── Schedule ── */
.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;}
.phase-header{display:flex;align-items:center;gap:0.5rem;margin:0.75rem 0 0.4rem;}
.phase-header-title{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.16em;color:var(--af-muted);white-space:nowrap;}
.phase-header-line{flex:1;height:1px;background:var(--af-border);}
.phase-header.playoffs .phase-header-title{color:rgba(249,212,2,0.7);}
.round-row{display:flex;align-items:center;gap:0.5rem;padding:0.4rem 0.6rem;border-left:2px solid var(--af-border);margin-bottom:0.3rem;background:rgba(255,255,255,0.01);}
.rr-num{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.1em;color:var(--af-muted);min-width:60px;}
.rr-opp{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--af-muted);flex:1;display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.rr-score{font-family:'Bebas Neue',sans-serif;font-size:16px;min-width:50px;text-align:center;}
.rr-score.neutral{color:var(--af-muted);}
.rr-score.win{color:#3ae07a;}
.rr-score.loss{color:#e03a3a;}
.rr-logs{display:flex;gap:4px;}
.rr-logs a{font-family:'Share Tech Mono',monospace;font-size:8px;color:var(--af-muted);text-decoration:none;border:0.5px solid var(--af-border);padding:1px 5px;}
.rr-logs a:hover{color:#F9D402;border-color:rgba(249,212,2,0.3);}
.map-pill{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.08em;padding:2px 7px;background:rgba(249,212,2,0.12);color:#F9D402;border:0.5px solid rgba(249,212,2,0.25);}
.map-pill.map-swiftwater{background:rgba(58,160,224,0.18);color:#5eb4e0;border:0.5px solid rgba(58,160,224,0.3);}
.af-link{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.12em;color:var(--af-muted);text-decoration:none;border:0.5px solid var(--af-border);padding:3px 8px;transition:color 0.15s,border-color 0.15s;}
.af-link:hover{color:#F9D402;border-color:rgba(249,212,2,0.3);}

/* ── Player modal ── */
/* ── Player Profile Modal — cinematic ── */
.profile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:500;align-items:flex-start;justify-content:center;padding:4vh 1.5rem 1.5rem;backdrop-filter:blur(6px);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:220px;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);}
.pm-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(var(--pm-accent-rgb,196,30,58),0.08) 0%,transparent 40%,rgba(13,13,12,0.7) 70%,var(--af-dark) 100%);}
.pm-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pm-accent,#F9D402),rgba(var(--pm-accent-rgb,196,30,58),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 */
.pm-avatar-wrap{position:relative;flex-shrink:0;}
.pm-avatar-wrap::before{content:'';position:absolute;left:-5px;top:0;bottom:0;width:3px;background:var(--pm-accent,#F9D402);box-shadow:0 0 8px rgba(var(--pm-accent-rgb,196,30,58),0.6);z-index:3;}
.pm-avatar-large{width:116px;height:116px;object-fit:cover;border:2px solid rgba(var(--pm-accent-rgb,196,30,58),0.85);box-shadow:0 0 28px rgba(var(--pm-accent-rgb,196,30,58),0.55),0 0 8px rgba(var(--pm-accent-rgb,196,30,58),0.25),0 6px 20px rgba(0,0,0,0.7);display:block;filter:brightness(1.08) contrast(1.04);}
.pm-avatar-icon{width:116px;height:116px;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,196,30,58),0.5);box-shadow:0 0 28px rgba(var(--pm-accent-rgb,196,30,58),0.4);}
.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,#F9D402);letter-spacing:0.2em;opacity:0.9;}
.pm-head-name{font-family:'Bebas Neue',sans-serif;font-size:46px;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,196,30,58),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-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-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);}
/* Rank banner — captain/VC top banner */
#pmRankBadge{display:none;}
/* Stats pills */
.pm-stats-row{display:grid;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,#F9D402);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;}
/* 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;}
/* Body rows */
.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-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;}
.pm-value{color:var(--af-text);font-weight:500;text-align:right;}
.pm-value.green{color:var(--af-win);}
/* Stats toggle sections */
.pm-stats-section{border-top:1px solid var(--af-border);}
.pm-stats-toggle{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1.25rem;cursor:pointer;user-select:none;transition:background 0.15s;}
.pm-stats-toggle:hover{background:rgba(var(--pm-accent-rgb,196,30,58),0.05);}
.pm-stats-toggle-left{display:flex;align-items:center;gap:0.65rem;}
.pm-stats-toggle-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(249,212,2,0.1);border:1px solid rgba(249,212,2,0.25);font-size:14px;}
.pm-stats-toggle-title{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:0.06em;color:var(--af-text);}
.pm-stats-toggle-sub{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:0.1em;color:var(--af-muted);}
.pm-stats-toggle-arrow{font-size:10px;color:var(--af-muted);transition:transform 0.2s;}
.pm-stats-section.open .pm-stats-toggle-arrow{transform:rotate(180deg);}
.pm-stats-body{display:none;padding:0.5rem 1.25rem 0.75rem;}
.pm-stats-section.open .pm-stats-body{display:block;}
/* Footer */
.pm-footer{display:flex;gap:0.5rem;padding:0.75rem 1.25rem;border-top:1px solid var(--af-border);flex-wrap:wrap;}
.pm-link{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.12em;color:var(--af-muted);border:1px solid var(--af-border);padding:5px 12px;text-decoration:none;display:flex;align-items:center;gap:5px;transition:color 0.15s,border-color 0.15s;}
.pm-link:hover{color:var(--pm-accent,#F9D402);border-color:var(--pm-accent,#F9D402);}
.pm-link svg{width:11px;height:11px;fill:currentColor;}

/* ── Discord ── */
.discord-section{padding:1.5rem 2rem;}
.discord-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--af-surface);border:1px solid var(--af-border);text-decoration:none;color:var(--af-text);transition:border-color 0.2s,background 0.2s;}
.discord-card:hover{border-color:rgba(249,212,2,0.4);background:rgba(249,212,2,0.03);}
.discord-logo{width:44px;height:44px;background:rgba(88,101,242,0.15);border:1px solid rgba(88,101,242,0.25);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.discord-logo svg{width:24px;height:24px;fill:#7289da;}
.discord-info{flex:1;min-width:0;}
.discord-server-name{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:0.06em;color:var(--af-text);}
.discord-desc{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.1em;color:var(--af-muted);margin-top:0.2rem;}
.discord-meta{display:flex;gap:0.5rem;margin-top:0.5rem;flex-wrap:wrap;}
.discord-pill{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:0.1em;color:var(--af-muted);border:0.5px solid var(--af-border);padding:2px 8px;}
.discord-pill.online{color:#3ae07a;border-color:rgba(58,224,122,0.3);}
.discord-join-btn{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:0.2em;background:#F9D402;color:#fff;border:none;cursor:pointer;padding:0.5rem 1.2rem;flex-shrink:0;transition:background 0.15s;}
.discord-join-btn:hover{background:#C79C0E;}
@media(max-width:700px){.discord-section{padding:0 1rem 1rem;}.discord-card{flex-wrap:wrap;}.discord-join-btn{width:100%;text-align:center;padding:8px;}}

/* ── Contact / share / social / footer ── */
.contact-section{padding:0.75rem 2rem;border-top:1px solid var(--af-border);display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;}
.contact-label{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:0.18em;color:var(--af-muted);}
.contact-item{display:flex;align-items:center;gap:0.35rem;font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--af-muted);}
.contact-item svg{width:12px;height:12px;fill:var(--af-muted);}
.contact-badge{font-family:'Share Tech Mono',monospace;font-size:9px;color:#F9D402;border:0.5px solid rgba(249,212,2,0.3);padding:2px 8px;}
.share-bar{padding:0.75rem 2rem;display:flex;gap:0.5rem;flex-wrap:wrap;border-top:1px solid var(--af-border);}
.share-btn{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.15em;background:none;border:1px solid var(--af-border);color:var(--af-muted);cursor:pointer;padding:5px 12px;display:flex;align-items:center;gap:0.4rem;transition:color 0.15s,border-color 0.15s;}
.share-btn:hover{color:#F9D402;border-color:rgba(249,212,2,0.3);}
.share-btn svg{width:12px;height:12px;fill:currentColor;}
.social-bar{padding:0.5rem 2rem;display:flex;gap:0.75rem;border-top:1px solid var(--af-border);}
.social-link{display:flex;align-items:center;gap:0.4rem;text-decoration:none;font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.12em;color:var(--af-muted);transition:color 0.15s;}
.social-link:hover{color:#F9D402;}
.social-icon{width:14px;height:14px;fill:currentColor;}
.footer{padding:1rem 2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--af-border);}
.footer-brand{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.18em;color:var(--af-muted);}
.footer-status{display:flex;align-items:center;gap:0.4rem;font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--af-muted);}
.footer-status .dot{width:6px;height:6px;border-radius:50%;background:#F9D402;}
.footer-updated{font-family:'Share Tech Mono',monospace;font-size:8px;color:var(--af-muted);margin-left:auto;}
@media(max-width:700px){.share-bar,.social-bar,.footer,.contact-section{padding-left:1rem;padding-right:1rem;}}


.site-container{
  max-width:820px;
  margin:0 auto;
  padding:0 1rem;
}
@media(max-width:820px){
  .site-container{padding:0;}
}

/* ── Class icon badge on lineup cards ── */
.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);}

/* ── Class icon badge in modal — no black box ── */
.pm-class-icon-badge{
  position:absolute;bottom:-8px;right:-8px;
  width:32px;height:32px;
  background:transparent;
  border:none;
  display:flex;align-items:center;justify-content:center;
  z-index:4;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,0.95));
}
.pm-class-icon-badge img{width:28px;height:28px;object-fit:contain;}

/* ── Achievements panel ── */
.pm-achievements-panel{
  display:none;
  background:var(--af-dark);
  border:0.5px solid rgba(249,212,2,0.15);
  width:380px;
  margin-left:1.25rem;
  flex-shrink:0;
  overflow:hidden;
  box-shadow:0 32px 80px rgba(0,0,0,0.8);
  align-self:flex-start;
  animation:modalIn 0.3s cubic-bezier(0.34,1.26,0.64,1) 0.06s both;
  max-height:88vh;overflow-y:auto;
}
.profile-overlay.visible .pm-achievements-panel{display:block;}
@media(max-width:900px){
  .profile-overlay.visible .pm-achievements-panel{display:none;}
}
.pm-achievements-panel-header{
  padding:1rem;
  border-bottom:1px solid rgba(249,212,2,0.2);
  background:linear-gradient(135deg,rgba(249,212,2,0.08),transparent 60%);
  position:relative;overflow:hidden;
}
.pm-achievements-panel-header::after{
  content:'🏆';
  position:absolute;right:-8px;top:-4px;
  font-size:64px;pointer-events:none;
  opacity:0.06;
}
.pm-achievements-panel-title{
  font-family:'Bebas Neue',sans-serif;font-size:22px;
  letter-spacing:0.1em;line-height:1;
  color:#F9D402;
}
.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;
}
.ach-headline{
  padding:0.85rem 1rem 0.65rem;
  border-bottom:1px solid rgba(249,212,2,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));
}
.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:rgba(249,212,2,0.8);letter-spacing:0.1em;margin-top:3px;
}
.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);}
.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-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.part{background:rgba(138,132,116,0.1);color:var(--af-muted);border:0.5px solid var(--af-border);}
.pm-exp-result.gold{background:rgba(255,215,0,0.12);color:#FFD700;border:0.5px solid rgba(255,215,0,0.35);}
.pm-exp-result.silver{background:rgba(200,200,200,0.1);color:#C8C8C8;border:0.5px solid rgba(200,200,200,0.3);}
.pm-exp-result.bronze{background:rgba(205,127,50,0.12);color:#CD7F32;border:0.5px solid rgba(205,127,50,0.3);}
.pm-exp-medal{font-size:13px;flex-shrink:0;width:20px;text-align:center;line-height:1;}
.pm-exp-league{font-family:'Barlow',sans-serif;font-size:11.5px;color:var(--af-text);flex:1;line-height:1.3;}

/* League group dropdowns */
.ach-league-group{border-bottom:0.5px solid rgba(255,255,255,0.04);}
.ach-league-group:last-child{border-bottom:none;}
.ach-league-header{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;cursor:pointer;transition:background 0.15s;user-select:none;}
.ach-league-header:hover{background:rgba(255,255,255,0.03);}
.ach-league-name{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.14em;color:var(--af-text);flex:1;text-transform:uppercase;}
.ach-league-count{font-family:'Share Tech Mono',monospace;font-size:8px;color:var(--af-muted);background:rgba(255,255,255,0.05);padding:1px 6px;}
.ach-league-arrow{font-size:7px;color:var(--af-muted);transition:transform 0.2s;flex-shrink:0;}
.ach-league-group.open .ach-league-arrow{transform:rotate(180deg);}
.ach-league-body{display:none;padding:0 1rem 0.5rem;}
.ach-league-group.open .ach-league-body{display:block;}

/* AF champion holo effect */
.pm-achievements-panel{position:relative;overflow:hidden;}
@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);}}
@keyframes holoSweep{0%{transform:translateX(-60%) translateY(-60%);}100%{transform:translateX(60%) translateY(60%);}}
.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),#F9D402,#ffe566,#F9D402,#8a1528,#F9D402);
  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;
}
.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,120,0.07) 38%,rgba(255,150,50,0.1) 43%,rgba(255,80,100,0.08) 48%,rgba(200,50,80,0.1) 53%,rgba(255,100,150,0.07) 58%,transparent 66%);
  animation:holoSweep 3.5s linear infinite;
}
.pm-achievements-panel.holo::after{
  content:'';position:absolute;inset:0;z-index:9;pointer-events:none;
  background:linear-gradient(135deg,rgba(249,212,2,0.05) 0%,rgba(255,80,120,0.04) 50%,rgba(249,212,2,0.05) 100%);
}

/* ── AF championship cards ── */
.ach-divider{height:1px;margin:0 1rem 0.25rem;background:linear-gradient(90deg,transparent,#c9a84c,rgba(201,168,76,0.3),transparent);}
@keyframes achieveIn{from{opacity:0;transform:translateX(-8px);}to{opacity:1;transform:translateX(0);}}
@keyframes countUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
@keyframes badgePulse{0%,100%{opacity:1;}50%{opacity:0.6;}}
@keyframes cardAutoShimmer{0%,30%{transform:translateX(-100%);}60%{transform:translateX(300%);}100%{transform:translateX(300%);}}
.ach-first{
  display:flex;align-items:flex-start;gap:0.75rem;
  padding:0.75rem 0.85rem;margin:0 0 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 #c9a84c;
  position:relative;overflow:hidden;
  animation:achieveIn 0.35s ease both;
  transition:transform 0.15s,box-shadow 0.15s,border-color 0.15s;
}
.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);}
.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;}
.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;}
.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;}
.ach-tag.gold{color:#c9a84c;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-sub-item{display:flex;align-items:baseline;gap:0.5rem;padding:0.3rem 0;border-bottom:1px solid rgba(46,44,40,0.3);}
.ach-sub-item:last-child{border-bottom:none;}
.ach-result{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:0.06em;flex-shrink:0;padding:1px 5px;}
.ach-result.silver{background:rgba(200,200,200,0.1);color:#C8C8C8;border:0.5px solid rgba(200,200,200,0.3);}
.ach-result.bronze{background:rgba(205,127,50,0.12);color:#CD7F32;border:0.5px solid rgba(205,127,50,0.3);}
.ach-result.part{background:rgba(138,132,116,0.1);color:var(--af-muted);border:0.5px solid var(--af-border);}
.ach-sub-league{font-family:'Barlow',sans-serif;font-size:11.5px;color:var(--af-text);flex:1;line-height:1.3;}

/* ─────────────────────────────────────────
   Mobile — full UX pass (≤700px)
───────────────────────────────────────── */
@media(max-width:700px){

  /* ── Hide PU9004 sub-nav on mobile — conflicts with main AsiaTF nav ── */
  .site-nav{display:none!important;}

  /* ── Profile overlay: full-screen, tab bar handles switching ── */
  .profile-overlay{
    padding:0;
    align-items:flex-start;
    justify-content:center;
  }

  /* ── Profile card: full width, scrollable, leaves 44px for tab bar ── */
  .profile-modal{
    max-width:100%;
    width:100%;
    max-height:calc(100vh - 44px);
    overflow-y:auto;
    overflow-x:hidden;
    border:none;
    box-shadow:none;
    padding-bottom:8px;
  }

  /* ── Achievements panel: hidden by default, JS switches via tab ── */
  .profile-overlay.visible .pm-achievements-panel{
    display:none;
  }

  /* ── Hero: shorter, tighter ── */
  .pm-hero{height:160px;}
  .pm-hero-content{padding:1.75rem 1rem 1rem;gap:0.85rem;}
  .pm-avatar-large,.pm-avatar-icon{width:88px;height:88px;}
  .pm-head-name{font-size:34px;}
  .pm-hero-eyebrow{font-size:8px;}

  /* ── Body padding: tighter on narrow screens ── */
  .pm-body{padding:0.4rem 1rem 0.15rem;}
  .pm-blurb{padding:0.65rem 1rem;}
  .pm-footer{padding:0.65rem 1rem;}
  .pm-stats-toggle{padding:0.65rem 1rem;}
  .pm-stats-body{padding:0.4rem 1rem 0.6rem;}

  /* ── Close button: larger tap target ── */
  .pm-close{padding:8px 16px;font-size:11px;}

  /* Slightly smaller headline numbers on mobile */
  .pm-achievements-panel-title{font-size:18px;}
  .ach-headline-num{font-size:44px;}

  /* ── Music player: icon-only, doesn't crowd bottom-right ── */
  .music-player-info,.music-player-vol{display:none;}
  .music-player{padding:5px 8px;bottom:0.6rem;right:0.6rem;}

  /* ── Season history: wrap summary cleanly ── */
  .season-block > summary{flex-wrap:wrap;row-gap:0.2rem;}
  .sb-season-name{flex:0 0 100%;}
  .sb-record{padding-left:0;flex:1;}

  /* ── Schedule round rows: wrap on tiny screens ── */
  .round-row{flex-wrap:wrap;gap:3px 6px;}
  .rr-num{min-width:unset;flex:0 0 100%;margin-bottom:1px;}
  .rr-opp{flex:1;}
  .rr-score{min-width:36px;}

  /* ── Hero section: single column already handles OK ── */
  .hero-stats{grid-template-columns:repeat(2,1fr);}

  /* ── Lineup section: tap hint already hidden, cards compact ── */
  .lineup-section-header{flex-wrap:wrap;gap:0.25rem;}

  /* ── Contact/share bars: single column ── */
  .contact-section{flex-wrap:wrap;gap:0.5rem;}
  .share-bar{flex-wrap:wrap;gap:0.5rem;}
}