/* ============================================================
   Laddoo Catch
   ============================================================ */
.gamesec{
  padding:clamp(150px,16vw,190px) 20px clamp(60px,9vw,110px);
  background:linear-gradient(#2a0610,var(--night));
}
.game-box{
  max-width:560px;margin:48px auto 0;padding:18px;border:1px solid transparent;border-radius:10px;
  background:linear-gradient(170deg,rgba(90,16,32,.9),rgba(30,4,11,.96)) padding-box,var(--foil-border) border-box;
  box-shadow:0 30px 60px -30px #000,0 0 60px -10px rgba(224,150,60,.35);
}
.hud{display:flex;justify-content:space-between;padding:4px 8px 14px}
.hud div{text-align:center;flex:1}
.hud span{display:block;font-size:.66rem;letter-spacing:.35em;text-transform:uppercase;opacity:.7}
.hud b{font-family:var(--serif);font-weight:500;font-size:2rem;color:var(--gold-hi);text-shadow:0 0 14px rgba(230,190,110,.6);font-variant-numeric:tabular-nums}
.stage{
  position:relative;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 40px rgba(0,0,0,.6);
  background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(185,83,29,.45),transparent 70%),linear-gradient(#14030a,#2e0710);
}
#game{display:block;width:100%;height:min(420px,95vw);touch-action:pan-y;cursor:ew-resize}
.g-overlay{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  text-align:center;padding:24px;background:rgba(20,3,10,.78);backdrop-filter:blur(3px);transition:opacity .4s;
}
.g-overlay.hide{opacity:0;pointer-events:none}
.g-title{font-family:var(--serif);font-weight:700;font-size:2.2rem;color:var(--gold-hi);text-shadow:0 0 20px rgba(230,190,110,.6)}
.g-sub{font-family:var(--serif);font-style:italic;opacity:.88;max-width:300px;margin-bottom:8px}