/* Bhuchi Arcade V153 — vivid artwork gallery, visibility-safe and mobile first. */
:root{
  --v153-bg:#070a10;
  --v153-panel:#101621;
  --v153-panel-2:#151d2a;
  --v153-line:rgba(255,255,255,.11);
  --v153-text:#f7fbff;
  --v153-muted:#aeb8c8;
  --v153-lime:#b9ff39;
  --v153-cyan:#40d9ff;
}

html,body{background:var(--v153-bg);color:var(--v153-text);overflow-x:hidden}
body{background:
  radial-gradient(circle at 8% 0%,rgba(93,50,255,.17),transparent 28rem),
  radial-gradient(circle at 92% 18%,rgba(0,210,255,.12),transparent 32rem),
  var(--v153-bg)}
.site-header,.topbar{background:rgba(7,10,16,.78)!important;backdrop-filter:blur(18px) saturate(130%);border-color:var(--v153-line)!important}
.hub{max-width:1640px!important;margin-inline:auto!important;padding-inline:clamp(12px,2.2vw,34px)!important}

/* Discovery remains compact, readable and intentionally separate from artwork. */
.discovery-panel,.search-sort-panel,.search-wrap{background:rgba(16,22,33,.86)!important;border:1px solid var(--v153-line)!important;box-shadow:0 18px 50px rgba(0,0,0,.28)!important}
.chip,.surprise-chip,.pill-cat{min-height:42px!important;border-color:rgba(255,255,255,.14)!important}
.chip.is-active,.pill-cat.is-active{color:#081005!important;background:var(--v153-lime)!important;border-color:var(--v153-lime)!important}

/* Feature area: editorial artwork instead of a generic banner. */
.feature-bento{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(250px,.78fr)!important;gap:14px!important;margin-block:18px 28px!important}
.hero{position:relative!important;isolation:isolate;min-height:clamp(330px,36vw,520px)!important;border:1px solid var(--v153-line)!important;border-radius:28px!important;overflow:hidden!important;background:#0b1019!important;box-shadow:0 30px 80px rgba(0,0,0,.42)!important}
.hero-media{position:absolute!important;inset:0!important;display:block!important;opacity:1!important;visibility:visible!important}
.hero-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;filter:saturate(1.08) contrast(1.03)!important}
.hero::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(4,7,12,.92) 0%,rgba(4,7,12,.62) 42%,rgba(4,7,12,.08) 74%),linear-gradient(0deg,rgba(4,7,12,.68),transparent 55%);pointer-events:none}
.hero-copy{position:absolute!important;z-index:2!important;left:clamp(20px,4vw,58px)!important;top:clamp(24px,4vw,56px)!important;width:min(480px,58%)!important;color:#fff!important;text-shadow:0 2px 22px rgba(0,0,0,.65)!important}
.hero-eyebrow{color:var(--v153-lime)!important;font-weight:900!important;letter-spacing:.16em!important}
.hero-line{font-size:clamp(2rem,4.7vw,4.6rem)!important;line-height:.94!important;letter-spacing:-.055em!important;max-width:9ch!important;margin:.3em 0 .2em!important}
.hero-meta{max-width:42ch!important;color:#dbe4ef!important;font-size:clamp(.92rem,1.35vw,1.08rem)!important}
.hero-avatar{display:none!important}
.feature-play{position:absolute!important;z-index:3!important;left:clamp(20px,4vw,58px)!important;bottom:clamp(20px,3.2vw,44px)!important;width:auto!important;max-width:calc(100% - 40px)!important;min-height:56px!important;padding:9px 12px 9px 16px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;background:rgba(8,12,18,.76)!important;color:#fff!important;backdrop-filter:blur(12px)!important;box-shadow:0 14px 34px rgba(0,0,0,.35)!important}
.feature-play-label,.feature-icon,.feature-copy small{display:none!important}
.feature-copy strong{font-size:1rem!important}
.feature-cta{background:var(--v153-lime)!important;color:#071005!important;border-radius:999px!important;padding:10px 14px!important;font-weight:950!important}
.feature-arrow{font-size:1.2rem!important}

.live-quick-picks{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:14px!important;min-width:0!important}
.live-quick-pick{position:relative!important;display:block!important;min-height:0!important;border:1px solid var(--v153-line)!important;border-radius:24px!important;overflow:hidden!important;background:var(--v153-panel)!important;box-shadow:0 18px 50px rgba(0,0,0,.3)!important;color:#fff!important;text-align:left!important}
.quick-pick-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;opacity:1!important;visibility:visible!important;transition:transform .45s ease!important}
.live-quick-pick:hover .quick-pick-image{transform:scale(1.045)!important}
.quick-pick-shade{position:absolute!important;inset:0!important;background:linear-gradient(0deg,rgba(5,8,13,.94),rgba(5,8,13,.04) 78%)!important}
.quick-pick-content{position:absolute!important;z-index:2!important;inset:auto 18px 16px!important;display:grid!important;gap:3px!important}
.quick-pick-content small{color:var(--v153-lime)!important;font-weight:900!important;letter-spacing:.12em!important}
.quick-pick-content strong{font-size:clamp(1.15rem,1.55vw,1.55rem)!important;color:#fff!important}
.quick-pick-meta{color:#d3dce8!important;font-size:.82rem!important}
.quick-pick-cta{color:#fff!important;font-weight:850!important;margin-top:4px!important}

/* Gallery visibility is unconditional; it must never depend on an observer. */
.grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(12px,1.4vw,20px)!important;overflow:visible!important;min-height:220px!important}
.game-card-wrap{position:relative!important;display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;min-width:0!important;border:1px solid var(--v153-line)!important;border-radius:20px!important;overflow:hidden!important;background:var(--v153-panel)!important;box-shadow:0 15px 42px rgba(0,0,0,.28)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.game-card-wrap:hover{transform:translateY(-4px)!important;border-color:rgba(185,255,57,.48)!important;box-shadow:0 22px 56px rgba(0,0,0,.42)!important}
.game-card-wrap>.card-game{display:grid!important;grid-template-rows:auto auto auto!important;width:100%!important;min-width:0!important;padding:0 0 15px!important;background:transparent!important;color:var(--v153-text)!important;text-align:left!important;opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;border:0!important}
.card-emoji{position:relative!important;display:block!important;width:100%!important;aspect-ratio:16/10!important;overflow:hidden!important;border-radius:0!important;background:linear-gradient(135deg,var(--cat-a),var(--cat-b))!important}
.card-cover{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;transition:transform .45s ease,filter .25s ease!important;z-index:1!important}
.game-card-wrap:hover .card-cover{transform:scale(1.05)!important;filter:saturate(1.08)!important}
.cover-fallback{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;z-index:0!important}
.card-art-category{position:absolute!important;z-index:3!important;left:10px!important;bottom:10px!important;padding:6px 9px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;background:rgba(6,9,14,.74)!important;color:#fff!important;backdrop-filter:blur(8px)!important;font-size:.69rem!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.cover-play-cue{position:absolute!important;z-index:3!important;right:10px!important;bottom:10px!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:var(--v153-lime)!important;color:#071005!important;font-size:.78rem!important;box-shadow:0 8px 22px rgba(0,0,0,.34)!important}
.card-title{display:block!important;padding:13px 14px 2px!important;color:#fff!important;font-size:clamp(.98rem,1.2vw,1.12rem)!important;font-weight:900!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.card-meta{display:block!important;padding:3px 14px 0!important;color:var(--v153-muted)!important;font-size:.78rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.favorite-btn{z-index:5!important;top:10px!important;right:10px!important;width:38px!important;height:38px!important;border:1px solid rgba(255,255,255,.2)!important;background:rgba(6,9,14,.76)!important;color:#fff!important;backdrop-filter:blur(8px)!important;box-shadow:0 8px 20px rgba(0,0,0,.3)!important}
.favorite-btn.is-favorite{background:#ff3d7f!important;color:#fff!important}
.grid-head{margin-top:8px!important}
.reference-grid-kicker{color:var(--v153-cyan)!important}

@media (min-width:1550px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media (min-width:1950px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media (max-width:1050px){
  .feature-bento{grid-template-columns:1fr!important}
  .live-quick-picks{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:210px!important}
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:700px){
  .hub{padding-inline:12px!important}
  .feature-bento{gap:10px!important;margin-block:12px 20px!important}
  .hero{min-height:390px!important;border-radius:20px!important}
  .hero::after{background:linear-gradient(0deg,rgba(4,7,12,.94) 0%,rgba(4,7,12,.52) 58%,rgba(4,7,12,.04) 100%)!important}
  .hero-media img{object-position:58% center!important}
  .hero-copy{left:18px!important;right:18px!important;top:auto!important;bottom:92px!important;width:auto!important}
  .hero-line{font-size:2.35rem!important;max-width:10ch!important}
  .hero-meta{display:none!important}
  .feature-play{left:16px!important;bottom:18px!important;max-width:calc(100% - 32px)!important}
  .live-quick-picks{grid-template-rows:160px!important;gap:10px!important}
  .quick-pick-content{inset:auto 12px 11px!important}
  .quick-pick-meta{display:none!important}
  .quick-pick-content strong{font-size:1rem!important}
  .quick-pick-cta{font-size:.78rem!important}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .game-card-wrap{border-radius:15px!important}
  .card-title{padding:10px 10px 1px!important;font-size:.9rem!important}
  .card-meta{padding:2px 10px 0!important;font-size:.69rem!important}
  .game-card-wrap>.card-game{padding-bottom:11px!important}
  .card-art-category{left:7px!important;bottom:7px!important;font-size:.58rem!important;padding:5px 7px!important}
  .cover-play-cue{right:7px!important;bottom:7px!important;width:29px!important;height:29px!important}
  .favorite-btn{top:7px!important;right:7px!important;width:34px!important;height:34px!important}
}
@media (max-width:359px){
  .live-quick-picks{grid-template-columns:1fr!important;grid-template-rows:150px 150px!important}
  .grid{grid-template-columns:1fr!important}
}
@media (prefers-reduced-motion:reduce){.card-cover,.quick-pick-image,.game-card-wrap{transition:none!important}}