:root{
  --black:#0a0908;
  --charcoal:#141210;
  --charcoal-2:#1c1815;
  --gold:#c9a227;
  --gold-light:#e8c85a;
  --gold-dim:#7a621c;
  --red:#7a1414;
  --red-bright:#a31d1d;
  --white:#f3efe4;
  --grey:#a9a49a;
  --line:rgba(201,162,39,0.25);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}

body{
  background:var(--black);
  color:var(--white);
  font-family:'Oswald',sans-serif;
  font-weight:300;
  overflow-x:hidden;
}

  a{color:inherit;text-decoration:none;}
  .display{font-family:'Cinzel',serif;}
  .impact{font-family:'Anton',sans-serif;text-transform:uppercase;}
/*
.suits{letter-spacing:0.6em;font-size:0.95rem;color:var(--gold);}
.suits .red{color:var(--red-bright);}

/* HEADER & NAV 
header{
  position:relative;
  text-align:center;
  padding:2.6rem 1.5rem 0;
  background:radial-gradient(ellipse at 50% 0%, rgba(201,162,39,0.14), transparent 65%), var(--black);
  border-bottom:1px solid var(--line);
  z-index:10;
}
.crown{font-size:1.6rem;color:var(--gold-light);margin-bottom:0.3rem;display:block;text-shadow:0 0 14px rgba(201,162,39,0.5);}
.wordmark{font-size:clamp(1.9rem,5vw,3.2rem);color:var(--gold-light);text-transform:uppercase;letter-spacing:0.06em;line-height:1.05;}
.tagline-row{margin-top:0.9rem;display:flex;align-items:center;justify-content:center;gap:0.9rem;}
.rule-h{width:40px;height:1px;background:var(--gold-dim);}

nav{
  margin-top:1.9rem;
  display:flex;
  justify-content:center;
  gap:clamp(0.8rem,2.2vw,2rem);
  padding-bottom:1.3rem;
  flex-wrap:wrap;
  align-items:center;
}
nav a{
  font-size:0.78rem;
  letter-spacing:0.15em;
  text-transform:uppercase;
  color:var(--grey);
  padding:0.4rem 0.1rem;
  position:relative;
  transition:color 0.3s ease;
}
nav a.current, nav a:hover{color:var(--gold-light);}
nav a.cta-link{color:var(--black);background:var(--gold);padding:0.45rem 1.1rem;border-radius:2px;font-weight:500;}
nav a.cta-link:hover{background:var(--gold-light);}

/* DROPDOWN NAV *
.nav-drop{position:relative;}
.nav-drop-btn{
  background:none;border:none;color:var(--grey);
  font-family:'Oswald',sans-serif;font-size:0.78rem;
  letter-spacing:0.15em;text-transform:uppercase;
  cursor:pointer;padding:0.4rem 0.1rem;
}
.nav-drop-btn:hover{color:var(--gold-light);}
.nav-drop-menu{
  display:none;position:absolute;top:100%;left:50%;
  transform:translateX(-50%);background:var(--charcoal-2);
  border:1px solid var(--line);min-width:140px;
  box-shadow:0 10px 25px rgba(0,0,0,0.8);z-index:20;
}
.nav-drop.open .nav-drop-menu{display:block;}
.nav-drop-menu a{display:block;padding:0.6rem 1rem;text-align:center;border-bottom:1px solid rgba(201,162,39,0.1);}
*/
/* HERO */
.hero{
  position:relative;min-height:65vh;display:flex;
  align-items:center;justify-content:center;text-align:center;
  padding:4.5rem 1.5rem;
  background:radial-gradient(ellipse 65% 55% at 50% 30%, rgba(201,162,39,0.1), transparent 70%), linear-gradient(180deg, var(--black) 0%, var(--charcoal) 100%);
  border-bottom:1px solid var(--line);
}
.hero-inner{max-width:820px;}
.eyebrow{font-size:0.75rem;letter-spacing:0.35em;text-transform:uppercase;color:var(--gold-light);margin-bottom:1rem;}
.hero h1{font-size:clamp(2.8rem,8vw,5.5rem);color:var(--white);line-height:0.98;}
.hero .gold-line{display:block;color:var(--gold-light);text-shadow:0 0 22px rgba(201,162,39,0.4);}
.ribbon{display:inline-block;margin-top:0.6rem;background:linear-gradient(180deg, var(--red-bright), var(--red));color:var(--white);padding:0.5rem 1.8rem;font-size:clamp(1rem,2.2vw,1.5rem);transform:rotate(-1deg);}
.hero p{max-width:580px;margin:1.8rem auto 2.2rem;color:var(--grey);font-size:1rem;line-height:1.7;}

/* BUTTONS */
.btn{
  display:inline-block;padding:0.85rem 2rem;font-size:0.8rem;
  letter-spacing:0.18em;text-transform:uppercase;font-weight:600;
  border:1px solid var(--gold);color:var(--gold-light);border-radius:2px;
  transition:all 0.35s ease;cursor:pointer;
}
.btn:hover{background:var(--gold);color:var(--black);box-shadow:0 0 20px rgba(201,162,39,0.3);}
.btn.filled{background:var(--red);border-color:var(--red);color:var(--white);}
.btn.filled:hover{background:var(--red-bright);border-color:var(--red-bright);}

