/* #screen-setup layout + segmented controls now live in css/lobby.css (.lh-screen / .lh-opts).
   The #screen-settings rules below stay until that screen is converted to the lobby kit too. */
.setup-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, 1.5vw, 30px);
  width: 100%;
  max-width: 1040px;
  padding: 0 clamp(12px, 3vw, 40px);
  box-sizing: border-box;
  z-index: 2;
}
/* Off-brand nautical raster (capy-captain.webp) — hidden for Deep Degen.
   Panel stands alone; mirrors how ocean-bg.css retires legacy art. */
.setup-captain { display: none; }
.captain-peek { display: none; }
.captain-tag {
  position: absolute;
  left: 50%;
  bottom: 62%;
  transform: translateX(-50%) rotate(-3deg);
  z-index: 2;
  padding: 6px 16px 7px;
  border-radius: 11px;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: clamp(12px, 1.4vw, 15px);
  color: var(--deep);
  background: linear-gradient(180deg, var(--gold-hot), var(--gold-deep));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .25),
    0 4px 10px rgba(0, 0, 0, .5),
    0 0 0 1.5px var(--walnut-lo);
  pointer-events: none;
  white-space: nowrap;
}
.captain-tag .who {
  display: block;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--cream-warm);
  opacity: .85;
}
/* Off-brand nautical raster (porthole.webp) — hidden for Deep Degen. */
.porthole-mini { display: none; }
/* #screen-settings now on the lobby kit (.lh-screen) — layout in css/lobby.css. */
/* Off-brand nautical dial (anchor-knob.webp + warm hub-gem) — hidden for
   Deep Degen. The settings panel reads cleanly on its own. */
.knob-dial { display: none; }

/* Short landscape (phones, <=430px tall): widen + compact so every option row
   AND the action button fit without the CTA falling below the fold. */
@media (orientation: landscape) and (max-height: 430px) {
  #screen-setup .panel, #screen-settings .panel { width: min(540px, 88vw); padding: 12px 18px 14px; }
  #screen-setup h2, #screen-settings h2 { font-size: 22px; }
  #screen-setup .hint, #screen-settings .hint { margin-bottom: 7px; font-size: 12px; }
  #screen-setup .console-head, #screen-settings .console-head { margin-bottom: 6px; }
  #screen-setup .console-head .medallion, #screen-settings .medallion { width: 40px; }
  #screen-setup .opt, #screen-settings .opt { margin-top: 8px; }
  #screen-setup .opt .lbl, #screen-settings .opt .lbl { margin-bottom: 4px; }
  #screen-setup .seg button, #screen-settings .seg button { min-height: 38px; padding: 6px 9px; }
  #screen-setup .gem-divider, #screen-settings .gem-divider { margin: 7px 10px; }
  #screen-setup .row, #screen-settings .row { margin-top: 12px !important; }
}