:root{
  --mzr-bg:#071017;
  --mzr-panel:#0d1b25;
  --mzr-panel2:#102737;
  --mzr-text:#ecf7fb;
  --mzr-muted:#9eb3bf;
  --mzr-green:#24c47e;
  --mzr-yellow:#ffd166;
  --mzr-red:#ff4d5e;
  --mzr-cyan:#79d9ff;
  --mzr-line:rgba(255,255,255,.12);
  --mzr-radius:24px;
  --mzr-shadow:0 24px 70px rgba(0,0,0,.35)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 12% 0%,#17394c 0,#071017 42%,#05090d 100%);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--mzr-text)}
.mzr-road-page{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:24px 0 54px}.mzr-kicker{margin:0 0 8px;color:var(--mzr-cyan);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:850}.mzr-road-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:78px 1fr minmax(280px,360px);gap:22px;align-items:center;padding:30px;border:1px solid var(--mzr-line);border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.032));box-shadow:var(--mzr-shadow);min-height:270px;isolation:isolate}.mzr-road-hero:before{content:"";position:absolute;inset:auto -8% -35% 28%;height:250px;background:radial-gradient(circle,rgba(36,196,126,.28),transparent 65%);filter:blur(10px);z-index:-1}.mzr-road-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent 30%,rgba(255,255,255,.035));z-index:-2}.mzr-road-hero[data-status="yellow"]:before{background:radial-gradient(circle,rgba(255,209,102,.36),transparent 65%)}.mzr-road-hero[data-status="red"]:before{background:radial-gradient(circle,rgba(255,77,94,.42),transparent 65%)}.mzr-hero-copy{min-width:0}.mzr-road-hero h1{position:relative;margin:0;font-size:clamp(2.2rem,4.7vw,5.15rem);line-height:.94;letter-spacing:-.045em;max-width:880px;text-wrap:balance}.mzr-road-hero p{position:relative;max-width:820px;font-size:1.03rem;line-height:1.55}.mzr-road-meta{position:relative;display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.mzr-road-meta span{border:1px solid var(--mzr-line);background:rgba(0,0,0,.18);border-radius:999px;padding:9px 13px;color:var(--mzr-text);text-decoration:none;font-size:.9rem}.mzr-status-orb{position:relative;width:58px;height:58px;display:grid;place-items:center}.mzr-road-pulse{width:20px;height:20px;border-radius:50%;background:var(--mzr-green);box-shadow:0 0 0 0 rgba(36,196,126,.72);animation:mzrPulse 1.8s infinite;z-index:2}.mzr-orb-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:radial-gradient(circle,rgba(36,196,126,.22),transparent 62%)}.mzr-road-hero[data-status="yellow"] .mzr-road-pulse{background:var(--mzr-yellow);box-shadow:0 0 0 0 rgba(255,209,102,.65)}.mzr-road-hero[data-status="red"] .mzr-road-pulse{background:var(--mzr-red);box-shadow:0 0 0 0 rgba(255,77,94,.7)}.mzr-road-hero[data-status="yellow"] .mzr-orb-ring{background:radial-gradient(circle,rgba(255,209,102,.24),transparent 62%)}.mzr-road-hero[data-status="red"] .mzr-orb-ring{background:radial-gradient(circle,rgba(255,77,94,.26),transparent 62%)}@keyframes mzrPulse{70%{box-shadow:0 0 0 22px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.mzr-hero-panel{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:rgba(0,0,0,.18);padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.mzr-signal-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding:0 0 12px;margin-bottom:12px}.mzr-signal-line span,.mzr-live-meter span{color:var(--mzr-muted);font-size:.82rem}.mzr-signal-line strong{font-size:1.55rem}.mzr-live-meter{display:grid;grid-template-columns:74px 1fr auto;gap:10px;align-items:center;margin:12px 0}.mzr-live-meter div{height:9px;border-radius:999px;background:rgba(255,255,255,.11);overflow:hidden}.mzr-live-meter i{display:block;width:var(--pct,18%);height:100%;border-radius:999px;background:linear-gradient(90deg,var(--mzr-green),var(--mzr-yellow),var(--mzr-red));transition:width .5s ease}.mzr-live-meter b{font-size:.78rem;white-space:nowrap}.mzr-road-action{width:100%;border:0;border-radius:999px;padding:11px 14px;background:#fff;color:#071017;font-weight:850;cursor:pointer;margin-top:8px;box-shadow:0 8px 20px rgba(0,0,0,.22)}.mzr-road-action:hover{transform:translateY(-1px)}
.mzr-road-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.15fr;gap:14px;margin:18px 0}.mzr-info-card{position:relative;overflow:hidden;border:1px solid var(--mzr-line);border-radius:var(--mzr-radius);padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));min-height:150px}.mzr-info-card:after{content:"";position:absolute;right:-42px;bottom:-54px;width:136px;height:136px;border-radius:50%;background:rgba(255,255,255,.08)}.mzr-info-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:rgba(255,255,255,.15)}.mzr-card-label{display:block;color:var(--mzr-muted);font-size:.82rem;margin-bottom:8px;font-weight:700}.mzr-info-card strong{display:block;font-size:clamp(2rem,3.1vw,3.45rem);line-height:1}.mzr-info-card small{display:block;margin-top:12px;color:var(--mzr-muted);line-height:1.38}.mzr-info-card[data-active="red"]{border-color:rgba(255,77,94,.62);background:linear-gradient(180deg,rgba(255,77,94,.23),rgba(255,77,94,.06))}.mzr-info-card[data-active="red"]:before{background:var(--mzr-red)}.mzr-info-card[data-active="yellow"]{border-color:rgba(255,209,102,.62);background:linear-gradient(180deg,rgba(255,209,102,.21),rgba(255,209,102,.06))}.mzr-info-card[data-active="yellow"]:before{background:var(--mzr-yellow)}.mzr-info-card[data-active="green"]{border-color:rgba(36,196,126,.48);background:linear-gradient(180deg,rgba(36,196,126,.15),rgba(36,196,126,.045))}.mzr-info-card[data-active="green"]:before{background:var(--mzr-green)}
.mzr-live-strip{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin:16px 0}.mzr-live-strip article{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:16px 18px;background:linear-gradient(135deg,rgba(121,217,255,.11),rgba(255,255,255,.035))}.mzr-live-strip article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mzr-cyan)}.mzr-live-strip span{display:block;color:var(--mzr-muted);font-size:.79rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mzr-live-strip strong{display:block;margin-top:5px;font-size:1.02rem;line-height:1.25}.mzr-road-explain,.mzr-road-live,.mzr-road-map-wrap,.mzr-road-quiet{border:1px solid var(--mzr-line);border-radius:var(--mzr-radius);padding:24px;background:rgba(13,27,37,.80);box-shadow:0 16px 48px rgba(0,0,0,.22);margin-top:16px}.mzr-road-explain{display:grid;grid-template-columns:1fr minmax(230px,340px);gap:24px;align-items:center}.mzr-road-explain h2,.mzr-road-live h2,.mzr-road-map-wrap h2,.mzr-road-quiet h2{margin:.1rem 0 .7rem}.mzr-road-explain p,.mzr-road-quiet p{color:#c8d8df;line-height:1.65;margin:0}.mzr-explain-box{border:1px solid rgba(121,217,255,.22);border-radius:20px;padding:18px;background:rgba(121,217,255,.07)}.mzr-explain-box strong{display:block;font-size:1.08rem;margin-bottom:6px}.mzr-explain-box span{color:#c8d8df;line-height:1.45}.mzr-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.mzr-section-sub{margin:.2rem 0 0;color:#b9ccd5;line-height:1.45;max-width:720px}.mzr-filterbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mzr-filterbar button{border:1px solid var(--mzr-line);border-radius:999px;background:rgba(255,255,255,.08);color:var(--mzr-text);padding:9px 12px;cursor:pointer;font-weight:750}.mzr-filterbar button.is-active{background:#fff;color:#071017}.mzr-station-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mzr-station,.mzr-cockpit-card,.mzr-empty-card{border:1px solid var(--mzr-line);border-radius:22px;padding:17px;background:rgba(255,255,255,.06)}.mzr-station[data-risk="red"]{border-color:rgba(255,77,94,.58);background:linear-gradient(180deg,rgba(255,77,94,.19),rgba(255,255,255,.045))}.mzr-station[data-risk="yellow"]{border-color:rgba(255,209,102,.58);background:linear-gradient(180deg,rgba(255,209,102,.17),rgba(255,255,255,.045))}.mzr-station[data-risk="green"]{border-color:rgba(36,196,126,.38)}.mzr-station-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mzr-badge{border-radius:999px;padding:5px 9px;font-weight:850;font-size:.75rem;text-transform:uppercase;white-space:nowrap}.mzr-badge.red{background:var(--mzr-red);color:white}.mzr-badge.yellow{background:var(--mzr-yellow);color:#261f00}.mzr-badge.green{background:var(--mzr-green);color:#042216}.mzr-station h3{margin:0;font-size:1.08rem;line-height:1.24}.mzr-road-pill{display:inline-block;vertical-align:middle;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:2px 8px;margin-left:5px;font-size:.75rem;color:#071017;background:#fff}.mzr-station-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.mzr-station-values span{display:block;border:1px solid var(--mzr-line);border-radius:15px;padding:9px;background:rgba(0,0,0,.15);font-size:.8rem;color:var(--mzr-muted)}.mzr-station-values b{display:block;color:#fff;font-size:1.08rem}.mzr-station p{color:#c6d6de;line-height:1.45;margin:0}.mzr-station-location{margin:.25rem 0 0!important;color:#a9bfca!important;font-size:.86rem;line-height:1.35}.mzr-unmapped{display:inline-block;margin-left:6px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:2px 7px;color:#ffd166;background:rgba(255,209,102,.08);font-size:.72rem;font-weight:850}.mzr-small{font-size:.82rem;color:#9eb3bf!important;margin-top:10px!important}.mzr-cockpit-wide{grid-column:span 2}.mzr-cockpit-card[data-tone="green"]{border-color:rgba(36,196,126,.42);background:linear-gradient(180deg,rgba(36,196,126,.14),rgba(255,255,255,.045))}.mzr-cockpit-card[data-tone="traffic"]{border-color:rgba(121,217,255,.34);background:linear-gradient(180deg,rgba(121,217,255,.12),rgba(255,255,255,.045))}.mzr-cockpit-card strong{display:block;font-size:1.8rem;line-height:1.05;margin-bottom:10px}.mzr-cockpit-card p,.mzr-empty-card span{display:block;color:#c8d8df;line-height:1.5;margin:0}.mzr-empty-card{grid-column:1/-1}.mzr-empty-card strong{display:block;margin-bottom:6px}.mzr-cold-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.mzr-mini-station{border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:12px;background:rgba(0,0,0,.14)}.mzr-mini-station span{display:block;color:#c3d6de;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mzr-mini-station strong{display:block;font-size:1.45rem;margin:5px 0 2px}.mzr-mini-station small{display:block;color:#93a8b4;line-height:1.25}.mzr-road-map{height:560px;border-radius:22px;overflow:hidden;background:#102737}.mzr-map-note{color:var(--mzr-muted);margin:0;max-width:340px}code{background:rgba(255,255,255,.09);padding:.1rem .35rem;border-radius:6px}.mzr-hidden{display:none!important}
.mzr-road-traffic{border:1px solid var(--mzr-line);border-radius:var(--mzr-radius);padding:24px;background:linear-gradient(180deg,rgba(13,27,37,.88),rgba(7,16,23,.88));box-shadow:0 16px 48px rgba(0,0,0,.22);margin-top:16px}.mzr-road-traffic h2{margin:.1rem 0 .7rem}.mzr-traffic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mzr-traffic-card{border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:17px;background:rgba(255,255,255,.055)}.mzr-traffic-card[data-risk="red"]{border-color:rgba(255,77,94,.58);background:linear-gradient(180deg,rgba(255,77,94,.18),rgba(255,255,255,.045))}.mzr-traffic-card[data-risk="yellow"]{border-color:rgba(255,209,102,.54);background:linear-gradient(180deg,rgba(255,209,102,.15),rgba(255,255,255,.045))}.mzr-traffic-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.mzr-traffic-head strong{display:block;font-size:1.75rem;line-height:1}.mzr-traffic-head span{display:block;color:#b9ccd5;font-size:.85rem;margin-top:5px}.mzr-traffic-counts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.mzr-traffic-counts span{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:5px 8px;background:rgba(0,0,0,.16);font-size:.76rem;color:#d8e9ef}.mzr-traffic-card ul{margin:12px 0 0;padding-left:1.1rem;color:#d8e9ef}.mzr-traffic-card li{margin:.55rem 0;line-height:1.35}.mzr-traffic-card small{color:#aabdc6}
@media(max-width:1040px){.mzr-road-hero{grid-template-columns:54px 1fr}.mzr-hero-panel{grid-column:1/-1}.mzr-road-grid{grid-template-columns:repeat(2,1fr)}.mzr-station-list{grid-template-columns:repeat(2,1fr)}.mzr-cold-row{grid-template-columns:repeat(3,1fr)}.mzr-road-explain{grid-template-columns:1fr}.mzr-live-strip{grid-template-columns:1fr}.mzr-traffic-list{grid-template-columns:1fr}.mzr-traffic-head{flex-direction:column}.mzr-traffic-counts{justify-content:flex-start}}
@media(max-width:640px){.mzr-road-page{width:min(100% - 18px,1240px);padding-top:10px}.mzr-road-hero{grid-template-columns:1fr;padding:20px;border-radius:24px}.mzr-status-orb{width:38px;height:38px}.mzr-road-hero h1{font-size:2.35rem}.mzr-road-hero p{font-size:.97rem}.mzr-road-grid{grid-template-columns:1fr}.mzr-station-list{grid-template-columns:1fr}.mzr-cockpit-wide{grid-column:auto}.mzr-cold-row{grid-template-columns:1fr 1fr}.mzr-road-explain,.mzr-road-live,.mzr-road-map-wrap,.mzr-road-traffic,.mzr-road-quiet{padding:18px;border-radius:20px}.mzr-info-card{border-radius:18px;min-height:130px}.mzr-road-meta span{font-size:.78rem}.mzr-station-values{grid-template-columns:1fr 1fr 1fr}.mzr-road-map{height:360px}.mzr-filterbar{justify-content:flex-start}.mzr-live-meter{grid-template-columns:66px 1fr}.mzr-live-meter b{grid-column:2}.mzr-hero-panel{padding:14px}}

/* V4 Wetterfaktoren / Straßenlage-Cockpit */
.mzr-hazard-board{border:1px solid var(--mzr-line);border-radius:var(--mzr-radius);padding:24px;background:linear-gradient(180deg,rgba(13,27,37,.84),rgba(7,16,23,.86));box-shadow:0 16px 48px rgba(0,0,0,.22);margin-top:16px;position:relative;overflow:hidden}
.mzr-hazard-board:before{content:"";position:absolute;right:-160px;top:-170px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(121,217,255,.14),rgba(255,255,255,0) 66%);pointer-events:none}
.mzr-hazard-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative}
.mzr-hazard-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));min-height:132px}
.mzr-hazard-card:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:rgba(255,255,255,.16)}
.mzr-hazard-card:after{content:"";position:absolute;right:-38px;bottom:-58px;width:118px;height:118px;border-radius:50%;background:rgba(255,255,255,.06)}
.mzr-hazard-card[data-level="green"]{border-color:rgba(36,196,126,.28)}
.mzr-hazard-card[data-level="green"]:before{background:var(--mzr-green)}
.mzr-hazard-card[data-level="yellow"]{border-color:rgba(255,209,102,.58);background:linear-gradient(180deg,rgba(255,209,102,.17),rgba(255,255,255,.035))}
.mzr-hazard-card[data-level="yellow"]:before{background:var(--mzr-yellow)}
.mzr-hazard-card[data-level="red"]{border-color:rgba(255,77,94,.63);background:linear-gradient(180deg,rgba(255,77,94,.20),rgba(255,255,255,.035))}
.mzr-hazard-card[data-level="red"]:before{background:var(--mzr-red)}
.mzr-hazard-card div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-bottom:10px;position:relative}
.mzr-hazard-card i{font-style:normal;font-size:1.2rem;line-height:1}.mzr-hazard-card span{font-weight:900;line-height:1.1}.mzr-hazard-card em{font-style:normal;font-size:.75rem;font-weight:900;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:4px 8px;background:rgba(0,0,0,.18);color:#eaf6fb;white-space:nowrap}.mzr-hazard-card p{position:relative;margin:0;color:#c5d8df;line-height:1.42;font-size:.9rem}.mzr-hazard-card small{display:block;position:relative;margin-top:10px;color:#8ce2ff;font-weight:800;font-size:.74rem}.mzr-station-hazards{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 12px}.mzr-station-hazards span{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.06);font-size:.74rem;font-weight:850}.mzr-station-hazards span[data-level="yellow"]{background:rgba(255,209,102,.15);border-color:rgba(255,209,102,.48);color:#ffe39a}.mzr-station-hazards span[data-level="red"]{background:rgba(255,77,94,.16);border-color:rgba(255,77,94,.5);color:#ffc5cc}.mzr-station-hazards span[data-level="green"]{background:rgba(36,196,126,.12);border-color:rgba(36,196,126,.35);color:#baf5d8}
@media(max-width:1040px){.mzr-hazard-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.mzr-hazard-board{padding:18px;border-radius:20px}.mzr-hazard-cards{grid-template-columns:1fr}.mzr-hazard-card{min-height:110px}}