@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#0b111b;--panel:#131c2b;--panel2:#182335;--line:#2b3748;--text:#e9e5dc;--muted:#aeb8c9;--gold:#ffd166}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,Arial,sans-serif}
.site-header{position:sticky;top:0;z-index:50;min-height:88px;padding:0 8%;display:flex;align-items:center;justify-content:space-between;background:rgba(11,17,27,.97);border-bottom:1px solid #253142}
.brand{font-size:29px;font-weight:900;letter-spacing:1px;color:var(--text);text-decoration:none}.brand span,footer span{color:var(--gold)}
.nav{display:flex;gap:27px;flex-wrap:wrap}.nav a{color:#b9c1cf;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:2px}.nav a:hover{color:var(--gold)}
section{padding:70px max(8%,30px);border-bottom:1px solid #253142}.eyebrow{color:var(--gold);font-size:15px;font-weight:900;letter-spacing:5px;margin-bottom:30px}
h1,h2{margin:0;font-weight:900}h1{font-size:68px;line-height:1.15}h2{font-size:58px;line-height:1.1;margin-bottom:35px}h3{font-size:20px;font-weight:900}p{color:var(--muted);font-size:18px;line-height:1.7}
.hero{padding-top:60px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1250px}.featured-image{display:flex;justify-content:center}.featured-image img{width:min(100%,560px);max-height:580px;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(0,0,0,.35))}
.challenge-box{margin:25px 0 35px;padding:20px 24px;background:var(--panel2);border-left:5px solid var(--gold);display:flex;flex-direction:column;gap:15px}.challenge-box span{color:var(--muted)}
.button{display:inline-block;background:var(--gold);color:#131820;text-decoration:none;padding:18px 28px;font-size:14px;font-weight:900;letter-spacing:1.5px}
.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;max-width:1300px}.game-card{background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:.25s}.game-card:hover{transform:translateY(-7px);border-color:var(--gold);box-shadow:0 18px 40px rgba(0,0,0,.28)}.game-card.featured{border-color:var(--gold)}
.game-card img{width:100%;height:290px;object-fit:contain;display:block;padding:18px;background:linear-gradient(145deg,#192435,#0f1724)}.game-info{padding:18px 20px 22px}.game-info span{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:1.5px}.game-info h3{margin:10px 0 0;font-size:19px}
.season-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:1250px}.month{min-height:130px;background:var(--panel);border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;justify-content:space-between}.month b{font-size:29px}.month span{font-size:13px;font-weight:800;color:var(--muted)}.month.current{border-color:var(--gold)}.month.current b,.month.current span{color:var(--gold)}.month.done{opacity:.82}
.empty-panel{max-width:900px;border:1px solid var(--line);background:#0d1522}.empty-panel div{padding:24px 28px;border-bottom:1px solid var(--line);color:var(--muted);font-size:18px}.empty-panel div:last-child{border:0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1250px}.steps>div{background:var(--panel);border:1px solid var(--line);padding:35px 32px;min-height:260px}.steps b{color:var(--gold);font-size:48px}.steps h3{margin:25px 0 12px}.steps p{font-size:16px;margin:0}
.discord{max-width:1250px;margin-top:35px;padding:35px;border:1px solid var(--line);background:var(--panel2);display:flex;align-items:center;justify-content:space-between;gap:30px}.discord .eyebrow{margin-bottom:12px}.discord h3{font-size:25px;margin:0 0 8px}.discord p{margin:0;font-size:16px}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1250px}.gallery-grid div{height:280px;background:linear-gradient(145deg,#1b2739,#101825);border:1px solid var(--line);display:flex;align-items:flex-end;padding:24px;font-weight:900;color:#c0c8d5}
.about-section p{max-width:850px}footer{padding:35px 8%;font-size:15px;font-weight:800;letter-spacing:2px;color:#aeb8c9}
@media(max-width:1000px){.site-header{padding:22px 5%;align-items:flex-start;gap:20px;flex-direction:column}.nav{gap:14px}.hero-grid{grid-template-columns:1fr}.season-grid{grid-template-columns:repeat(3,1fr)}.steps,.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){section{padding:50px 24px}h1{font-size:46px}h2{font-size:40px}.brand{font-size:24px}.nav a{font-size:10px}.season-grid{grid-template-columns:repeat(2,1fr)}.steps,.gallery-grid{grid-template-columns:1fr}.discord{flex-direction:column;align-items:flex-start}}