/* Mobile polish pass for live tournament and decision workflows. */
@media (max-width: 768px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .ticker-bar {
    height: 28px;
    overflow: hidden;
  }

  body.ticker-active {
    padding-top: 28px;
  }

  body.ticker-active nav {
    top: 28px;
  }

  .ticker-track {
    padding-inline: 6px;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
  }

  .ticker-items {
    gap: 1.15rem;
  }

  .ticker-item {
    font-size: .68rem;
    padding: 0 .25rem;
  }

  .ticker-item::after {
    margin-left: .85rem;
  }

  .ticker-dismiss {
    display: none !important;
  }

  nav {
    min-height: 56px;
  }

  .nav-inner {
    width: 100%;
  }

  .nav-brand {
    min-width: 0;
  }

  .nav-logo {
    max-width: 175px;
    height: 38px;
    object-fit: contain;
    mix-blend-mode: normal;
    filter: drop-shadow(0 7px 14px rgba(0,0,0,.35));
  }

  .cape-coral-subnav {
    top: 56px;
    overflow: hidden;
  }

  .cape-coral-subnav > .container {
    max-width: 100%;
    width: 100%;
    padding: 0;
    overflow: hidden;
  }

  .subnav-scroll {
    gap: 6px !important;
    padding: 8px 12px !important;
    scroll-padding-inline: 12px;
    scroll-snap-type: x proximity;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 22px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 22px), transparent 100%);
  }

  .subnav-pill {
    scroll-snap-align: center;
    min-height: 38px !important;
    padding: 0 12px !important;
    font-size: .76rem !important;
    border-radius: 999px;
  }

  .subnav-pill.active {
    border-bottom: 1px solid var(--accent);
    box-shadow: inset 0 0 0 1px rgba(255,107,53,.24);
  }

  .live-status-bar {
    text-align: center;
  }

  .dp-hero {
    padding: 20px 14px 12px !important;
  }

  .dp-hero h1,
  .war-room-header h1 {
    letter-spacing: .08em;
  }

  .dp-decision-note {
    max-width: 340px;
    padding: 0 6px;
    margin-top: 12px;
    font-size: .74rem;
    line-height: 1.45;
    overflow-wrap: break-word;
  }

  .proof-card,
  .bettable-card,
  .edge-desk,
  .schedule-alert,
  .stats-bar {
    border-radius: 10px !important;
  }

  .proof-card,
  .bettable-card,
  .edge-desk {
    padding: 16px 14px !important;
  }

  .bettable-section,
  .dp-container,
  .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .bettable-header {
    gap: 8px;
    margin-bottom: 14px;
  }

  .bettable-header h2 {
    font-size: .96rem !important;
    line-height: 1.25;
  }

  .bettable-toggles {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px !important;
  }

  .bettable-toggle {
    min-height: 40px !important;
    padding-inline: 8px !important;
    font-size: .66rem !important;
  }

  #bettable-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .bettable-match {
    padding: 12px 10px !important;
  }

  .bettable-matchup {
    max-width: 100%;
    overflow-wrap: anywhere;
    line-height: 1.35;
  }

  .bettable-line-row {
    justify-content: center;
    gap: 4px 10px !important;
    line-height: 1.45;
  }

  .decision-strip,
  .dq-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .decision-cell,
  .dq-cell {
    min-height: 52px;
  }

  .decision-label,
  .dq-label {
    letter-spacing: .065em;
  }

  .decision-value,
  .dq-value {
    font-size: .68rem !important;
  }

  .bettable-signal-row,
  .pred-context-row,
  .edge-context {
    gap: 5px !important;
    overflow: hidden;
  }

  .bettable-signal-badge,
  .pred-context-chip,
  .edge-context-chip {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .bettable-signal-row .bettable-signal-badge:nth-child(n+3),
  .pred-context-row .pred-context-chip:nth-child(n+3),
  .edge-context .edge-context-chip:nth-child(n+3) {
    display: none !important;
  }

  .bettable-actions,
  .pred-share-row,
  .match-actions,
  .upnext-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px !important;
  }

  .bettable-actions a,
  .bettable-actions button,
  .pred-share-btn,
  .match-actions a,
  .match-actions button,
  .upnext-actions a,
  .upnext-actions button {
    width: 100%;
    min-height: 40px !important;
    padding: 0 8px !important;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .bettable-actions .market-action,
  .pred-share-btn.market,
  .match-actions .market-action,
  .upnext-actions .market-action {
    grid-column: 1 / -1;
  }

  .sb-name,
  .upnext-name,
  .pred-player-name,
  .tname {
    overflow-wrap: anywhere;
  }

  .upnext-match {
    gap: 8px !important;
  }

  .upnext-team {
    padding: 12px 10px !important;
  }

  .dc-quick-sides,
  .dc-stakes {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 390px) {
  .nav-logo {
    max-width: 155px;
  }

  .bettable-header h2 {
    font-size: .9rem !important;
  }

  .decision-label,
  .dq-label {
    font-size: 8px !important;
  }
}