:root{--bg:#090b10;--panel:#121722;--muted:#8e99aa;--accent:#7458ff}
*{box-sizing:border-box}
body{
  min-height:100vh;color:#f5f7fb;background:
  radial-gradient(circle at 12% 10%,rgba(116,88,255,.15),transparent 32rem),
  radial-gradient(circle at 88% 18%,rgba(57,175,255,.10),transparent 28rem),
  var(--bg)
}
.navbar{background:rgba(9,11,16,.84);backdrop-filter:blur(18px)}
.nav-link{color:#cbd3df!important}
.text-secondary{color:var(--muted)!important}
.hero-copy{max-width:800px}
.glass-card,.recommend-card{background:linear-gradient(180deg,rgba(24,30,42,.96),rgba(12,16,23,.96));border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 22px 70px rgba(0,0,0,.32)}
.game-card{display:flex;min-height:430px;border-radius:30px;overflow:hidden;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.1);transition:.25s ease;box-shadow:0 28px 80px rgba(0,0,0,.34)}
.game-card:hover{transform:translateY(-6px) scale(1.01)}
.game-card-lol{background:radial-gradient(circle at 75% 18%,rgba(55,172,255,.38),transparent 16rem),linear-gradient(135deg,#182031,#070910 72%)}
.game-card-mlbb{background:radial-gradient(circle at 75% 18%,rgba(255,176,63,.34),transparent 16rem),linear-gradient(135deg,#25190f,#070910 72%)}
.game-card-content{display:flex;flex-direction:column;width:100%;padding:30px}
.game-card h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-.04em}
.game-card p{max-width:34rem;color:#c8d0dc}
.game-kicker{font-size:.78rem;letter-spacing:.22em;color:#b9c2cf;font-weight:700}
.patch-pill{display:inline-flex;padding:.5rem .8rem;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-weight:700;font-size:.78rem;letter-spacing:.06em}
.meta-status{font-size:.8rem;color:#9ce7b9}
.form-control,.form-select{background:#0d1118;color:#fff;border-color:#2b3444;border-radius:12px}
.form-control:focus,.form-select:focus{background:#0d1118;color:#fff;border-color:#7762ff;box-shadow:0 0 0 .25rem rgba(119,98,255,.15)}
.btn-primary{background:#7257ff;border-color:#7257ff;border-radius:14px}
.scorebar{height:8px;border-radius:999px;background:#242b38;overflow:hidden}
.scorebar>i{display:block;height:100%;background:linear-gradient(90deg,#7458ff,#42bcff)}