:root{--v18-bg:#050b08;--v18-panel:rgba(9,21,15,.72);--v18-green:#00d45a;--v18-green2:#0eff70;--v18-gold:#f5c84c;--v18-white:#f4f7f5;--v18-muted:#9cab9f}
html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -20%,rgba(0,212,90,.14),transparent 38%),#050b08;color:var(--v18-white)}
body:before{content:"";position:fixed;inset:0;z-index:-4;background:linear-gradient(rgba(5,11,8,.72),rgba(5,11,8,.94)),url('../images/app-icon.svg') center 12vh/520px no-repeat;opacity:.16;filter:blur(1px)}
.pro-nav{background:rgba(4,10,7,.78)!important;border-bottom:1px solid rgba(0,212,90,.2)!important;backdrop-filter:blur(18px);box-shadow:0 16px 60px rgba(0,0,0,.28)}
.nav-brand-v18{gap:10px}.nav-brand-v18 img{width:38px;height:38px;border-radius:11px;box-shadow:0 0 24px rgba(0,212,90,.32)}.nav-brand-v18 b{letter-spacing:.2px}
.hero-v18{position:relative;min-height:560px;display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);align-items:center;gap:28px;overflow:hidden;padding:72px 68px 42px!important;background:linear-gradient(120deg,rgba(4,12,8,.96) 0%,rgba(5,18,11,.82) 52%,rgba(3,9,6,.96) 100%)!important;border:1px solid rgba(0,212,90,.23)!important;border-radius:28px!important;box-shadow:0 35px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05)!important}
.hero-v18:before{content:"";position:absolute;inset:auto -8% -48% -8%;height:72%;background:repeating-linear-gradient(90deg,transparent 0 74px,rgba(0,212,90,.13) 75px 76px),repeating-linear-gradient(0deg,transparent 0 58px,rgba(0,212,90,.11) 59px 60px);transform:perspective(460px) rotateX(62deg);transform-origin:center bottom;mask-image:linear-gradient(to top,#000,transparent 86%)}
.hero-v18:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 43%,rgba(0,255,108,.12),transparent 27%),linear-gradient(110deg,transparent 40%,rgba(255,255,255,.035) 50%,transparent 60%);pointer-events:none}
.hero-v18__ambient span{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(80px);opacity:.25;animation:v18Float 9s ease-in-out infinite}.hero-v18__ambient span:nth-child(1){background:#00d45a;left:-180px;top:-160px}.hero-v18__ambient span:nth-child(2){background:#e4ae1d;right:-190px;top:-190px;animation-delay:-3s}.hero-v18__ambient span:nth-child(3){background:#00d45a;right:20%;bottom:-300px;animation-delay:-6s}
.hero-v18__brand,.hero-v18__showcase,.hero-v18__tools{position:relative;z-index:2}.hero-v18__logo{display:block;width:min(100%,650px);height:auto;filter:drop-shadow(0 22px 35px rgba(0,0,0,.42))}.hero-v18__tagline{margin:10px 0 18px;color:#d7dfda;font-size:13px;font-weight:600;letter-spacing:5px}.hero-v18__tagline b{color:var(--v18-green2)}.hero-v18 .hero-copy{max-width:650px;color:#b6c3bb;font-size:16px;line-height:1.8}.hero-v18__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px}.hero-play{display:inline-flex;align-items:center;gap:24px;padding:15px 20px 15px 27px;border-radius:12px;background:linear-gradient(135deg,#0eff70,#00a943);color:#021008;text-decoration:none;font-weight:900;letter-spacing:1px;box-shadow:0 15px 40px rgba(0,212,90,.28),inset 0 1px rgba(255,255,255,.35);transition:.25s ease}.hero-play b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(0,0,0,.16)}.hero-play:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 50px rgba(0,212,90,.4)}.hero-version{color:#8fa095;font-size:11px;font-weight:800;letter-spacing:2px}
.hero-v18__showcase{display:grid;place-items:center;min-height:360px}.hero-v18__showcase>img{width:min(70%,310px);position:relative;z-index:2;border-radius:26%;filter:drop-shadow(0 0 38px rgba(0,212,90,.36));animation:v18Logo 5s ease-in-out infinite}.showcase-ring{position:absolute;border-radius:50%;border:1px solid rgba(0,212,90,.34)}.ring-one{width:360px;height:360px;box-shadow:0 0 70px rgba(0,212,90,.12);animation:v18Spin 22s linear infinite}.ring-two{width:285px;height:285px;border-color:rgba(245,200,76,.32);border-style:dashed;animation:v18Spin 15s linear infinite reverse}.hero-v18__metrics{position:absolute;left:0;right:0;bottom:5px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;border:1px solid rgba(0,212,90,.19);border-radius:16px;background:rgba(4,14,9,.7);backdrop-filter:blur(14px)}.hero-v18__metrics span{text-align:center}.hero-v18__metrics strong{display:block;color:#f7f8f7;font-size:20px}.hero-v18__metrics small{color:#7f9588;font-size:9px;letter-spacing:1.4px}
.hero-v18__tools{position:absolute;top:18px;right:18px;display:flex!important;align-items:center;gap:8px}.hero-v18__tools .language-switcher{transform:scale(.88);transform-origin:right top}.hero-v18__tools .live-badge{background:rgba(0,212,90,.09)}
.feature-strip,.card,.how-it-works,.start-zone,.score-panel,.player-search-section{border-color:rgba(0,212,90,.16)!important;box-shadow:0 25px 60px rgba(0,0,0,.24)!important}.primary-btn{background:linear-gradient(135deg,#0eff70,#00a943)!important;color:#041109!important}.primary-btn:hover{box-shadow:0 16px 40px rgba(0,212,90,.28)!important}.setup-title>span,.eyebrow,.section-heading small{color:var(--v18-gold)!important}
@keyframes v18Float{50%{transform:translateY(28px) scale(1.1)}}@keyframes v18Spin{to{transform:rotate(360deg)}}@keyframes v18Logo{50%{transform:translateY(-10px)}}
@media(max-width:1050px){.hero-v18{grid-template-columns:1fr;padding:92px 32px 34px!important}.hero-v18__showcase{min-height:315px}.hero-v18__logo{width:min(100%,590px)}.hero-v18__tools{left:20px;right:20px;justify-content:flex-end}.hero-v18__metrics{max-width:520px;margin:auto}.hero-v18__tagline{letter-spacing:3px}}
@media(max-width:680px){.hero-v18{min-height:auto;padding:94px 18px 24px!important;border-radius:20px!important}.hero-v18__logo{width:100%}.hero-v18__tagline{font-size:10px;letter-spacing:2px;line-height:1.8}.hero-v18 .hero-copy{font-size:14px}.hero-v18__showcase{min-height:270px}.hero-v18__showcase>img{width:205px}.ring-one{width:260px;height:260px}.ring-two{width:215px;height:215px}.hero-v18__tools{align-items:flex-start}.hero-v18__tools .language-switcher{display:none}.hero-v18__metrics strong{font-size:16px}.hero-play{width:100%;justify-content:space-between}.nav-brand-v18 b{display:none}}
@media(prefers-reduced-motion:reduce){.hero-v18__ambient span,.hero-v18__showcase>img,.showcase-ring{animation:none!important}}

.hero-v18{
  grid-template-columns:minmax(340px,.92fr) minmax(420px,1.08fr)!important;
  grid-template-areas:"showcase brand"!important;
  min-height:440px!important;
  padding:86px 48px 34px!important;
  gap:42px!important;
}
.hero-v18__brand{grid-area:brand!important;align-self:center;min-width:0}
.hero-v18__showcase{grid-area:showcase!important;min-height:320px!important;align-self:center}
.hero-v18__logo{width:min(100%,520px)!important;margin:0!important}
.hero-v18__showcase>img{width:min(72%,280px)!important}
.hero-v18__metrics{bottom:-2px!important}
.hero-v18__tools{grid-area:auto!important;position:absolute!important;top:18px!important;right:18px!important}
.hero-v18__tagline{margin-top:18px!important}
@media(max-width:1050px){
  .hero-v18{grid-template-columns:1fr!important;grid-template-areas:"brand" "showcase"!important;padding:92px 30px 30px!important;gap:12px!important}
  .hero-v18__brand{text-align:center}.hero-v18__logo{margin-inline:auto!important}.hero-v18 .hero-copy{margin-inline:auto}.hero-v18__actions{justify-content:center}.hero-v18__showcase{min-height:300px!important}
}
@media(max-width:680px){.hero-v18{padding:88px 16px 22px!important}.hero-v18__showcase{min-height:250px!important}}

.round-winner-dock{
  position:sticky;bottom:16px;z-index:35;margin-top:14px;padding:14px;
  display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;
  border:1px solid rgba(0,230,105,.32);border-radius:18px;
  background:linear-gradient(135deg,rgba(4,20,12,.97),rgba(8,38,23,.96));
  box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 28px rgba(0,212,90,.08);
  backdrop-filter:blur(18px);animation:winnerDockIn .32s cubic-bezier(.2,.8,.2,1)
}
@keyframes winnerDockIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.winner-dock-copy{min-width:150px;padding:2px 14px 2px 4px;border-right:1px solid rgba(255,255,255,.08)}
.winner-dock-copy small{color:#39f28a;font-size:9px;font-weight:900;letter-spacing:1.8px}
.winner-dock-copy p{margin:4px 0 0;color:#fff;font-size:13px;font-weight:800}
.winner-dock-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.round-winner-dock button{min-height:48px!important;margin:0!important;border-radius:13px!important;border:1px solid rgba(183,255,71,.24)!important;background:linear-gradient(145deg,rgba(183,255,71,.12),rgba(25,55,34,.7))!important;color:#f7fff9!important;font-weight:900!important;cursor:pointer!important}
.round-winner-dock button:hover{transform:translateY(-2px);border-color:#b7ff47!important;box-shadow:0 10px 24px rgba(0,212,90,.16)}
@media(max-width:700px){.round-winner-dock{grid-template-columns:1fr;bottom:76px}.winner-dock-copy{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:0 0 10px}.winner-dock-list{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.winner-dock-list{grid-template-columns:1fr}}

.skip-btn{position:relative!important;overflow:hidden!important;opacity:1!important;visibility:visible!important;display:flex!important}
.skip-btn .skip-progress{position:absolute;left:0;bottom:0;height:4px;width:100%;transform-origin:left;background:linear-gradient(90deg,#ffd233,#ff9c37);transform:scaleX(0);opacity:.9}
.skip-btn.is-counting .skip-progress{animation:skipUnlock 5s linear forwards}
@keyframes skipUnlock{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.skip-btn.is-ready{animation:skipReadyPulse 1.4s ease-in-out infinite alternate}
@keyframes skipReadyPulse{from{box-shadow:0 10px 22px rgba(255,139,71,.14)}to{box-shadow:0 10px 32px rgba(255,189,71,.38)}}

.hero-v18{
  display:grid!important;
  grid-template-columns:minmax(270px,.82fr) minmax(390px,1.18fr)!important;
  grid-template-areas:"tools tools" "showcase brand"!important;
  align-items:center!important;
  min-height:0!important;
  padding:28px 42px 34px!important;
  gap:18px 46px!important;
}
.hero-v18__tools{
  grid-area:tools!important;
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  min-width:0;
}
.hero-v18__tools .language-switcher{transform:none!important}
.hero-v18__showcase{grid-area:showcase!important;min-height:330px!important;padding:8px 0 22px}
.hero-v18__showcase>img{width:min(74%,270px)!important;border-radius:24%!important}
.ring-one{width:318px!important;height:318px!important}.ring-two{width:250px!important;height:250px!important}
.hero-v18__metrics{left:5%!important;right:5%!important;bottom:0!important}
.hero-v18__brand{grid-area:brand!important;align-self:center!important;padding:8px 0 12px}
.hero-v18__logo{width:min(100%,610px)!important;max-height:172px;object-fit:contain;object-position:left center}
.hero-v18__tagline{margin:20px 0 14px!important;line-height:1.6}
.hero-v18 .hero-copy{max-width:590px;margin:0!important}
.hero-v18__actions{margin-top:22px!important}
.hero-v18 .data-status{margin-top:12px!important}
@media(max-width:1050px){
  .hero-v18{grid-template-columns:1fr!important;grid-template-areas:"tools" "brand" "showcase"!important;padding:24px 28px 28px!important;gap:18px!important}
  .hero-v18__tools{justify-content:center!important;flex-wrap:wrap!important}
  .hero-v18__brand{text-align:center!important}.hero-v18__logo{margin-inline:auto!important;object-position:center}.hero-v18__actions{justify-content:center!important}
  .hero-v18__showcase{min-height:300px!important}
}
@media(max-width:680px){
  .hero-v18{padding:18px 15px 22px!important;border-radius:20px!important}
  .hero-v18__tools{justify-content:space-between!important}.hero-v18__tools .language-switcher{display:flex!important;width:100%;overflow-x:auto}
  .hero-v18__tools .language-title{display:none}.hero-v18__tools .lang-btn{flex:1;justify-content:center}
  .hero-v18__logo{max-height:128px}.hero-v18__showcase{min-height:245px!important}.hero-v18__showcase>img{width:190px!important}
  .ring-one{width:235px!important;height:235px!important}.ring-two{width:190px!important;height:190px!important}
  .hero-v18__metrics{left:0!important;right:0!important}.hero-v18__metrics strong{font-size:16px!important}
}

.hero-v18-clean{grid-template-columns:minmax(300px,.82fr) minmax(430px,1.18fr)!important;grid-template-areas:"tools tools" "showcase brand"!important;min-height:520px!important;padding:26px 54px 44px!important;gap:20px 64px!important}
.hero-v18-clean .hero-v18__tools{grid-area:tools!important;justify-content:flex-end!important;position:relative!important;inset:auto!important}
.hero-v18-clean .hero-v18__showcase{grid-area:showcase!important;min-height:330px!important;padding:0!important}
.hero-v18-clean .hero-v18__showcase>img{width:min(82%,330px)!important;border-radius:25%!important}
.hero-v18-clean .hero-v18__brand{grid-area:brand!important;padding:0!important;align-self:center!important}
.hero-v18-clean .hero-kicker{display:block;margin-bottom:12px;color:#f5c84c;font-size:11px;font-weight:900;letter-spacing:3px}
.hero-v18-clean h1{margin:0;line-height:.95}.hero-v18-clean h1 span{display:block;color:#f7faf8;font-size:clamp(38px,4.5vw,68px);font-weight:900;letter-spacing:1px}.hero-v18-clean h1 strong{display:block;margin-top:12px;color:#00e865;font-size:clamp(25px,3vw,43px);font-weight:900;letter-spacing:10px}
.hero-v18-clean .hero-v18__tagline{margin:24px 0 12px!important}.hero-v18-clean .hero-copy{max-width:600px!important;font-size:17px!important;line-height:1.7!important}
.hero-v18-clean .hero-v18__metrics{position:relative!important;inset:auto!important;max-width:520px;margin:24px 0 0!important;padding:13px!important}.hero-v18-clean .hero-v18__metrics strong{font-size:21px!important}
.hero-v18-clean .data-status{margin:12px 0 0!important}.hero-v18-clean .ring-one{width:360px!important;height:360px!important}.hero-v18-clean .ring-two{width:284px!important;height:284px!important}
@media(max-width:1050px){.hero-v18-clean{grid-template-columns:1fr!important;grid-template-areas:"tools" "showcase" "brand"!important;padding:24px 28px 34px!important;gap:16px!important}.hero-v18-clean .hero-v18__tools{justify-content:center!important}.hero-v18-clean .hero-v18__showcase{min-height:300px!important}.hero-v18-clean .hero-v18__brand{text-align:center!important}.hero-v18-clean .hero-v18__actions{justify-content:center!important}.hero-v18-clean .hero-v18__metrics{margin-inline:auto!important}.hero-v18-clean .hero-copy{margin-inline:auto!important}}
@media(max-width:680px){.hero-v18-clean{padding:18px 15px 26px!important}.hero-v18-clean .hero-v18__tools{flex-wrap:wrap!important}.hero-v18-clean .language-switcher{width:100%;overflow-x:auto}.hero-v18-clean h1 strong{letter-spacing:5px}.hero-v18-clean .hero-v18__showcase{min-height:230px!important}.hero-v18-clean .hero-v18__showcase>img{width:210px!important}.hero-v18-clean .ring-one{width:250px!important;height:250px!important}.hero-v18-clean .ring-two{width:200px!important;height:200px!important}.hero-v18-clean .hero-v18__metrics{grid-template-columns:repeat(3,1fr)!important}.hero-v18-clean .hero-v18__metrics strong{font-size:16px!important}}

body{
  position:relative;
  isolation:isolate;
  overflow-x:hidden;
  background:
    radial-gradient(ellipse at 50% -18%,rgba(56,255,133,.14) 0,rgba(15,62,35,.09) 24%,transparent 54%),
    radial-gradient(circle at 8% 12%,rgba(43,211,111,.12) 0,transparent 28%),
    radial-gradient(circle at 92% 9%,rgba(21,132,75,.13) 0,transparent 30%),
    linear-gradient(180deg,#07140e 0%,#06110c 44%,#040c08 100%)!important;
  background-attachment:fixed!important;
}
body::before{
  content:"";
  position:fixed;
  z-index:-3;
  inset:0;
  pointer-events:none;
  opacity:.95;
  filter:none;
  background:
    radial-gradient(ellipse 95% 42% at 50% -7%,transparent 61%,rgba(80,255,143,.075) 62%,rgba(4,16,10,.92) 64%,transparent 67%),
    radial-gradient(ellipse 90% 37% at 50% 1%,transparent 65%,rgba(255,255,255,.035) 66%,transparent 68%),
    radial-gradient(ellipse 17% 9% at 5% 2%,rgba(224,255,234,.19),rgba(87,255,147,.075) 32%,transparent 70%),
    radial-gradient(ellipse 17% 9% at 95% 2%,rgba(224,255,234,.19),rgba(87,255,147,.075) 32%,transparent 70%),
    linear-gradient(172deg,transparent 0 20%,rgba(255,255,255,.017) 20.2% 20.7%,transparent 21% 28%,rgba(54,176,101,.025) 28.2% 29%,transparent 29.4% 100%)!important;
}
body::after{
  content:"";
  position:fixed;
  z-index:-2;
  left:50%;
  bottom:-28vh;
  width:min(1500px,126vw);
  height:68vh;
  transform:translateX(-50%) perspective(700px) rotateX(62deg);
  transform-origin:center bottom;
  pointer-events:none;
  border:1px solid rgba(84,255,143,.07);
  border-radius:42% 42% 7% 7%/18% 18% 5% 5%;
  background:
    linear-gradient(90deg,transparent 49.83%,rgba(170,255,198,.08) 49.9% 50.1%,transparent 50.17%),
    radial-gradient(circle at 50% 50%,transparent 0 15.5%,rgba(170,255,198,.07) 15.7% 16.1%,transparent 16.3%),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(180deg,rgba(22,99,54,.17),rgba(5,30,17,.02));
  background-size:auto,auto 100%,90px 100%,100% 68px,auto;
  box-shadow:0 -80px 150px rgba(23,184,88,.055),inset 0 25px 80px rgba(33,191,93,.04);
  opacity:.75;
}
.stadium-lights{
  z-index:-1!important;
  opacity:.34;
  animation:fccStadiumBreath 10s ease-in-out infinite alternate;
}
.pitch-lines{display:none!important}
@keyframes fccStadiumBreath{
  from{filter:brightness(.92) saturate(.95)}
  to{filter:brightness(1.08) saturate(1.08)}
}

.game-panel,.score-panel,.player-search-section,.card,.how-it-works,.feature-strip,.start-zone{
  backdrop-filter:blur(14px) saturate(1.06);
  -webkit-backdrop-filter:blur(14px) saturate(1.06);
}
.game-panel{
  background:linear-gradient(145deg,rgba(11,31,20,.89),rgba(5,15,10,.88))!important;
  box-shadow:0 28px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035)!important;
}

.hero-v18-clean{
  grid-template-columns:minmax(220px,.68fr) minmax(390px,1.32fr)!important;
  grid-template-areas:"tools tools" "showcase brand"!important;
  min-height:390px!important;
  padding:22px 38px 30px!important;
  gap:12px 42px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 17% 52%,rgba(0,232,101,.09),transparent 27%),
    linear-gradient(120deg,rgba(4,12,8,.91),rgba(5,18,11,.76) 54%,rgba(3,9,6,.91))!important;
}
.hero-v18-clean::before{opacity:.58}
.hero-v18-clean::after{opacity:.58}
.hero-v18-clean .hero-v18__tools{
  min-height:42px;
  gap:7px!important;
}
.hero-v18-clean .hero-v18__tools .language-switcher{
  transform:scale(.88)!important;
  transform-origin:right center!important;
}
.hero-v18-clean .hero-v18__tools .sound-toggle,
.hero-v18-clean .hero-v18__tools .live-badge{
  min-height:38px;
  padding-top:7px!important;
  padding-bottom:7px!important;
  font-size:10px!important;
}
.hero-v18-clean .hero-v18__showcase{
  min-height:245px!important;
}
.hero-v18-clean .hero-v18__showcase>img{
  width:min(72%,220px)!important;
  filter:drop-shadow(0 0 28px rgba(0,212,90,.28))!important;
}
.hero-v18-clean .ring-one{
  width:270px!important;
  height:270px!important;
  opacity:.72;
}
.hero-v18-clean .ring-two{
  width:215px!important;
  height:215px!important;
  opacity:.68;
}
.hero-v18-clean .hero-kicker{
  margin-bottom:8px!important;
  font-size:9px!important;
  letter-spacing:2.3px!important;
}
.hero-v18-clean h1{
  line-height:1!important;
}
.hero-v18-clean h1 span{
  font-size:clamp(30px,3.35vw,48px)!important;
  letter-spacing:.4px!important;
}
.hero-v18-clean h1 strong{
  margin-top:7px!important;
  font-size:clamp(21px,2.25vw,31px)!important;
  letter-spacing:6px!important;
}
.hero-v18-clean .hero-v18__tagline{
  margin:15px 0 8px!important;
  font-size:10px!important;
  letter-spacing:3px!important;
}
.hero-v18-clean .hero-copy{
  max-width:560px!important;
  font-size:13px!important;
  line-height:1.6!important;
}
.hero-v18-clean .hero-v18__actions{
  margin-top:16px!important;
  gap:12px!important;
}
.hero-v18-clean .hero-play{
  padding:11px 14px 11px 18px!important;
  gap:16px!important;
  font-size:12px!important;
  border-radius:11px!important;
}
.hero-v18-clean .hero-play b{
  width:29px!important;
  height:29px!important;
}
.hero-v18-clean .hero-version{
  font-size:8px!important;
  letter-spacing:1.4px!important;
}
.hero-v18-clean .hero-v18__metrics{
  max-width:430px!important;
  margin:16px 0 0!important;
  padding:9px!important;
  border-radius:13px!important;
}
.hero-v18-clean .hero-v18__metrics strong{
  font-size:16px!important;
}
.hero-v18-clean .hero-v18__metrics small{
  font-size:7px!important;
}
.hero-v18-clean .data-status{
  margin-top:8px!important;
  font-size:9px!important;
}

#setupScreen .feature-strip{margin-top:18px!important}
.how-it-works{margin-top:12px!important}

@media(max-width:1050px){
  .hero-v18-clean{
    grid-template-columns:220px minmax(0,1fr)!important;
    grid-template-areas:"tools tools" "showcase brand"!important;
    min-height:360px!important;
    padding:20px 26px 26px!important;
    gap:10px 26px!important;
  }
  .hero-v18-clean .hero-v18__tools{justify-content:flex-end!important}
  .hero-v18-clean .hero-v18__showcase{min-height:220px!important}
  .hero-v18-clean .hero-v18__brand{text-align:left!important}
  .hero-v18-clean .hero-copy{margin-inline:0!important}
  .hero-v18-clean .hero-v18__actions{justify-content:flex-start!important}
  .hero-v18-clean .hero-v18__metrics{margin-inline:0!important}
}
@media(max-width:760px){
  body::before{opacity:.72}
  body::after{width:165vw;height:52vh;bottom:-22vh;opacity:.48}
  .stadium-lights{animation:none;opacity:.22}
  .hero-v18-clean{
    grid-template-columns:1fr!important;
    grid-template-areas:"tools" "showcase" "brand"!important;
    padding:16px 15px 22px!important;
    gap:8px!important;
  }
  .hero-v18-clean .hero-v18__tools{justify-content:center!important}
  .hero-v18-clean .hero-v18__showcase{min-height:175px!important}
  .hero-v18-clean .hero-v18__showcase>img{width:145px!important}
  .hero-v18-clean .ring-one{width:185px!important;height:185px!important}
  .hero-v18-clean .ring-two{width:150px!important;height:150px!important}
  .hero-v18-clean .hero-v18__brand{text-align:center!important}
  .hero-v18-clean h1 span{font-size:31px!important}
  .hero-v18-clean h1 strong{font-size:21px!important;letter-spacing:4px!important}
  .hero-v18-clean .hero-v18__tagline{font-size:8px!important;letter-spacing:1.8px!important}
  .hero-v18-clean .hero-copy{font-size:12px!important;margin-inline:auto!important}
  .hero-v18-clean .hero-v18__actions{justify-content:center!important}
  .hero-v18-clean .hero-v18__metrics{margin-inline:auto!important;width:100%}
}
@media(max-width:460px){
  .hero-v18-clean .hero-v18__tools .language-switcher{transform:none!important}
  .hero-v18-clean .hero-v18__showcase{min-height:150px!important}
  .hero-v18-clean .hero-v18__showcase>img{width:124px!important}
  .hero-v18-clean .ring-one{width:160px!important;height:160px!important}
  .hero-v18-clean .ring-two{width:130px!important;height:130px!important}
  .hero-v18-clean h1 span{font-size:27px!important}
  .hero-v18-clean h1 strong{font-size:18px!important}
  .hero-v18-clean .hero-copy{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
  .stadium-lights{animation:none!important}
}

.hero-v18-clean{
  min-height:300px!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  grid-template-areas:"tools tools" "showcase brand"!important;
  align-items:center!important;
  padding:18px 30px 26px!important;
  gap:10px 34px!important;
  border-radius:22px!important;
}
.hero-v18-clean .hero-v18__tools{
  width:100%!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  min-height:36px!important;
  margin:0!important;
}
.hero-v18-clean .language-switcher{
  padding:4px!important;
  min-height:34px!important;
  border-radius:12px!important;
}
.hero-v18-clean .language-title{padding:0 7px!important;font-size:9px!important}
.hero-v18-clean .lang-btn{min-height:28px!important;padding:4px 8px!important;gap:5px!important}
.hero-v18-clean .lang-btn span{min-width:22px!important;height:22px!important;font-size:8px!important}
.hero-v18-clean .lang-btn small{font-size:8px!important}
.hero-v18-clean .sound-toggle,
.hero-v18-clean .live-badge{
  min-height:34px!important;
  padding:6px 10px!important;
  border-radius:12px!important;
  font-size:9px!important;
}
.hero-v18-clean .hero-v18__showcase{
  min-height:190px!important;
  display:grid!important;
  place-items:center!important;
}
.hero-v18-clean .hero-v18__showcase>img{
  width:145px!important;
  max-width:145px!important;
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(0,218,96,.16))!important;
}
.hero-v18-clean .ring-one{width:182px!important;height:182px!important;opacity:.42!important;border-width:1px!important}
.hero-v18-clean .ring-two{width:150px!important;height:150px!important;opacity:.30!important;border-width:1px!important}
.hero-v18-clean .hero-v18__brand-minimal{
  align-self:center!important;
  padding:0!important;
  max-width:610px!important;
}
.hero-v18-clean .hero-v18__brand-minimal h1{margin:0!important;line-height:1!important}
.hero-v18-clean .hero-v18__brand-minimal h1 span{
  display:block!important;
  font-size:clamp(27px,3vw,40px)!important;
  line-height:1!important;
  letter-spacing:.25px!important;
}
.hero-v18-clean .hero-v18__brand-minimal h1 strong{
  display:block!important;
  margin-top:6px!important;
  font-size:clamp(18px,2vw,27px)!important;
  line-height:1!important;
  letter-spacing:5.5px!important;
  color:#13ed71!important;
}
.hero-v18-clean .hero-v18__brand-minimal .hero-copy{
  max-width:520px!important;
  margin:15px 0 0!important;
  font-size:12.5px!important;
  line-height:1.55!important;
  color:rgba(229,240,233,.72)!important;
}
.hero-v18-clean .hero-v18__brand-minimal .hero-v18__actions{
  margin-top:16px!important;
  justify-content:flex-start!important;
}
.hero-v18-clean .hero-v18__brand-minimal .hero-play{
  min-width:116px!important;
  padding:9px 10px 9px 16px!important;
  gap:14px!important;
  font-size:11px!important;
  border-radius:10px!important;
}
.hero-v18-clean .hero-v18__brand-minimal .hero-play b{
  width:27px!important;
  height:27px!important;
  border-radius:8px!important;
}
.hero-v18-clean .hero-data-status{
  display:inline-block!important;
  max-width:100%!important;
  margin:10px 0 0!important;
  padding:0!important;
  font-size:8.5px!important;
  line-height:1.35!important;
  color:rgba(122,235,163,.78)!important;
  background:none!important;
  border:0!important;
}
.hero-v18-clean .hero-kicker,
.hero-v18-clean .hero-v18__tagline,
.hero-v18-clean .hero-version,
.hero-v18-clean .hero-v18__metrics{display:none!important}
#setupScreen .feature-strip{margin-top:14px!important}
.how-it-works{margin-top:10px!important}
@media(max-width:900px){
  .hero-v18-clean{
    grid-template-columns:150px minmax(0,1fr)!important;
    padding:16px 22px 22px!important;
    gap:8px 24px!important;
  }
  .hero-v18-clean .hero-v18__showcase{min-height:165px!important}
  .hero-v18-clean .hero-v18__showcase>img{width:124px!important}
  .hero-v18-clean .ring-one{width:158px!important;height:158px!important}
  .hero-v18-clean .ring-two{width:130px!important;height:130px!important}
}
@media(max-width:680px){
  .hero-v18-clean{
    min-height:auto!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"tools" "brand"!important;
    padding:14px 13px 19px!important;
    gap:12px!important;
  }
  .hero-v18-clean .hero-v18__showcase{display:none!important}
  .hero-v18-clean .hero-v18__tools{justify-content:center!important;flex-wrap:wrap!important}
  .hero-v18-clean .language-switcher{
    width:auto!important;
    flex:1 1 100%!important;
    justify-content:center!important;
  }
  .hero-v18-clean .hero-v18__brand-minimal{text-align:center!important;margin:auto!important}
  .hero-v18-clean .hero-v18__brand-minimal h1 span{font-size:27px!important}
  .hero-v18-clean .hero-v18__brand-minimal h1 strong{font-size:18px!important;letter-spacing:4px!important}
  .hero-v18-clean .hero-v18__brand-minimal .hero-copy{
    margin-inline:auto!important;
    font-size:11.5px!important;
  }
  .hero-v18-clean .hero-v18__brand-minimal .hero-v18__actions{justify-content:center!important}
  .hero-v18-clean .hero-data-status{font-size:8px!important}
}

.difficulty-setting-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-top:18px;
  margin-bottom:8px;
}
.difficulty-setting-head>label{
  margin:0!important;
}
.expanded-setting{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:6px 8px 6px 12px;
  border:1px solid rgba(64,230,125,.16);
  border-radius:12px;
  background:rgba(8,25,16,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:.2s ease;
}
.expanded-setting-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  line-height:1.05;
}
.expanded-setting-copy strong{
  color:rgba(234,244,238,.84);
  font-size:9px;
  letter-spacing:.45px;
  font-weight:800;
  white-space:nowrap;
}
.expanded-setting-copy small{
  margin-top:4px;
  color:#31ed7c;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.8px;
}
.expanded-setting.is-off{
  border-color:rgba(255,255,255,.09);
  background:rgba(7,15,11,.48);
}
.expanded-setting.is-off .expanded-setting-copy small{
  color:rgba(214,224,218,.45);
}
.fcc-switch{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  margin:0!important;
  cursor:pointer;
}
.fcc-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.fcc-switch-track{
  position:relative;
  display:block;
  width:42px;
  height:23px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:inset 0 2px 7px rgba(0,0,0,.28);
  transition:.2s ease;
}
.fcc-switch-track i{
  position:absolute;
  top:3px;
  left:3px;
  width:15px;
  height:15px;
  border-radius:50%;
  background:#a9b3ad;
  box-shadow:0 2px 7px rgba(0,0,0,.35);
  transition:.22s cubic-bezier(.2,.8,.2,1);
}
.fcc-switch input:checked + .fcc-switch-track{
  background:linear-gradient(90deg,#08763c,#10cf67);
  border-color:rgba(69,255,145,.38);
  box-shadow:0 0 16px rgba(18,222,105,.12),inset 0 1px 4px rgba(0,0,0,.22);
}
.fcc-switch input:checked + .fcc-switch-track i{
  left:22px;
  background:#effff5;
}
.fcc-switch input:focus-visible + .fcc-switch-track{
  outline:2px solid rgba(55,240,126,.55);
  outline-offset:3px;
}
.answer-chip-expanded{
  opacity:.72;
  font-size:9px!important;
  letter-spacing:.7px;
}
@media(max-width:620px){
  .difficulty-setting-head{
    align-items:stretch;
    flex-direction:column;
    gap:7px;
  }
  .expanded-setting{
    justify-content:space-between;
    width:100%;
  }
  .expanded-setting-copy{
    align-items:flex-start;
  }
}

.expanded-setting-copy strong{max-width:190px;text-align:right;line-height:1.2}
@media(max-width:620px){.expanded-setting-copy strong{text-align:left;max-width:none}}

.verified-only-row{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:100%;
  margin-top:12px;
  padding:12px 14px;
  border:1px solid rgba(40,235,118,.22);
  border-radius:14px;
  background:linear-gradient(90deg,rgba(12,44,26,.92),rgba(7,24,15,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.16);
}
.verified-only-row.is-off{
  border-color:rgba(255,255,255,.11);
  background:linear-gradient(90deg,rgba(19,28,22,.78),rgba(7,17,11,.76));
}
.verified-only-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  background:rgba(19,229,105,.12);
  border:1px solid rgba(48,243,128,.25);
  color:#24ef78;
  font-size:17px;
  font-weight:900;
}
.verified-only-row.is-off .verified-only-icon{
  color:rgba(220,230,224,.42);
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
}
.verified-only-text{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.verified-only-text strong{
  color:#f0f7f3;
  font-size:11px;
  font-weight:900;
  letter-spacing:.15px;
}
.verified-only-text small{
  margin-top:4px;
  color:rgba(219,232,224,.58);
  font-size:8.5px;
  line-height:1.35;
}
.verified-only-action{
  display:flex;
  align-items:center;
  gap:10px;
}
.verified-only-action>span{
  min-width:42px;
  color:#2ff081;
  font-size:9px;
  font-weight:900;
  letter-spacing:.8px;
  text-align:right;
  text-transform:uppercase;
}
.verified-only-row.is-off .verified-only-action>span{
  color:rgba(218,227,222,.48);
}
.verified-only-row .fcc-switch-track{
  width:48px;
  height:26px;
}
.verified-only-row .fcc-switch-track i{
  width:18px;
  height:18px;
  top:3px;
  left:3px;
}
.verified-only-row .fcc-switch input:checked + .fcc-switch-track i{
  left:25px;
}
@media(max-width:620px){
  .verified-only-row{
    grid-template-columns:34px minmax(0,1fr);
    padding:11px;
    gap:9px 10px;
  }
  .verified-only-action{
    grid-column:1 / -1;
    width:100%;
    justify-content:space-between;
    padding-top:7px;
    margin-top:1px;
    border-top:1px solid rgba(255,255,255,.06);
  }
  .verified-only-action>span{text-align:left}
}

.round-mode-group{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.match-pool-mode{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:0 9px;
  border:1px solid rgba(49,235,124,.18);
  border-radius:999px;
  background:rgba(17,94,50,.18);
  color:#45ec8a;
  font-size:7.5px;
  font-weight:900;
  letter-spacing:.85px;
  white-space:nowrap;
}
.match-pool-mode.verified{
  border-color:rgba(99,221,255,.18);
  background:rgba(35,116,135,.13);
  color:#8ee8ff;
}
.match-header-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}
.pair-type-badge{
  display:inline-flex;
  align-items:center;
  min-height:19px;
  padding:0 7px;
  border:1px solid rgba(255,205,85,.22);
  border-radius:999px;
  background:rgba(150,103,17,.13);
  color:#f2ce6d;
  font-size:6.5px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.8px;
}
.pair-type-badge.hidden{display:none!important}
@media(max-width:620px){
  .round-mode-group{gap:5px}
  .match-pool-mode{min-height:24px;padding:0 7px;font-size:6.8px}
  .match-header-right{gap:5px}
  .pair-type-badge{font-size:5.8px;padding:0 5px}
}

.fv-home-link{opacity:.92!important;border-color:rgba(72,242,137,.20)!important;background:rgba(3,17,9,.86)!important;backdrop-filter:blur(14px)!important}
.fv-home-link:hover{opacity:1!important;box-shadow:0 10px 30px rgba(0,0,0,.22)!important}
.language-switcher{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.10)}
.setup-card,.game-shell,.scoreboard,.feature-card{border-color:rgba(68,235,130,.13)!important;box-shadow:0 22px 60px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.02)}
.option,.lang-btn,.hero-play{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.option:hover,.lang-btn:hover{transform:translateY(-1px)}

body{animation:fccPageIn .5s ease both}
@keyframes fccPageIn{from{opacity:0}to{opacity:1}}
.fcc-final-shortcut{position:fixed;right:14px;bottom:14px;z-index:9998;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(69,239,133,.13);border-radius:999px;background:rgba(3,17,9,.72);backdrop-filter:blur(12px);color:#637b6d;font:900 6px/1 system-ui;letter-spacing:.8px;pointer-events:none}
.fcc-final-shortcut kbd{padding:5px 7px;border:1px solid rgba(84,242,144,.18);border-radius:6px;background:rgba(60,236,126,.07);color:#72f7a3;font:900 7px/1 system-ui;box-shadow:inset 0 -1px 0 rgba(255,255,255,.04)}
.club-card,.team-card,.matchup-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.club-card:hover,.team-card:hover,.matchup-card:hover{transform:translateY(-2px);border-color:rgba(71,241,136,.22)!important}
button:focus-visible,a:focus-visible{outline:2px solid rgba(82,245,145,.68);outline-offset:3px}
::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#031008}::-webkit-scrollbar-thumb{background:#123d25;border:2px solid #031008;border-radius:99px}
@media(max-width:650px){.fcc-final-shortcut{right:8px;bottom:8px}.fcc-final-shortcut span{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

:root{--game-mx:50vw;--game-my:30vh}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(440px circle at var(--game-mx) var(--game-my),rgba(50,236,121,.038),transparent 66%)}
.fv-fullscreen-btn{position:fixed;right:14px;top:14px;z-index:100001;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(76,240,138,.16);border-radius:10px;background:rgba(3,18,10,.78);backdrop-filter:blur(12px);color:#72f6a2;font:900 15px/1 system-ui;cursor:pointer;transition:.18s ease}
.fv-fullscreen-btn:hover{transform:translateY(-1px);border-color:rgba(76,240,138,.34);background:rgba(8,35,20,.88)}
@media(max-width:650px){.fv-fullscreen-btn{right:8px;top:8px;width:31px;height:31px}}

.fcc-session-chip{position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:9997;display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(70,235,133,.10);border-radius:999px;background:rgba(3,17,9,.58);backdrop-filter:blur(10px);color:#61796b;font:900 6px/1 system-ui;letter-spacing:.8px;pointer-events:none}
.fcc-session-chip i{width:5px;height:5px;border-radius:50%;background:#45ef86;box-shadow:0 0 9px rgba(69,239,134,.45)}
@media(max-width:650px){.fcc-session-chip{display:none}}