/* ═══ NUSANTARA SKIN v1 — editorial sports broadcast ═══ */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;700;900&family=Barlow+Condensed:wght@500;600;700&display=swap');

:root {
  --bg: #101014;
  --bg2: #17171c;
  --bg3: #1f1f26;
  --border: #2b2b34;
  --text: #eceae4;
  --muted: #8a8578;
  --accent: #e11d2e;          /* merah liga */
  --accent2: #d4a017;         /* kuning emas juara */
  --danger: #e11d2e;
  --radius: 2px;
  --font: 'Archivo', 'Segoe UI', system-ui, sans-serif;
}

body {
  background:
    radial-gradient(1200px 500px at 80% -10%, rgba(225,29,46,.07), transparent 60%),
    radial-gradient(900px 400px at 0% 110%, rgba(212,160,23,.05), transparent 60%),
    var(--bg);
  font-family: var(--font);
}

/* Judul & heading: condensed uppercase broadcast */
h1, h2, h3, h4, .logo-badge, .tc-name, .hub-club, .pos-badge {
  font-family: 'Barlow Condensed', 'Archivo', sans-serif !important;
  letter-spacing: .04em;
}
h1, h2, h3, h4 { text-transform: uppercase; font-weight: 700; }

/* Kartu editorial: sudut tajam + garis kiri aksen */
.hub-card, .team-card, .modal, .bid-row, .market-row, .result-row {
  border-radius: var(--radius) !important;
  border-left: 3px solid var(--accent) !important;
  background: linear-gradient(180deg, var(--bg2), var(--bg3)) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.4) !important;
}
.team-card:hover, .hub-card:hover { border-left-color: var(--accent2) !important; }

/* Tombol: kotak tegas, hover geser aksen */
.btn { border-radius: var(--radius) !important; text-transform: uppercase; font-weight: 700; letter-spacing: .08em; }
.btn-primary { background: var(--accent) !important; }
.btn-primary:hover { filter: brightness(1.15); transform: translateX(1px); }
.btn-secondary { border: 1px solid var(--border) !important; background: transparent !important; color: var(--text) !important; }
.btn-secondary:hover { border-color: var(--accent) !important; color: var(--accent) !important; background: transparent !important; }
.btn-xl { padding: 14px 34px; font-size: 16px; }

/* Main menu: poster */
.main-menu { background: transparent; }
.logo-badge {
  width: 84px; height: 84px; font-size: 40px !important;
  background: var(--accent) !important; border-radius: 4px;
  box-shadow: 0 8px 24px rgba(225,29,46,.35);
}
.menu-logo h1 {
  font-size: 46px !important; font-weight: 900 !important; letter-spacing: .06em;
  background: linear-gradient(90deg, #fff, #ffd9dd 55%, var(--accent));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.menu-logo .subtitle { color: var(--muted); letter-spacing: .3em; text-transform: uppercase; font-size: 12px; }

/* Topbar hub: strip liga */
.hub-topbar { border-bottom: 2px solid var(--accent) !important; }
.hub-club { font-size: 22px; font-weight: 700; }

/* Tabel: stripe halus, header kecil uppercase */
table { border-collapse: collapse; }
th { text-transform: uppercase; font-size: 10px !important; letter-spacing: .12em; color: var(--muted) !important; border-bottom: 1px solid var(--accent) !important; }
tr:nth-child(even) td { background: rgba(255,255,255,.02); }

/* OVR & pos badges: kotak tegas */
.pos-badge { border-radius: 2px !important; font-weight: 700; }
.ovr-chip, .rating { border-radius: 2px !important; }

/* Mini table & leaderboard highlight: merah bukan biru */
tr.you td, .row-you { background: rgba(225,29,46,.10) !important; }

/* Scrollbar sporty */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 4px; }
::-webkit-scrollbar-track { background: var(--bg2); }

/* Pitch tactics: rumput gelap ber-gradient garis */
.pitch, .formation-pitch {
  background:
    repeating-linear-gradient(180deg, #14281a 0 40px, #16301e 40px 80px) !important;
  border: 2px solid rgba(255,255,255,.12) !important;
}

/* Match feed: timestamp merah */
.feed-time, .match-minute { color: var(--accent) !important; font-weight: 700; }

/* Muted jadi warm */
.muted { color: var(--muted) !important; }

/* Tab buttons */
.tab-btn { border-radius: 2px !important; text-transform: uppercase; font-weight: 600; letter-spacing: .05em; }
.tab-btn.active { border-bottom: 2px solid var(--accent) !important; color: #fff !important; }

/* ═══ POLISH v2 ═══ */
/* scrollbar body jadi subtle (merah cuma di dalam kartu) */
body::-webkit-scrollbar-thumb { background: #2b2b34; }
body::-webkit-scrollbar { width: 6px; }

/* notif bar menyatu: charcoal + border kiri emas */
.hub-alert, .notification, .news-alert {
  background: var(--bg2) !important;
  border: 1px solid var(--border) !important;
  border-left: 3px solid var(--accent2) !important;
  color: var(--text) !important;
}

/* garis aksen topbar: gradasi merah→emas */
.hub-topbar, .topbar { border-image: linear-gradient(90deg, var(--accent), var(--accent2)) 1 !important; }

/* angka posisi klasemen (3rd) lebih dramatis */
.result-position, .position-big { font-style: italic; }

/* pitch garis tengah & lingkaran */
.pitch::after, .formation-pitch::after {
  content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px;
  background: rgba(255,255,255,.10);
}
.pitch, .formation-pitch { position: relative; }

/* menu: chip bendera + versi */
.main-menu .menu-buttons { margin-top: 28px; }
.main-menu .btn { min-width: 260px; }

/* kartu hasil / matchup: nama tim condensed besar */
.matchup-team, .tc-name { font-size: 17px; }

/* selection color */
::selection { background: var(--accent); color: #fff; }

/* fokus keyboard */
button:focus-visible { outline: 2px solid var(--accent2); outline-offset: 2px; }