/* SECTIONS */
.home-section{padding:4.5rem 1.5rem;max-width:1100px;margin:0 auto;}
.home-section.dark-bg{background:var(--charcoal);max-width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.section-head{text-align:center;max-width:650px;margin:0 auto 3rem;}
.section-head h2{font-size:clamp(1.8rem,3.8vw,2.5rem);text-transform:uppercase;}
.section-action{text-align:center;margin-top:2.5rem;}
.rule{width:60px;height:2px;background:var(--gold);margin:1.2rem auto 0;}

/* NEWS GRID */
.news-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;}
.news-card{background:var(--charcoal-2);border:1px solid var(--line);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;}
.news-img{height:160px;background:#000;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);}
.news-img img{max-height:100px;object-fit:contain;}
.news-body{padding:1.4rem;flex-grow:1;display:flex;flex-direction:column;}
.news-meta{font-size:0.7rem;color:var(--gold-light);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:0.5rem;}
.news-title{font-size:1.15rem;color:var(--white);margin-bottom:0.6rem;line-height:1.3;}
.news-excerpt{font-size:0.88rem;color:var(--grey);line-height:1.6;margin-bottom:1.2rem;}

/* TOURNAMENTS & CHAMPIONSHIPS CARDS */
.cards-grid, .championships-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(310px, 1fr));gap:1.5rem;}
.event-card{background:var(--charcoal-2);border:1px solid var(--line);padding:1.6rem;border-radius:4px;position:relative;}
.event-card.featured{border-color:var(--gold);box-shadow:0 0 15px rgba(201,162,39,0.15);}
.badge{position:absolute;top:1rem;right:1rem;padding:0.25rem 0.6rem;font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;border-radius:2px;}
.badge.open{background:rgba(201,162,39,0.2);color:var(--gold-light);border:1px solid var(--gold);}
.badge.full{background:rgba(122,20,20,0.3);color:#ff7777;border:1px solid var(--red);}

.event-title{font-size:1.3rem;color:var(--white);margin-bottom:0.8rem;}
.event-info{font-size:0.85rem;color:var(--grey);line-height:1.8;margin-bottom:1.2rem;}
.event-info strong{color:var(--gold-light);}
.prize-banner{background:linear-gradient(90deg, rgba(201,162,39,0.15), transparent);border-left:3px solid var(--gold);padding:0.6rem 0.8rem;margin-bottom:1rem;font-size:0.9rem;color:var(--white);}

/* CHAMPIONS GRID */
.champions-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;}
.champion-card{background:var(--charcoal-2);border:1px solid var(--line);padding:1.6rem;text-align:center;border-radius:4px;}
.champion-icon{font-size:2.5rem;margin-bottom:0.5rem;}
.champion-event{font-size:0.75rem;color:var(--gold);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:0.8rem;}
.champion-names{font-size:1.1rem;color:var(--white);font-family:'Cinzel',serif;margin-bottom:0.4rem;}
.champion-runnerup{font-size:0.8rem;color:var(--grey);}

/* RANKING PREVIEW */
.ranking-note{margin-top:0.8rem;color:var(--grey);font-size:0.9rem;}
.ranking-note strong{color:var(--gold-light);}
.ranking-layout{display:grid;grid-template-columns:260px 1fr;gap:1.5rem;align-items:start;}

.countdown-card{background:var(--charcoal-2);border:1px solid var(--gold);padding:2rem 1.2rem;text-align:center;border-radius:4px;}
.countdown-title{font-size:1.1rem;color:var(--gold-light);margin-bottom:0.8rem;}
.countdown-timer{font-size:1.2rem;font-weight:600;letter-spacing:0.1em;color:var(--white);background:var(--black);padding:0.8rem;border:1px solid var(--line);margin-bottom:0.8rem;}
.countdown-sub{font-size:0.72rem;color:var(--grey);}

.ranking-table-card{background:var(--charcoal-2);border:1px solid var(--line);border-radius:4px;overflow:hidden;}
.table-header, .table-row{display:grid;grid-template-columns:50px 1fr 70px 80px;padding:0.8rem 1.2rem;align-items:center;text-align:center;}
.table-header{background:var(--black);font-size:0.75rem;color:var(--gold);letter-spacing:0.1em;text-transform:uppercase;border-bottom:1px solid var(--line);}
.table-row{border-bottom:1px solid rgba(201,162,39,0.1);font-size:0.9rem;}
.table-row:last-child{border-bottom:none;}
.table-row.qualifying{background:rgba(201,162,39,0.04);}
.table-row .player-cell{text-align:left;display:flex;flex-direction:column;}
.table-row .player-name{color:var(--white);font-weight:500;}
.table-row .player-nick{font-size:0.75rem;color:var(--grey);}
.table-row .trophies-cell{color:var(--gold-light);font-weight:600;}

/* FOOTER */
footer{text-align:center;padding:3rem 1.5rem 2.5rem;border-top:1px solid var(--line);}
footer .crown{margin-bottom:0.6rem;}
footer p{font-size:0.72rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--grey);}
footer .legal{margin-top:0.6rem;font-size:0.65rem;color:#5c5346;}

@media (max-width:768px){
  .ranking-layout{grid-template-columns:1fr;}
  .table-header, .table-row{grid-template-columns:40px 1fr 50px 70px;padding:0.6rem 0.8rem;}
}