/* Tiddische Wetter · Radar V4.0 */
.radar-card{overflow:hidden}
.radar-card .radar-map{height:520px;min-height:420px;max-height:560px;border-bottom-left-radius:0;border-bottom-right-radius:0}
.radar-console{border:1px solid var(--line);border-top:0;border-radius:0 0 24px 24px;background:rgba(12,18,32,.46);padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.radar-console-top,.radar-console-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}.radar-console-top strong{font-weight:900;color:var(--text)}.radar-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.radar-btn{border:1px solid var(--line);background:rgba(255,255,255,.1);color:var(--text);border-radius:999px;padding:9px 15px;font-weight:850;cursor:pointer}.radar-btn:hover{background:rgba(255,255,255,.16)}.radar-btn.primary{background:rgba(125,211,252,.18);border-color:rgba(125,211,252,.45)}.radar-timeline{width:100%;margin:18px 0 12px;accent-color:#9bdcff}.radar-console-bottom{font-size:.86rem;color:var(--muted);font-weight:800}.radar-mode-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.radar-legend{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;color:var(--text);font-size:.82rem;font-weight:850}.radar-legend i{
    display:block;
    width:210px;
    max-width:42vw;
    height:10px;
    border-radius:999px;
    background:linear-gradient(
        90deg,
        #9FE8FF 0%,     /* Hellblau – Nieselregen */
        #4EA9FF 16%,    /* Blau – leichter Regen */
        #69DB7C 34%,    /* Grün – leichter bis mäßiger Regen */
        #FFD43B 52%,    /* Gelb – mäßiger Regen */
        #FFA13D 70%,    /* Orange – kräftiger Regen */
        #FF5C5C 86%,    /* Rot – Starkregen */
        #C061FF 100%    /* Magenta – extremer Niederschlag */
    );
}
.radar-map .leaflet-rainviewer-pane{z-index:450!important;pointer-events:none}.tiddische-pin-wrap{background:transparent!important;border:0!important}.tiddische-pin{width:22px;height:22px;border-radius:999px;background:#7dd3fc;border:4px solid rgba(255,255,255,.9);box-shadow:0 0 0 5px rgba(125,211,252,.25),0 0 22px rgba(125,211,252,.85)}
@media (max-width:760px){.radar-card .radar-map{height:430px;min-height:360px}.radar-console{padding:14px}.radar-console-top{align-items:flex-start;flex-direction:column}.radar-controls{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.radar-btn{padding:10px 12px}.radar-console-bottom{font-size:.78rem}.radar-legend{justify-content:flex-start}.radar-legend i{width:160px;max-width:52vw}}

.tiddische-map-zoom{position:absolute;right:18px;top:18px;z-index:1000;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.45);border-radius:16px;background:rgba(15,23,42,.72);backdrop-filter:blur(10px);box-shadow:0 14px 30px rgba(0,0,0,.28)}
.tiddische-map-zoom-btn{width:44px;height:42px;border:0;border-bottom:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font-size:26px;font-weight:900;line-height:1;cursor:pointer}.tiddische-map-zoom-btn:last-child{border-bottom:0}.tiddische-map-zoom-btn:hover{background:rgba(125,211,252,.22)}
@media (max-width:760px){.tiddische-map-zoom{right:12px;top:12px}.tiddische-map-zoom-btn{width:42px;height:40px;font-size:24px}}