@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#0b111b;--panel:rgba(19,28,43,.92);--panel2:rgba(24,35,53,.88);--line:rgba(92,111,137,.42);--text:#e9e5dc;--muted:#aeb8c9;--gold:#ffd166}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(rgba(7,12,20,.86),rgba(7,12,20,.93)),url("images/background-retro.jpg") center center/cover fixed no-repeat,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,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(92,111,137,.42)}
.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 rgba(92,111,137,.32);background:rgba(11,17,27,.18)}.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:rgba(13,21,34,.9)}.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-intro{max-width:850px;margin-top:-12px;margin-bottom:30px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1250px}.gallery-card{margin:0;background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:.25s}.gallery-card:hover{border-color:var(--gold);transform:translateY(-5px)}.gallery-image{display:block;width:100%;height:260px;padding:0;border:0;background:#070b12;cursor:pointer;overflow:hidden}.gallery-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.gallery-card:hover .gallery-image img{transform:scale(1.04)}.gallery-card figcaption{padding:16px 18px 19px;display:flex;flex-direction:column;gap:7px}.gallery-card figcaption strong{font-size:14px;color:var(--text)}.gallery-card figcaption span{font-size:11px;font-weight:700;color:var(--muted)}.gallery-lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;padding:60px 24px}.gallery-lightbox[hidden]{display:none}.gallery-lightbox img{max-width:95vw;max-height:90vh;object-fit:contain;box-shadow:0 0 0 1px var(--line)}.lightbox-close{position:absolute;top:18px;right:25px;background:var(--gold);border:0;color:#111820;font-size:34px;line-height:1;width:48px;height:48px;cursor:pointer}
.about-section p{max-width:850px}footer{padding:35px 8%;font-size:15px;font-weight:800;letter-spacing:2px;color:#aeb8c9;background:rgba(11,17,27,.78);backdrop-filter:blur(6px)}
@media(max-width:700px){body{background-attachment:scroll;background-size:auto 100%;}}
@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}}


/* LIVE DUCKTALES COMMUNITY RESULTS */
.results-intro{margin-top:-12px;margin-bottom:30px}
.results-status{max-width:1250px;padding:24px 28px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-weight:700}
.results-status.error{border-color:#c95b5b;color:#f0aaaa}
.results-wrap{max-width:1250px}
.score-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}
.score-hero>div{background:var(--panel);border:1px solid var(--line);padding:28px;min-height:180px;display:flex;flex-direction:column;justify-content:center}
.score-hero span{font-size:28px;margin-bottom:10px}
.score-hero strong{font-size:38px;line-height:1.1;color:var(--gold);word-break:break-word}
.score-hero small{margin-top:12px;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:1.5px}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.category-score{background:var(--panel2);border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:16px}
.category-score span{font-size:11px;font-weight:900;letter-spacing:1px;color:var(--muted)}
.category-score strong{font-size:30px;color:var(--gold)}
.popular-levels{margin-top:18px;padding:26px 28px;background:var(--panel);border:1px solid var(--line)}
.popular-levels .eyebrow{margin-bottom:12px}
#popular-levels{font-size:20px;font-weight:800;color:var(--text);line-height:1.6}
@media(max-width:1000px){.score-hero{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.score-hero,.category-grid{grid-template-columns:1fr}.score-hero>div{min-height:140px}}