:root{
  --bg:#fefae0; --panel:#ffffff; --panel2:#faf3dc; --line:#eadfc2;
  --text:#3a2c16; --muted:#8a7a55; --accent:#bc6c25; --accent2:#a55a1b;
  --danger:#c0392b; --warn:#d97706; --info:#2f6fb2;
  --shadow:0 1px 2px rgba(60,40,10,.05), 0 8px 24px -12px rgba(120,80,20,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.55}
a{color:var(--accent);text-decoration:none}
img{max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.muted{color:var(--muted)}.small{font-size:12.5px}
/* header */
.site-head{background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60;box-shadow:0 1px 0 rgba(60,40,10,.04)}
.head-in{display:flex;align-items:center;gap:18px;height:62px}
.logo{font-size:19px;font-weight:800;color:var(--text)}
.logo span{color:var(--accent)}
.main-nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}
.main-nav a{color:var(--text);font-weight:600;font-size:14px;padding:7px 12px;border-radius:9px;transition:background .18s,color .18s}
.main-nav a:hover{background:var(--panel2);color:var(--accent)}
.nav-admin{font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:6px 12px;font-weight:600}
.nav-admin:hover{color:var(--accent);border-color:var(--accent)}
/* sections */
main.wrap{padding-top:22px;padding-bottom:50px}
.sec{margin:28px 0;animation:fadeUp .5s ease both}
.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.sec-head h2{font-size:18px;margin:0;display:flex;align-items:center;gap:9px}
.sec-head h2 .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);display:inline-block}
.sec-head a{font-size:13px;font-weight:700;color:var(--accent)}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* sponsored banner */
.sponsor{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:22px;box-shadow:var(--shadow);transition:transform .18s}
.sponsor:hover{transform:translateY(-2px)}
.sponsor img{width:100%;max-height:110px;object-fit:cover;display:block}
.sponsor .msg{padding:10px 14px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);text-align:center}
/* match cards — stack cleanly on mobile */
.matches{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.match{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;
  display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}
.match:hover{transform:translateY(-3px);box-shadow:0 14px 30px -14px rgba(120,80,20,.28)}
.match .league{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.match .teams{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center}
.match .team{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.match .team .nm{font-weight:700;font-size:14px;line-height:1.2;word-wrap:break-word;max-width:100%}
.match .score{font-size:22px;font-weight:800;letter-spacing:1px;min-width:52px}
.match .score.live{color:var(--accent)}
.match .foot{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.watch-btn{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;
  font-size:12px;font-weight:800;padding:6px 14px;border-radius:999px;transition:transform .15s,background .15s}
.watch-btn:hover{background:var(--accent2);transform:scale(1.05)}
.tav{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-weight:800;font-size:12px;color:#fff;flex:0 0 34px}
.mbadge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:800}
.mbadge.live{background:rgba(188,108,37,.14);color:var(--accent2);animation:pulse 1.6s infinite}
.mbadge.ht{background:rgba(217,119,6,.14);color:#b45309}
.mbadge.ft{background:rgba(120,110,90,.14);color:#6b5f45}
.mbadge.ns{background:rgba(47,111,178,.12);color:#1d5b96}
@keyframes pulse{50%{opacity:.55}}
.kick{font-size:12.5px;color:var(--muted);text-align:center}
/* news */
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.news-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .18s}
.news-card:hover{transform:translateY(-3px)}
.news-card img{width:100%;height:140px;object-fit:cover;display:block;background:var(--panel2)}
.news-card .nc-body{padding:12px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.news-card h3{margin:0;font-size:15px;line-height:1.35}
.news-card h3 a{color:var(--text)}
.news-card h3 a:hover{color:var(--accent)}
.news-card .cat{font-size:11px;color:var(--accent2);text-transform:uppercase;letter-spacing:.5px;font-weight:800}
.news-card .sum{font-size:13px;color:var(--muted)}
/* posts */
.posts-list{display:grid;gap:14px}
.post-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  display:grid;grid-template-columns:140px 1fr;box-shadow:var(--shadow);transition:transform .18s}
.post-card:hover{transform:translateY(-3px)}
.post-card .pc-img{height:100%;min-height:110px}
.post-card .pc-img img{width:100%;height:100%;object-fit:cover;display:block}
.post-card .pc-body{padding:14px 16px}
.post-card h3{margin:0 0 6px;font-size:16px}
.post-card h3 a{color:var(--text)}
.post-card .meta{font-size:12px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}
/* polls */
.polls{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.poll{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}
.poll h3{margin:0 0 12px;font-size:15px}
.poll label.opt{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);
  border-radius:10px;margin-bottom:8px;cursor:pointer;font-size:14px;transition:border-color .15s,background .15s}
.poll label.opt:hover{border-color:var(--accent);background:var(--panel2)}
.poll input[type=radio]{accent-color:var(--accent)}
.poll .vote-btn{width:100%;border:none;border-radius:10px;padding:11px;background:var(--accent);color:#fff;
  font-weight:800;font-size:14px;cursor:pointer;transition:background .15s}
.poll .vote-btn:hover{background:var(--accent2)}
.poll .thanks{padding:10px;text-align:center;color:var(--accent2);font-weight:700}
.poll-results{margin-top:12px}
.poll-results .row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}
.bar{height:8px;background:var(--panel2);border-radius:999px;overflow:hidden;margin-bottom:10px}
.bar>span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .5s ease}
/* ads */
.ad{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:14px 0;box-shadow:var(--shadow)}
.ad img{width:100%;display:block}
.ad-html{margin:14px 0}
/* layout helpers */
.grid2{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}
@media(max-width:900px){.grid2{grid-template-columns:1fr}}
/* article */
.article{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px;max-width:780px;margin:0 auto;box-shadow:var(--shadow);animation:fadeUp .4s ease both}
.article .hero{width:100%;max-height:360px;object-fit:cover;border-radius:12px;margin-bottom:18px}
.article h1{margin:0 0 8px;font-size:26px;line-height:1.25}
.article .meta{color:var(--muted);font-size:13px;margin-bottom:20px}
.article .body{font-size:16px;line-height:1.7}
.article .body img{max-width:100%;border-radius:10px}
.article .body h2{font-size:21px}.article .body h3{font-size:17px}
/* popup */
.popup-ad{position:fixed;inset:0;background:rgba(40,25,5,.55);display:none;align-items:center;justify-content:center;z-index:200;padding:20px}
.popup-ad .popup-in{position:relative;max-width:520px;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px -20px rgba(0,0,0,.4)}
.popup-ad .popup-in img{width:100%;display:block}
.popup-x{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.55);border:none;color:#fff;
  width:30px;height:30px;border-radius:50%;font-size:16px;cursor:pointer;z-index:5}
/* footer */
.site-foot{background:var(--panel);border-top:1px solid var(--line);margin-top:40px;padding:28px 0}
.foot-in{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.foot-nav{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.foot-nav a{color:var(--muted);font-size:13.5px;transition:color .15s}
.foot-nav a:hover{color:var(--accent)}
.empty{padding:30px;text-align:center;color:var(--muted);font-size:14px}
/* standings table */
table.stand{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}
table.stand th,table.stand td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
table.stand th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.4px;background:var(--panel2)}
@media(max-width:560px){
  .main-nav{display:none}
  .post-card{grid-template-columns:100px 1fr}
}