/* ══════════ HD POLISH LAYER ══════════ */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
body {
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(211,47,47,.14), transparent 60%),
    radial-gradient(900px 500px at 0% 110%, rgba(201,169,97,.10), transparent 55%),
    linear-gradient(180deg, #16161c 0%, #121218 100%);
  background-attachment: fixed;
}
/* Kartu: kedalaman + border cahaya */
.card, .panel, .hub-card, .content-card, .stat-card {
  background: linear-gradient(160deg, rgba(38,38,48,.92), rgba(24,24,32,.95)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-left: 3px solid var(--accent, #d32f2f) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.card:hover, .panel:hover, .hub-card:hover { transform: translateY(-2px); box-shadow: 0 14px 38px rgba(0,0,0,.55); border-left-color: var(--gold, #c9a961) !important; }
/* Tombol: gradasi metalik */
button { transition: filter .15s ease, transform .1s ease; }
button:hover { filter: brightness(1.12); }
button:active { transform: scale(.97); }
/* Tabel: zebra halus + header glow */
table tbody tr:nth-child(even) { background: rgba(255,255,255,.025); }
table tbody tr:hover { background: rgba(211,47,47,.10); }
thead th { text-shadow: 0 1px 0 rgba(0,0,0,.6); border-bottom: 2px solid #d32f2f !important; }
/* Angka & OVR: tabular */
td, .num, .ovr, [class*=ovr] { font-variant-numeric: tabular-nums; }
/* Pitch HD: rumput dua-tone + garis glow */
.pitch, .pitch-container, [class*=pitch] {
  background: repeating-linear-gradient(90deg, #1e3d2a 0 48px, #1a3625 48px 96px) !important;
  box-shadow: inset 0 0 60px rgba(0,0,0,.6), 0 8px 24px rgba(0,0,0,.4) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
/* Topbar: kaca gelap */
.topbar, header { backdrop-filter: blur(10px); }
/* Scrollbar tipis */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background: linear-gradient(#d32f2f,#7f1d1d); border-radius: 4px; }
/* Badge OVR pop */
[class*=badge], .pos-badge { text-shadow: 0 1px 2px rgba(0,0,0,.5); }
/* Judul layar: aksen emas */
h1, h2 { letter-spacing: .5px; }
h2 { border-bottom: none !important; }

/* ═══ MENU LANDING HD ═══ */
.main-menu, #app > .menu, [class*=menu] { text-align:center; }
.main-menu h1, .menu-title {
  font-size: clamp(42px, 9vw, 84px) !important;
  background: linear-gradient(180deg,#fff 20%, #c9a961 85%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 6px 24px rgba(201,169,97,.25));
  letter-spacing: 2px !important;
}
/* Modal HD */
.modal, #fm-modal > div, [class*=modal-] {
  box-shadow: 0 24px 80px rgba(0,0,0,.7) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
}
/* Match screen: scoreboard HD */
.scoreboard, .match-score, [class*=score] { text-shadow: 0 2px 8px rgba(0,0,0,.6); }
/* Link & fokus */
a { transition: color .15s; }
::selection { background: #c9a961; color: #111; }

/* ═══ PANEL FITUR v3 ═══ */
#board-panel, #bids-panel, #h2h-panel, #derby-banner {
  border-radius: 4px; animation: slideIn .3s ease;
}
@keyframes slideIn { from { opacity:0; transform:translateY(-6px);} to {opacity:1; transform:none;} }
select { background:#1f1f26; color:#eceae4; border:1px solid rgba(255,255,255,.1); padding:6px 10px; }
select option { background:#1f1f26; color:#eceae4; }
/* Rating bintang & angka besar */
.pm-name, .modal-player strong { font-size: 17px; letter-spacing:.3px; }
/* Empty state lebih halus */
.muted { color: #9a968e !important; }