/* Layout fixes for game settings — neo-brutalist alignment */

/* Settings rows — prevent overflow */
.flex.flex-wrap.gap-2,
.flex.gap-2 {
  flex-wrap: wrap !important;
  gap: 6px !important;
}

/* Option pills — smaller to fit more */
.flex.flex-wrap.gap-2 button,
.flex.gap-2 button {
  min-width: 38px !important;
  padding: 7px 10px !important;
  font-size: 0.8rem !important;
  text-align: center !important;
}

/* Hide large game icon emoji above room title (🎯 etc) */
.text-center > .text-5xl:first-child,
.text-center > .text-4xl:first-child,
.text-center > [class*="text-5xl"]:first-child,
.text-center > [class*="text-4xl"]:first-child {
  display: none !important;
}

/* Hide the fixed circular button (top-right, z-9999, 40x40, border-radius 50%) */
button[style*="border-radius: 50%"][style*="position: fixed"][style*="z-index: 9999"] {
  display: none !important;
}

/* Player card — wrap so buttons go to next line */
.flex.items-center.justify-between.gap-2 {
  flex-wrap: wrap !important;
}

/* Disable shake/pulse animations on team indicators */
.animate-shake, .shake, [class*="shake"],
.animate-pulse, .pulse, [class*="pulse"],
.animate-bounce, .bounce, [class*="bounce"],
.animate-wobble, .wobble, [class*="wobble"],
[style*="animation: shake"], [style*="animation: pulse"],
[style*="animation: bounce"], [style*="animation: wobble"] {
  animation: none !important;
}

/* Settings card — prevent any overflow */
.rounded-2xl.p-5 {
  overflow: hidden !important;
}

/* Setting rows — wrap so buttons go below label on small screens */
.flex.items-center.justify-between {
  gap: 8px !important;
  flex-wrap: wrap !important;
}

/* Option buttons container — no max-width restriction */
.flex.items-center.justify-between > .flex.gap-1\.5,
.flex.items-center.justify-between > div:last-child {
  text-align: right !important;
  flex-shrink: 0 !important;
  max-width: none !important;
  font-size: 0.82rem !important;
  line-height: 1.2 !important;
}

/* Team setup — equal buttons */
.grid.grid-cols-2.gap-3 button[tabindex] {
  min-height: 80px !important;
}

/* Team color join buttons — match card width */
.grid.grid-cols-2.gap-3 > button,
.grid.grid-cols-2.mb-3 > button {
  font-size: 1.1rem !important;
  padding: 14px !important;
  border-radius: 14px !important;
}

/* Settings card — more bottom padding */
.rounded-2xl.p-5,
.rounded-2xl[class*="p-5"] {
  padding-bottom: 20px !important;
}

/* Team name input row — contain within card */
.flex.items-center.gap-2 {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Team name inputs — don't overflow */
.flex.items-center.gap-2 input {
  min-width: 0 !important;
  flex: 1 !important;
}

/* Team join buttons — full width within grid */
.grid.grid-cols-2.gap-3 > button,
.grid.grid-cols-2.mb-3 > button {
  width: 100% !important;
  min-height: 50px !important;
}