/* Final polish — loaded last so it wins over older layered styles. */

/* Room wizard · challenges: one clean card per challenge (no inner second box). */
.simple-challenges label{align-items:center!important;padding:14px 16px!important;border:2px solid #3a5361!important;background:#142430!important;border-radius:12px!important;transition:border-color .15s,background .15s}
.simple-challenges label:has(input:checked){border-color:#c6ee9e!important;background:#1f3826!important}
.simple-challenges label:has(input:focus-visible){outline:3px solid #e0f9c3;outline-offset:3px}
.simple-challenges label>span,.simple-challenges input:checked+span{border:0!important;background:none!important;box-shadow:none!important;min-height:0!important;padding:0!important;outline:0!important;display:block}
.simple-challenges strong{display:inline!important}
.simple-challenges small{margin-top:4px}

/* Header help button: the icon already shows "?" — drop the duplicate. */
@media (max-width:767px){#global-play-guide::after{content:none!important}}

/* Language picker: show the full language name. */
#language-picker{min-width:96px}

/* Competition status chip: no stray outline box. */
.league-status-chip{border-color:transparent!important;padding-inline:0!important}

/* Comfortable tap targets on phones. */
@media (max-width:600px){
  button,.primary,.secondary,select{min-height:44px}
  .simple-challenges label{min-height:64px}
}

/* Never let long team or room names push the layout sideways. */
html,body{max-width:100%;overflow-x:hidden}
h1,h2,h3,strong{overflow-wrap:anywhere}

/* Respect users who prefer less motion. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}