/* V12: grouped ticker = 1) Name -> Date, with mobile label above. */
    .duty-marquee-label {
      text-transform: none !important;
      letter-spacing: .01em !important;
    }

    .duty-marquee-track {
      gap: 22px !important;
      animation-duration: 28s !important;
    }

    .duty-marquee-track>span[id^="dutyMarqueeText"] {
      display: inline-flex !important;
      align-items: center !important;
      gap: 22px !important;
    }

    .duty-marquee-track .v12-duty-group,
    .duty-marquee-track span.v12-duty-group {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 7px !important;
      max-width: min(460px, 74vw) !important;
      min-height: 26px !important;
      padding: 4px 12px !important;
      border-radius: 999px !important;
      border: 1px solid rgba(255, 255, 255, .38) !important;
      box-shadow: 0 8px 18px rgba(17, 24, 39, .13), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
      font-size: .80rem !important;
      font-weight: 950 !important;
      line-height: 1.12 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    .duty-marquee-track .v12-duty-index {
      flex: 0 0 auto !important;
      font-family: 'JetBrains Mono', monospace !important;
      font-weight: 1000 !important;
    }

    .duty-marquee-track .v12-duty-name {
      min-width: 0 !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      font-weight: 1000 !important;
    }

    .duty-marquee-track .v12-duty-arrow {
      flex: 0 0 auto !important;
      opacity: .92 !important;
      font-family: 'JetBrains Mono', monospace !important;
      font-weight: 1000 !important;
    }

    .duty-marquee-track .v12-duty-date {
      flex: 0 0 auto !important;
      font-family: 'JetBrains Mono', monospace !important;
      font-weight: 1000 !important;
    }

    @media (max-width: 900px) {
      .duty-marquee-navbar {
        height: 52px !important;
      }

      .duty-marquee-shell {
        height: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: 20px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 0 !important;
        padding: 3px 10px 5px !important;
      }

      .duty-marquee-label {
        display: inline-flex !important;
        justify-self: start !important;
        height: 18px !important;
        min-height: 18px !important;
        padding: 0 9px !important;
        font-size: .60rem !important;
        line-height: 18px !important;
        background: rgba(255, 255, 255, .20) !important;
        border-color: rgba(255, 255, 255, .24) !important;
      }

      .duty-marquee-label i {
        font-size: .72rem !important;
      }

      .duty-marquee-viewport {
        width: 100% !important;
        align-self: center !important;
      }

      .duty-marquee-track {
        gap: 16px !important;
        animation-duration: 27s !important;
      }

      .duty-marquee-track>span[id^="dutyMarqueeText"] {
        gap: 16px !important;
      }

      .duty-marquee-track .v12-duty-group,
      .duty-marquee-track span.v12-duty-group {
        max-width: min(330px, 86vw) !important;
        min-height: 24px !important;
        padding: 4px 9px !important;
        gap: 5px !important;
        font-size: .68rem !important;
      }
    }

    @media (max-width: 430px) {
      .duty-marquee-navbar {
        height: 54px !important;
      }

      .duty-marquee-shell {
        padding-inline: 8px !important;
      }

      .duty-marquee-track {
        animation-duration: 30s !important;
      }

      .duty-marquee-track .v12-duty-group,
      .duty-marquee-track span.v12-duty-group {
        max-width: 88vw !important;
        font-size: .64rem !important;
        padding-inline: 8px !important;
      }
    }