/* Custom fixes and safety overrides to prevent vertical single-letter wrapping and overflow issues */

/* Prevent horizontal overflow at document level */
html, body { overflow-x: hidden; }

/* Important: allow flex/grid children to shrink properly */
.card, .ipbox, .ip-left, .player-card, .ip-grid, .player, .ipbox * {
  min-width: 0;
}

/* Force normal writing mode & sane wrapping */
.ip-grid,
.ip-grid > * ,
.chip,
.chips,
.station,
.ip-address,
.ip-sub,
.badge-chip {
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere;
  display: block;
}

/* Chip visual */
.badge-chip {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.04);
  color: #cfece6;
}

/* Small UI helpers */
.icon-btn { display:inline-grid; place-items:center; }
.small-btn { background:transparent; color:#cfece6; border:1px solid rgba(255,255,255,0.04); }

/* Visualizer bars base style (JS will set height) */
.visualizer .bar {
  flex: 1 1 6px;
  background: linear-gradient(180deg,#00ffb3,#00d3ff);
  border-radius: 6px;
  min-width: 4px;
  transition: height 90ms linear;
}

/* Mobile specific adjustments */
@media (max-width: 980px) {
  .ip-grid { grid-template-columns: 1fr !important; }
  .ip-grid > div { font-size: 14px; }
}

/* Safety override: remove any accidental vertical writing modes inline */
*[style*="writing-mode"], *[style*="vertical-rl"], *[style*="text-orientation"] {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}