:root{
    --black:#0a0a0a;
    --panel:#121212;
    --panel-2:#1a1a1a;
    /* SILVER / PLATINUM theme (was gold). --gold var names kept so all
       existing rules pick up the new color with no other edits. */
    --gold:#cdd2d9;        /* primary silver accent */
    --gold-soft:#eef1f5;   /* bright silver highlight */
    --white:#ffffff;
    --muted:#b3b3b3;
    --line:rgba(205,210,217,.28);
    --maxw:1140px;
    --r:14px;
    --shadow:0 10px 40px rgba(0,0,0,.5);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:'Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
    background:var(--black);color:var(--white);line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{font-weight:800;line-height:1.1;letter-spacing:-.5px}
  h2.section-title{font-size:clamp(1.6rem,4vw,2.6rem);text-align:center;margin-bottom:.4em}
  h2.section-title span{color:var(--gold)}
  .lede{color:var(--muted);text-align:center;max-width:620px;margin:0 auto 2.2rem}
  a{color:inherit;text-decoration:none}
  section{padding:clamp(3rem,7vw,5.5rem) 1.2rem}
  .wrap{max-width:var(--maxw);margin:0 auto}
  .gold{color:var(--gold)}

  /* ---------- Buttons ---------- */
  .btn{
    display:inline-block;border:none;cursor:pointer;font-weight:700;
    padding:.95rem 1.8rem;border-radius:999px;font-size:1rem;transition:.2s;
  }
  .btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-soft));color:#0a0a0a}
  .btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(205,210,217,.45)}
  .btn-ghost{background:transparent;border:1.5px solid var(--gold);color:var(--gold)}
  .btn-ghost:hover{background:var(--gold);color:#0a0a0a}

  /* ---------- Header / nav ---------- */
  header{
    position:fixed;top:0;left:0;right:0;z-index:50;
    display:flex;align-items:center;justify-content:space-between;
    padding:.7rem 1.2rem;backdrop-filter:blur(10px);
    background:rgba(10,10,10,.72);border-bottom:1px solid var(--line);
  }
  .brand{display:flex;align-items:center;gap:.6rem;font-weight:800;letter-spacing:.5px}
  .brand img{height:62px;width:auto;display:block}
  @media(max-width:480px){.brand img{height:50px}}
  .brand .fallback{font-size:1.05rem}
  .brand .fallback b{color:var(--gold);font-family:Georgia,'Times New Roman',serif;font-style:italic}

  /* ---------- Silver wordmark (code recreation of the logo) ----------
     Swap-ready: drop a real assets/logo.png in and replace .wordmark
     markup with <img> if you prefer the raster file. */
  .wordmark{display:inline-flex;align-items:flex-start;gap:.12em;line-height:1;font-size:var(--wm,24px);user-select:none}
  .wm-main{display:flex;flex-direction:column;align-items:flex-start}
  .wm-pulse{
    font-family:'Great Vibes',cursive;font-weight:400;font-size:1.85em;line-height:.78;
    background:linear-gradient(180deg,#ffffff 0%,#d4d8de 34%,#9297a0 54%,#f2f4f7 72%,#a9afb8 100%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
    filter:drop-shadow(0 1px 1px rgba(0,0,0,.55));margin-bottom:-.06em;padding:0 .06em}
  .wm-sub{display:flex;flex-direction:column;align-items:center;margin-top:-.12em;margin-left:.55em}
  .wm-vibe{
    font-family:'Oswald',sans-serif;font-weight:700;letter-spacing:.26em;font-size:1em;text-indent:.26em;
    background:linear-gradient(180deg,#ffffff,#c4c8ce);-webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent}
  .wm-aventura{font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.46em;font-size:.44em;
    color:var(--gold);text-indent:.46em;margin-top:.15em}
  .wm-ecg{height:1.5em;width:auto;margin-top:.28em;flex:none}
  .wm-ecg path{fill:none;stroke:var(--gold);stroke-width:7;stroke-linejoin:round;stroke-linecap:round;
    filter:drop-shadow(0 0 4px rgba(205,210,217,.45))}
  nav.links{display:none;gap:1.5rem;font-size:.92rem}
  nav.links a:hover{color:var(--gold)}
  .nav-cta{display:none}
  .burger{background:none;border:none;color:var(--white);font-size:1.6rem;cursor:pointer}
  @media(min-width:880px){
    nav.links{display:flex}
    .nav-cta{display:inline-block}
    .burger{display:none}
  }
  /* mobile drawer */
  #drawer{
    position:fixed;inset:0 0 0 auto;width:min(78vw,320px);z-index:60;
    background:var(--panel);transform:translateX(100%);transition:.28s;
    padding:5rem 1.5rem;display:flex;flex-direction:column;gap:1.3rem;
    border-left:1px solid var(--line)
  }
  #drawer.open{transform:translateX(0)}
  #drawer a{font-size:1.15rem}
  #drawer a:hover{color:var(--gold)}
  .drawer-close{position:absolute;top:1rem;right:1.3rem;font-size:1.8rem;background:none;border:none;color:#fff;cursor:pointer}

  /* ---------- Hero ---------- */
  .hero{
    position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;
    text-align:center;overflow:hidden;padding-top:4rem;
    background:radial-gradient(120% 90% at 50% 0%,#171a1e 0%,#0a0a0a 55%);
  }
  .hero video{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  }
  .hero .overlay{position:absolute;inset:0;z-index:1;
    background:linear-gradient(180deg,rgba(10,10,10,.55),rgba(10,10,10,.82))}
  .hero .content{position:relative;z-index:2;max-width:760px;padding:0 1rem}
  .hero .kicker{
    display:inline-block;border:1px solid var(--gold);color:var(--gold);
    padding:.35rem 1rem;border-radius:999px;font-size:.78rem;letter-spacing:2px;
    text-transform:uppercase;margin-bottom:1.4rem
  }
  .hero h1{font-size:clamp(2.1rem,6.5vw,4.2rem);margin-bottom:1rem}
  .hero h1 em{color:var(--gold);font-style:normal}
  .hero p{color:#e7e7e7;font-size:clamp(1rem,2.5vw,1.25rem);margin-bottom:2rem}
  .hero-logo{height:clamp(110px,26vw,210px);margin:0 auto 1.4rem;display:block}
  .hero-cta{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}

  /* ---------- Experience ---------- */
  .exp-grid{display:grid;grid-template-columns:1fr;gap:1.1rem;margin-top:1rem}
  @media(min-width:640px){.exp-grid{grid-template-columns:1fr 1fr}}
  @media(min-width:980px){.exp-grid{grid-template-columns:repeat(3,1fr)}}
  .exp-card{
    background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
    padding:1.6rem;transition:.2s
  }
  .exp-card:hover{border-color:var(--gold);transform:translateY(-3px)}
  .exp-card .ico{font-size:1.8rem;margin-bottom:.6rem}
  .exp-card h3{font-size:1.12rem;margin-bottom:.35rem;color:var(--gold)}
  .exp-card p{color:var(--muted);font-size:.95rem}

  /* ---------- Schedule ---------- */
  #schedule{background:linear-gradient(180deg,#0a0a0a,#101010)}
  .day-group{margin-bottom:2.2rem}
  .day-head{
    display:flex;align-items:center;gap:.8rem;margin:0 0 1rem;
    font-size:1.15rem;font-weight:800;color:var(--white)
  }
  .day-head .dot{width:9px;height:9px;border-radius:50%;background:var(--gold)}
  .day-head .tag{margin-left:auto;font-size:.72rem;font-weight:700;text-transform:uppercase;
    letter-spacing:1px;color:var(--gold);border:1px solid var(--line);padding:.25rem .7rem;border-radius:999px}
  .match-grid{display:grid;grid-template-columns:1fr;gap:1rem}
  @media(min-width:640px){.match-grid{grid-template-columns:1fr 1fr}}
  @media(min-width:1000px){.match-grid{grid-template-columns:repeat(3,1fr)}}
  .match-card{
    background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
    padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.7rem
  }
  .match-card .meta{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted)}
  .match-card .teams{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
  .match-card .team{font-weight:700;font-size:1.02rem;flex:1}
  .match-card .team.r{text-align:right}
  .match-card .vs{color:var(--gold);font-size:.8rem;font-weight:700}
  .match-card .venue{font-size:.78rem;color:var(--muted)}
  .match-card .time{color:var(--gold-soft);font-weight:700;font-size:.9rem}
  .match-card .screen{display:inline-block;align-self:flex-start;font-size:.72rem;font-weight:700;border-radius:999px;padding:.22rem .6rem;border:1px solid var(--line)}
  .match-card .screen.led{background:rgba(205,210,217,.18);color:var(--gold-soft)}
  .match-card .screen.bar{background:rgba(205,210,217,.07);color:var(--muted)}
  .match-card .btn{padding:.55rem 1rem;font-size:.85rem;align-self:flex-start;margin-top:.2rem}
  #no-matches{display:none;text-align:center;color:var(--muted);padding:2rem}

  /* ---------- Passes / Booking ---------- */
  #booking{background:linear-gradient(180deg,#101010,#0a0a0a)}
  .pass-wrap{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:880px;margin:0 auto 3rem}
  @media(min-width:760px){.pass-wrap.two{grid-template-columns:1fr 1fr}}
  .pass-card{
    background:var(--panel);border:1px solid var(--gold);border-radius:18px;padding:2rem;text-align:center
  }
  .pass-card h3{font-size:1.4rem;margin-bottom:.3rem}
  .pass-card .price{font-size:2.4rem;color:var(--gold);font-weight:800;margin:.4rem 0}
  .pass-card .price small{font-size:.95rem;color:var(--muted);font-weight:500}
  .pass-card ul{list-style:none;text-align:left;margin:1.2rem 0;display:flex;flex-direction:column;gap:.55rem}
  .pass-card li{color:var(--muted);font-size:.95rem;padding-left:1.4rem;position:relative}
  .pass-card li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:800}

  /* Booking form */
  .booking-box{background:var(--panel);border:1px solid var(--line);border-radius:18px;
    padding:1.8rem;max-width:560px;margin:0 auto}
  .booking-box h3{text-align:center;margin-bottom:1.2rem}
  .field{margin-bottom:1.1rem}
  .field label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:1px}
  .field select,.field input{
    width:100%;background:var(--panel-2);border:1px solid var(--line);color:#fff;
    padding:.8rem .9rem;border-radius:10px;font-size:1rem
  }
  .field select:focus,.field input:focus{outline:none;border-color:var(--gold)}
  .counter-row{display:flex;gap:1rem}
  .counter-row .field{flex:1}
  .stepper{display:flex;align-items:center;gap:.6rem;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:.4rem}
  .stepper button{width:34px;height:34px;border-radius:8px;border:none;background:var(--gold);color:#0a0a0a;font-size:1.2rem;font-weight:800;cursor:pointer}
  .stepper input{border:none;background:transparent;text-align:center;width:100%;font-size:1.1rem;font-weight:700}
  .total-bar{
    display:flex;justify-content:space-between;align-items:center;
    background:var(--panel-2);border:1px solid var(--gold);border-radius:12px;
    padding:1rem 1.2rem;margin:1.3rem 0;font-weight:700
  }
  .total-bar .amt{font-size:1.7rem;color:var(--gold)}
  .checkout-note{font-size:.78rem;color:var(--muted);text-align:center;margin-top:.8rem}
  .pay-method{border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;margin-bottom:.8rem;text-align:center}
  .pay-method h4{color:var(--gold);font-size:1rem;margin-bottom:.4rem;display:flex;align-items:center;justify-content:center;gap:.4rem}
  .pay-method p{font-size:.92rem;color:#e7e7e7;margin-bottom:.3rem}
  .pay-method .handle{color:var(--gold-soft);font-weight:700}
  .pay-method img.qr{height:150px;width:150px;border-radius:8px;margin:.5rem auto;display:block;background:#fff;padding:6px}

  /* ---------- Gallery ---------- */
  .gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-top:1rem}
  @media(min-width:760px){.gallery{grid-template-columns:repeat(3,1fr)}}
  .gallery .ph{
    aspect-ratio:4/3;border-radius:10px;overflow:hidden;position:relative;
    background:linear-gradient(135deg,#1a1a1a,#23262b);border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;color:#5c5c5c;font-size:.8rem
  }
  .gallery .ph img{width:100%;height:100%;object-fit:cover}

  /* ---------- Member lookup (hidden until Season Pass is enabled) ---------- */
  #member{display:none}

  /* ---------- Footer ---------- */
  footer{background:#070707;border-top:1px solid var(--line);padding:3rem 1.2rem 2rem}
  .foot-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:var(--maxw);margin:0 auto;text-align:center}
  @media(min-width:760px){.foot-grid{grid-template-columns:repeat(3,1fr);text-align:left}}
  .foot-grid h4{color:var(--gold);margin-bottom:.7rem;font-size:1rem}
  .foot-grid p,.foot-grid a{color:var(--muted);font-size:.92rem;display:block;margin-bottom:.3rem}
  .foot-grid a:hover{color:var(--gold)}
  .socials{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}
  @media(min-width:760px){.socials{justify-content:flex-start}}
  .socials a{border:1px solid var(--line);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold)}
  .copyright{text-align:center;color:#555;font-size:.8rem;margin-top:2.5rem}

  /* draft banner */
  .draft-flag{background:var(--gold);color:#0a0a0a;text-align:center;font-size:.8rem;font-weight:700;padding:.4rem;letter-spacing:.5px}
#go-pop{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.72);backdrop-filter:blur(3px);padding:1rem}
#go-pop.show{display:flex}
#go-pop .card{position:relative;background:var(--panel);border:1px solid var(--gold);border-radius:18px;padding:2.1rem 1.8rem;max-width:380px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.6)}
#go-pop h3{color:var(--gold);font-size:1.45rem;margin-bottom:.4rem}
#go-pop p{color:#ddd;margin-bottom:1.2rem;font-size:.95rem}
#go-pop .x{position:absolute;top:.5rem;right:.85rem;background:none;border:none;color:#888;font-size:1.7rem;cursor:pointer;line-height:1}
#confetti{position:fixed;inset:0;z-index:199;pointer-events:none;display:none}
#confetti.show{display:block}
.go-badge{display:inline-block;margin-left:.5rem;font-size:.68rem;font-weight:800;color:#0a0a0a;background:linear-gradient(135deg,var(--gold),var(--gold-soft));border-radius:999px;padding:.16rem .6rem;vertical-align:middle;animation:goPulse 1.4s ease-in-out infinite}
@keyframes goPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(205,210,217,.5)}50%{transform:scale(1.07);box-shadow:0 0 0 7px rgba(205,210,217,0)}}
.hero-ball{position:absolute;top:50%;left:50%;width:min(82vw,540px);transform:translate(-50%,-50%);opacity:.14;z-index:1;pointer-events:none;animation:spinBall 26s linear infinite}
@keyframes spinBall{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hero-ball{animation:none}}
.hero-emblem{position:absolute;left:clamp(10px,3vw,46px);top:50%;transform:translateY(-50%);width:clamp(66px,8vw,120px);z-index:2;pointer-events:none;opacity:.96;filter:drop-shadow(0 4px 14px rgba(0,0,0,.55))}
@media(max-width:760px){.hero-emblem{top:auto;bottom:16px;left:14px;width:60px;transform:none}}
.match-card .ptag{font-weight:800;color:var(--gold-soft);font-size:1.05rem;margin-top:.1rem}
.match-card .ptag small{color:var(--muted);font-weight:600;font-size:.74rem}
.games-mark{display:block;margin-left:auto;margin-right:auto;height:auto}
.hero .hero-mark{width:clamp(100px,15vw,150px);margin-bottom:1.1rem;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55))}
#experience .exp-mark{width:clamp(72px,10vw,108px);margin-bottom:.5rem}
.cup{position:relative;display:inline-block}
.cup-trophy{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:2.6em;max-width:none;opacity:.6;z-index:-1;pointer-events:none}
.hero h1{text-shadow:0 2px 14px rgba(0,0,0,.7)}
.vidgrid{display:grid;grid-template-columns:1fr;gap:1.1rem;margin:0 auto 1.6rem}
@media(min-width:760px){.vidgrid{grid-template-columns:1fr 1fr}}
.vid{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#000}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hero .yt-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#0a0a0a}
.hero .yt-bg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100%;transform:translate(-50%,-50%);border:0}