/* PrizePilot: compact game UI pass (mobile-first) */

/* Buttons above the grid */
#reserveBtn,#checkoutBtn,#clearBtn{
  height:48px !important;
  min-height:48px !important;
  padding:8px 14px !important;
  font-size:14px !important;
  line-height:1.1 !important;
  border-radius:10px !important;
  box-sizing:border-box !important;
}

/* The CTA container shouldn’t stretch children */
.panel-cta{
  align-items:center !important;         /* flex */
  gap:8px !important;                     /* flex/grid */
  row-gap:8px !important;
  grid-auto-rows:min-content !important;  /* grid safety */
}

/* Number grid & tiles */
#grid{ gap:8px !important; }
#grid button{
  width:44px !important;
  height:44px !important;
  padding:0 !important;
  font-size:14px !important;
  border-radius:10px !important;
}

/* Inputs above CTAs */
input[type="text"],input[type="email"],input[type="tel"],.form-control,.input{
  height:40px !important;
  padding:.5rem .75rem !important;
  font-size:14px !important;
  border-radius:10px !important;
}

/* Panels / cards / hero poster */
.panel,.card,details.panel{ border-radius:12px !important; }
.game-hero,.poster,.game .media{
  min-height:160px !important;
  border-radius:12px !important;
}

/* General buttons smaller by default */
button.btn{ padding:8px 12px !important; font-size:14px !important; border-radius:10px !important; }