.vip-room-shell{
  max-width:1280px;
  margin:22px auto 34px;
  padding:0 18px;
  display:grid;
  gap:18px;
}
.vip-room-hero{
  display:grid;
  grid-template-columns:1.5fr .9fr;
  gap:16px;
  border-radius:22px;
  padding:24px;
  background:
    linear-gradient(130deg, rgba(12, 103, 50, .72), rgba(17, 57, 36, .76)),
    url("../../imagespagegame/page1.webp") center/cover no-repeat;
  color:#fff;
}
.vip-badge{
  margin:0 0 8px;
  display:inline-flex;
  padding:6px 12px;
  border-radius:999px;
  font-weight:700;
  background:rgba(255,255,255,.16);
}
.vip-room-copy h1{margin:0 0 10px;font-size:40px;line-height:1.08}
.vip-room-copy p{margin:0;color:rgba(255,255,255,.93);line-height:1.5;font-size:18px}
.vip-room-stats{
  display:grid;
  gap:10px;
}
.vip-room-stats article{
  border-radius:14px;
  padding:16px;
  background:rgba(255,255,255,.14);
}
.vip-room-stats strong{display:block;font-size:32px;line-height:1}
.vip-room-stats span{opacity:.92}

.vip-room-controls{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
}
#vip-game-search{
  min-height:48px;
  border-radius:14px;
  border:1px solid #cfd8d2;
  padding:0 14px;
  font-size:17px;
}
.vip-filters{display:flex;gap:8px;flex-wrap:wrap}
.vip-filters button{
  border:1px solid #ced8cf;
  background:#fff;
  min-height:42px;
  border-radius:12px;
  padding:0 14px;
  font-weight:700;
  cursor:pointer;
}
.vip-filters button.active{
  background:#ef8a0c;
  border-color:#ef8a0c;
  color:#fff;
}

.vip-room-grid-wrap{
  border-radius:20px;
  background:#fff;
  padding:20px;
}
.vip-room-grid-wrap h2{
  margin:0 0 16px;
  font-size:34px;
  color:#0c6538;
}
.vip-room-grid{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
}
.vip-game-card{
  border-radius:14px;
  text-decoration:none;
  color:#142d1f;
  background:#f4f7f4;
  overflow:hidden;
  border:1px solid #d9e0db;
  transition:transform .2s ease, box-shadow .2s ease;
  content-visibility: auto;
  contain-intrinsic-size: 260px;
}
.vip-game-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 24px rgba(9,40,23,.14);
}
.vip-game-card .cover{
  display:block;
  aspect-ratio:1/1;
}
.vip-game-card strong{
  display:block;
  padding:8px 10px 2px;
  font-size:25px;
  line-height:1.15;
}
.vip-game-card em{
  display:block;
  padding:0 10px 10px;
  color:#66756b;
  font-style:normal;
}
.vip-room-note{
  margin:14px 0 0;
  font-weight:700;
  color:#41564a;
}

.c1{background:url("../../slots2/Joker Stoker.webp") center/cover no-repeat}
.c2{background:url("../../slots2/Book of Dead.webp") center/cover no-repeat}
.c3{background:url("../../slots2/Lucky Lady's Charm.webp") center/cover no-repeat}
.c4{background:url("../../slots2/Gates of Olympus.webp") center/cover no-repeat}
.c5{background:url("../../slots2/Rolling In Treasures.webp") center/cover no-repeat}
.c6{background:url("../../slots2/Mystic Alaska.webp") center/cover no-repeat}
.c7{background:url("../../slots2/King Kong Splash.webp") center/cover no-repeat}
.c8{background:url("../../slots2/JetX.webp") center/cover no-repeat}
.c9{background:url("../../slots2/Plinko+.webp") center/cover no-repeat}
.c10{background:url("../../slots2/3 Pyramids of Gold.webp") center/cover no-repeat}
.c11{background:url("../../slots2/Ultra Hot Sevens.webp") center/cover no-repeat}
.c12{background:url("../../slots2/Coin Win.webp") center/cover no-repeat}
.c13{background:url("../../slots2/Book of Fallen.webp") center/cover no-repeat}
.c14{background:url("../../slots2/Giza Fortunes.webp") center/cover no-repeat}
.c15{background:url("../../slots2/Aviator.webp") center/cover no-repeat}
.c16{background:url("../../slots2/Big Bass Splash.webp") center/cover no-repeat}
.c17{background:url("../../slots2/Legacy of Dead.webp") center/cover no-repeat}
.c18{background:url("../../slots2/Crack & Smash.webp") center/cover no-repeat}
.c19{background:url("../../slots2/12 Fortune Signs.webp") center/cover no-repeat}
.c20{background:url("../../slots2/Chicken Coin.webp") center/cover no-repeat}

@media(max-width:960px){
  .vip-room-hero{grid-template-columns:1fr}
  .vip-room-copy h1{font-size:34px}
  .vip-room-controls{grid-template-columns:1fr}
}