body { margin:0; font-family: Arial, sans-serif; background:#0b0b0b; color:#f2f2f2; }
.wrap { max-width:1100px; margin:0 auto; padding:16px; }
h1, h2 { color:#f5c518; }
.banner-img { width:100%; max-height:180px; object-fit:cover; border-radius:8px; margin-bottom:12px; }
.flag-img { height:22px; vertical-align:middle; margin-right:8px; }
.sub, .log { color:#9a9a9a; font-size:14px; }
button { padding:8px 12px; margin:4px 4px 4px 0; font-weight:bold; cursor:pointer; }
.gold { background:#f5c518; color:#111; border:0; }
.week { color:#f5c518; font-weight:bold; margin:8px 0; }
.banner { color:#22c55e; font-weight:bold; margin:8px 0; }
.card { background:#161616; border:1px solid #f5c518; padding:12px; max-width:340px; margin:12px 0; }
.head { display:flex; justify-content:space-between; font-weight:bold; }
.pts { color:#f5c518; }
label { display:block; margin-top:8px; color:#888; font-size:12px; }
select, input { width:100%; padding:8px; background:#111; color:#f5c518; border:1px solid #333; }
.board { overflow:auto; margin-top:16px; }
table { border-collapse:collapse; min-width:900px; font-size:13px; }
th, td { border:1px solid #222; padding:6px; background:#141414; }
th { background:#111; color:#f5c518; }
.cur { background:#2a2408; }
.w { background:#1b1212; }
.win { background:#102418; color:#22c55e; font-weight:bold; }
.msg { color:#f5c518; min-height:20px; }
.log { margin-top:24px; }