/* Phone sizing pass: keep controls compact while preserving comfortable tap targets. */
@media (max-width: 600px) {
  .play {
    width: 66px;
    height: 66px;
    min-height: 66px;
  }

  .competition .competition-cta {
    min-height: 58px;
    padding: 8px 12px;
    font-size: clamp(1.05rem, 5vw, 1.25rem);
    box-shadow: 0 4px 0 #a94700;
  }

  .shoutout-button {
    min-height: 48px;
    padding-inline: 19px;
    font-size: .96rem;
  }

  .request-submit {
    min-height: 46px;
    font-size: .94rem;
  }

  .tool {
    padding: 11px 12px;
    font-size: .88rem;
  }

  .install .install-button {
    min-height: 46px;
    margin-top: 14px;
    padding-inline: 16px;
  }

  .push-card button {
    width: auto;
    min-height: 44px;
    margin-top: 12px;
    padding-inline: 18px;
  }

  .schedule-nav button {
    min-height: 42px;
    padding: 8px 11px;
  }

  .listener-shortcuts a,
  .listener-shortcuts button {
    min-height: 42px;
  }

  .section-tools button,
  .section-fold-toggle {
    min-height: 40px;
  }

  .quick-reactions button {
    min-height: 38px;
    padding: 8px 11px;
    font-size: .78rem;
  }
}

.competition-howto{margin:12px 0 16px;padding:15px 16px;border:1px solid #a9cb35;border-radius:12px;background:linear-gradient(145deg,#17210b,#0e1408);color:#edf8d7;box-shadow:inset 0 1px #d7ff3814}
.competition-howto h3{margin:0 0 10px;color:#d7ff38;font-size:1rem;letter-spacing:.02em}
.competition-howto ol{display:grid;gap:9px;margin:0;padding:0;list-style:none;counter-reset:game-step}
.competition-howto li{position:relative;min-height:28px;padding-left:34px;color:#e3ebd4;font-size:.88rem;line-height:1.45;counter-increment:game-step}
.competition-howto li::before{content:counter(game-step);position:absolute;left:0;top:0;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#d7ff38;color:#192207;font-size:.78rem;font-weight:950}
.competition-howto li strong{color:#f2ffc9}
.competition-howto p{margin:10px 0 0;padding-top:9px;border-top:1px solid #d7ff3833;color:#becaa7;font-size:.79rem;line-height:1.4}
@media(max-width:600px){.competition-howto{margin:10px 0 14px;padding:12px}.competition-howto li{font-size:.82rem;line-height:1.42}.competition-howto p{font-size:.75rem}}

@media(max-width:680px){.june-header{touch-action:none;cursor:grab}.june-header:active{cursor:grabbing}}

@media (max-width: 680px) {
  .sticky-radio { cursor: grab; }
  .sticky-radio:active,
  .june-launcher:active { cursor: grabbing; }
  .sticky-radio button { cursor: pointer; }
  .june-launcher { cursor: grab; }
}