*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;color:#eaeaea;background:#0b1220}
a{color:#7fb3ff;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:32px}

.hero{
  min-height:60vh;
  background:
    linear-gradient(180deg,rgba(5,10,30,.7),rgba(5,10,30,.9)),
    url('header.jpg') center/cover no-repeat;
  display:flex;align-items:center;justify-content:center;text-align:center
}
.overlay h1{font-size:48px;margin:0}
.overlay p{opacity:.9;margin:10px 0 20px}
.btn{display:inline-block;background:#c49a2c;color:#111;padding:12px 18px;border-radius:6px;font-weight:700}

.games h2{margin:0 0 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{background:#121a33;border-radius:10px;padding:16px}
.card h3{margin:0 0 8px}
.link{display:inline-block;margin-top:10px}

.badge{display:inline-block;margin:8px 0;padding:4px 8px;border-radius:4px;font-size:12px}
.own{background:#2ecc71;color:#081b0f}
.rent{background:#f1c40f;color:#3b2e00}
.none{background:#7f8c8d;color:#111}

.footer{border-top:1px solid #1f2a4d;padding:20px;text-align:center;opacity:.9}