.meteone-live-stations .meteone-map-feedback-stack > .meteone-radar-timeline {
    order: 1000;
    display: flex;
    align-items: center;
    gap: 0;
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    height: var(--meteone-map-control-size, 40px);
    min-height: var(--meteone-map-control-size, 40px);
    max-height: var(--meteone-map-control-size, 40px);
    padding: 0;
    border: 1px solid var(--m3e-outline-variant, rgb(255 255 255 / 66%));
    border-radius: var(--meteone-control-radius, 12px);
    background: var(--m3e-control-surface, rgb(255 255 255 / 96%));
    box-shadow: var(--meteone-control-shadow, 0 2px 5px rgb(19 43 58 / 16%));
    color: var(--m3e-on-surface, #132b3a);
    font: 600 12px/1 var(--meteone-map-font, "Roboto Condensed", "Arial Narrow", Arial, sans-serif);
    pointer-events: auto;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
}
.meteone-live-stations .meteone-map-feedback-stack > .meteone-radar-timeline[hidden],
.meteone-live-stations .meteone-radar-timeline [hidden] { display: none; }
.meteone-live-stations .meteone-radar-timeline button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    height: 100%;
    min-width: calc(var(--meteone-map-control-size, 40px) - 4px);
    max-height: 100%;
    margin: 0;
    padding: 0 5px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    box-shadow: none;
    font: inherit;
    line-height: 1;
    cursor: pointer;
    touch-action: manipulation;
    transform: none;
    transition: background-color var(--m3e-state-duration, 120ms) ease-out,
        color var(--m3e-state-duration, 120ms) ease-out;
}
.meteone-live-stations .meteone-radar-timeline .meteone-radar-timeline__play {
    order: 0;
    border-start-start-radius: calc(var(--meteone-control-radius, 12px) - 1px);
    border-end-start-radius: calc(var(--meteone-control-radius, 12px) - 1px);
}
.meteone-live-stations .meteone-radar-timeline__speed { order: 1; }
.meteone-live-stations .meteone-radar-timeline__seek { order: 2; }
.meteone-live-stations .meteone-radar-timeline__time { order: 3; }
.meteone-live-stations .meteone-radar-timeline__lightning { order: 4; }
.meteone-live-stations .meteone-radar-timeline button.meteone-radar-timeline__live {
    order: 5;
    min-width: 44px;
    border-start-end-radius: calc(var(--meteone-control-radius, 12px) - 1px);
    border-end-end-radius: calc(var(--meteone-control-radius, 12px) - 1px);
}
@media (hover: hover) and (pointer: fine) {
    .meteone-live-stations .meteone-radar-timeline button:hover {
        background: var(--m3e-hover, #e7f4fa);
        color: var(--m3e-hover-text, #005f8c);
    }
}
.meteone-live-stations .meteone-radar-timeline button:active,
.meteone-live-stations .meteone-radar-timeline button:focus-visible {
    background: var(--m3e-hover, #e7f4fa);
    color: var(--m3e-hover-text, #005f8c);
}
.meteone-live-stations .meteone-radar-timeline button.is-active {
    background: var(--m3e-primary-container, #dceef8);
    color: var(--m3e-on-primary-container, #004e78);
}
.meteone-live-stations .meteone-radar-timeline button.meteone-radar-timeline__live.is-active {
    background: var(--m3e-primary, #00669c);
    color: var(--m3e-on-primary, #fff);
    font-weight: 700;
}
.meteone-live-stations .meteone-radar-timeline button:focus-visible { outline: 2px solid var(--m3e-focus, #00669c); outline-offset: -2px; }
.meteone-live-stations .meteone-radar-timeline button svg { width: 20px; height: 20px; fill: currentColor; pointer-events: none; }
.meteone-live-stations .meteone-radar-timeline__seek { flex: 1 1 auto; min-width: 0; width: auto; height: 100%; margin: 0 5px; padding: 0; accent-color: var(--m3e-primary, #00669c); touch-action: none; cursor: pointer; }
.meteone-live-stations .meteone-radar-timeline__time { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; flex: 0 0 auto; min-width: 38px; padding: 0 3px; font: inherit; font-variant-numeric: tabular-nums; white-space: nowrap; }
.meteone-live-stations .meteone-radar-timeline__product { font: inherit; }
.meteone-live-stations .meteone-radar-timeline__stamp { font: inherit; }
.meteone-live-stations .meteone-radar-timeline__notice { order: 6; margin: 0 auto; padding: 0 4px; font: inherit; text-align: center; }
.meteone-live-stations .meteone-radar-timeline-preview {
    position: absolute;
    z-index: 1400;
    box-sizing: border-box;
    max-width: calc(100% - 12px);
    padding: 7px 10px;
    border: 1px solid var(--m3e-outline-variant, rgb(255 255 255 / 66%));
    border-radius: var(--meteone-control-radius, 12px);
    background: var(--m3e-hover, #e7f4fa);
    box-shadow: var(--meteone-control-shadow, 0 2px 5px rgb(19 43 58 / 16%));
    color: var(--m3e-hover-text, #005f8c);
    font: 600 12px/1.35 var(--meteone-map-font, "Roboto Condensed", "Arial Narrow", Arial, sans-serif);
    white-space: nowrap;
    pointer-events: none;
    transform: translate(-50%, -100%);
}
.meteone-live-stations .meteone-radar-timeline-preview[hidden] { display: none; }
@media (max-width: 768px) {
    .meteone-live-stations .meteone-radar-timeline button.meteone-radar-timeline__lightning { display: none; }
}
@media (max-width: 480px) {
    /* Four usable touch targets above a full-width range. Keeping a one-row
       188px lane would leave only a few pixels for five hours of history. */
    .meteone-live-stations .meteone-map-feedback-stack > .meteone-radar-timeline {
        display: grid;
        grid-template-columns: 44px 44px minmax(0, 1fr) 44px;
        grid-template-rows: 44px 26px;
        height: 72px;
        min-height: 72px;
        max-height: 72px;
    }
    .meteone-live-stations .meteone-radar-timeline button { width: 44px; min-width: 44px; height: 44px; }
    .meteone-live-stations .meteone-radar-timeline .meteone-radar-timeline__play { grid-column: 1; grid-row: 1; border-end-start-radius: 0; }
    .meteone-live-stations .meteone-radar-timeline__speed { grid-column: 2; grid-row: 1; }
    .meteone-live-stations .meteone-radar-timeline__time { grid-column: 3; grid-row: 1; min-width: 0; padding: 0; }
    .meteone-live-stations .meteone-radar-timeline button.meteone-radar-timeline__live { grid-column: 4; grid-row: 1; border-end-end-radius: 0; }
    .meteone-live-stations .meteone-radar-timeline__seek { grid-column: 1 / -1; grid-row: 2; width: calc(100% - 16px); height: 26px; margin: 0 8px; }
    .meteone-live-stations .meteone-radar-timeline__notice { grid-column: 2 / -1; grid-row: 1; }
    .meteone-live-stations .meteone-radar-timeline[data-cache-mode="live-fallback"],
    .meteone-live-stations .meteone-radar-timeline[data-cache-mode=""] {
        height: 44px;
        min-height: 44px;
        max-height: 44px;
        grid-template-rows: 42px;
    }
    .meteone-live-stations .meteone-radar-timeline[data-cache-mode="live-fallback"] .meteone-radar-timeline__time { grid-column: 1; }
    .meteone-live-stations .meteone-radar-timeline[data-cache-mode=""] .meteone-radar-timeline__notice { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
    .meteone-live-stations .meteone-radar-timeline button { transition: none; }
}