:root{
  --accent:#ff7a18;
  --accent-2:#ffb347;
  --bg:#0f1115;
  --bg-soft:#171a21;
}
body{
  background:
    radial-gradient(1200px 600px at 50% -200px, rgba(255,122,24,.10), transparent 60%),
    var(--bg);
  min-height:100vh;
}
a{ color:var(--accent-2); }
a:hover{ color:var(--accent); }

.archive-bar{
  background:linear-gradient(90deg, rgba(255,122,24,.18), rgba(255,122,24,.05));
  border-bottom:1px solid rgba(255,122,24,.35);
  color:#ffd9b3; font-size:.82rem; line-height:1.4;
}
.archive-bar .container-xxl{ padding-top:.45rem; padding-bottom:.45rem; }
.archive-bar strong{ color:var(--accent-2); }

.navbar{ background:rgba(15,17,21,.92); backdrop-filter:blur(8px); }
.navbar-brand{ font-size:1.35rem; letter-spacing:.3px; }
.brand-accent{ color:var(--accent); }

.card{
  background:var(--bg-soft);
  border:1px solid rgba(255,255,255,.06);
  border-radius:.75rem;
  overflow:hidden;
}
.card-hover{ transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease; }
.card-hover:hover{ transform:translateY(-3px); box-shadow:0 .6rem 1.6rem rgba(0,0,0,.5); border-color:rgba(255,122,24,.4); }
.card-title{ color:#f1f1f1; }

.thumb{
  aspect-ratio:16/10; object-fit:cover; width:100%;
  background:#0a0c10;
}
.game-badge{ font-weight:700; letter-spacing:.4px; }

.stars{ color:var(--accent-2); white-space:nowrap; }

.btn-accent{ background:var(--accent); border-color:var(--accent); color:#1a1205; font-weight:700; }
.btn-accent:hover{ background:var(--accent-2); border-color:var(--accent-2); color:#1a1205; }

.ad-wrap{ overflow:auto; text-align:center; margin:1rem 0; }
.ad-wrap ins{ margin:0 auto; }

.pack-box{
  background:linear-gradient(90deg, rgba(255,122,24,.16), rgba(255,122,24,.04));
  border:1px solid rgba(255,122,24,.45)!important;
}

.game-pills .btn{ border-color:rgba(255,255,255,.15); }
.game-pills .btn:hover{ border-color:var(--accent); color:var(--accent-2); }

.desc{ line-height:1.6; word-wrap:break-word; overflow-wrap:anywhere; }
.desc img{ max-width:100%; height:auto; border-radius:.375rem; }
pre code{ color:#d2d6dc; }

/* screenshots */
.ss-hero img{ width:100%; max-height:540px; object-fit:contain; background:#0a0c10; border-radius:.6rem; cursor:zoom-in; }
.ss-grid img{ width:100%; height:120px; object-fit:cover; border-radius:.45rem; cursor:zoom-in; border:1px solid rgba(255,255,255,.06); }

/* lightbox */
#lightbox{ position:fixed; inset:0; background:rgba(0,0,0,.92); display:none; align-items:center; justify-content:center; z-index:3000; padding:2vh; cursor:zoom-out; }
#lightbox.open{ display:flex; }
#lightbox img{ max-width:95vw; max-height:95vh; border-radius:.4rem; box-shadow:0 0 40px rgba(0,0,0,.8); }