:root{--accent:#ffd600;--accent2:#c8a000;--bg:#0c0900;--card:#1a1400;--nav:#100c00;}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg);color:#f0ead0;font-family:'Lato',sans-serif;line-height:1.7;}
a{color:var(--accent);text-decoration:none;}a:hover{color:#fff;}
.topstrip{background:var(--accent);color:#000;text-align:center;font-size:.8rem;font-weight:700;padding:6px;letter-spacing:1px;}
.header{background:var(--nav);border-bottom:3px solid var(--accent);padding:0 20px;position:sticky;top:0;z-index:100;}
.header .inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;height:60px;}
.brand{font-family:'Anton',sans-serif;font-size:1.6rem;color:var(--accent);text-transform:uppercase;}
.hn{display:flex;gap:4px;}
.nav-link{padding:7px 14px;border-radius:4px;color:#c0b880;font-size:.84rem;font-weight:700;transition:.2s;}
.nav-link:hover,.nav-link.active{background:var(--accent);color:#000;}
.mob-btn{display:none;background:var(--accent);border:none;color:#000;font-weight:700;padding:7px 14px;border-radius:4px;cursor:pointer;}
.hero{background:linear-gradient(180deg,#1a1400 0%,var(--bg) 100%);padding:70px 20px;text-align:center;border-bottom:3px solid var(--accent);}
.hero .kicker{background:var(--accent);color:#000;display:inline-block;padding:5px 18px;border-radius:3px;font-size:.78rem;font-weight:800;letter-spacing:2px;margin-bottom:18px;}
.hero h1{font-family:'Anton',sans-serif;font-size:clamp(2rem,6vw,4rem);color:#fff;margin-bottom:16px;line-height:1.1;}
.hero p{max-width:700px;margin:0 auto 28px;color:#c0b880;font-size:1.05rem;}
.btn{display:inline-block;background:var(--accent);color:#000;padding:13px 30px;border-radius:4px;font-weight:800;transition:.2s;}
.btn:hover{background:var(--accent2);color:#000;}
.sports-bar{background:var(--nav);border-bottom:2px solid rgba(255,255,255,.1);padding:0 20px;}
.sports-bar .inner{display:flex;max-width:1200px;margin:0 auto;overflow-x:auto;scrollbar-width:none;gap:4px;}
.sport-tab{padding:11px 20px;color:#b0a060;font-size:.84rem;font-weight:700;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;transition:.2s;border:none;background:none;}
.sport-tab:hover,.sport-tab.active{color:var(--accent);border-bottom-color:var(--accent);}
.main{max-width:1200px;margin:40px auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr;gap:30px;}
.content-col .block{background:var(--card);border-radius:14px;padding:28px;margin-bottom:24px;border-top:4px solid var(--accent);}
.content-col .block h2{font-family:'Anton',sans-serif;color:var(--accent);font-size:1.35rem;margin-bottom:14px;}
.content-col .block p{color:#d0c880;line-height:1.8;margin-bottom:14px;}
.sidebar-col .sbox{background:var(--card);border-radius:12px;padding:20px;margin-bottom:20px;border-left:4px solid var(--accent);}
.sidebar-col .sbox h3{font-family:'Anton',sans-serif;color:var(--accent);margin-bottom:12px;}
.facts ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.facts li{padding:9px 14px;background:rgba(255,255,255,.05);border-radius:8px;border-left:3px solid var(--accent);color:#d0c880;font-size:.9rem;}
.match-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);}
.match-row strong{color:#f0ead0;}
.match-row .when{color:var(--accent);font-size:.82rem;font-weight:700;}
.comments{display:flex;flex-direction:column;gap:14px;}
.comment{background:rgba(255,255,255,.04);border-radius:10px;padding:14px;border-left:4px solid var(--accent);}
.comment .who{font-weight:700;color:var(--accent);font-size:.88rem;}
.comment .when{font-size:.77rem;color:#807040;margin-left:8px;}
.comment .text{margin-top:6px;color:#c0b880;}
.mob-overlay{display:none;position:fixed;inset:0;background:var(--nav);z-index:200;flex-direction:column;padding:20px;}
.mob-overlay.open{display:flex;}
.mob-overlay .close{background:none;border:2px solid var(--accent);color:var(--accent);padding:8px 16px;border-radius:4px;cursor:pointer;align-self:flex-end;}
.mob-overlay nav{display:flex;flex-direction:column;gap:8px;margin-top:16px;}
.mob-overlay .nav-link{padding:12px 16px;border-radius:8px;font-size:1rem;}
footer{background:var(--nav);border-top:3px solid var(--accent);padding:24px 20px;text-align:center;color:#807040;margin-top:20px;}
@media(max-width:900px){.main{grid-template-columns:1fr;}.hn{display:none;}.mob-btn{display:block;}}