.lr-page{max-width:1600px;margin:auto;padding:24px 28px;color:#24496d}.lr-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.lr-heading p{font-size:11px;letter-spacing:.18em;font-weight:800;margin:0 0 5px;color:#6d8da9}.lr-heading h1{font-size:36px;line-height:1.1;margin:0 0 8px}.lr-heading a{font-size:13px;font-weight:700}.lr-heading span{font-size:14px;color:#6d8499}#lr-shell{position:relative;height:min(850px,82svh);min-height:520px;border-radius:24px;overflow:hidden;background:#111f2a;box-shadow:0 16px 46px #12365925;color:#eef7ff;isolation:isolate}#lr-map{position:absolute;inset:0;z-index:0;background:#172832}#lr-wind{position:absolute;inset:0;z-index:400;pointer-events:none}.lr-base{filter:invert(1) hue-rotate(180deg) brightness(.72) saturate(.55) contrast(1.05)}.lr-layers{position:absolute;z-index:600;left:18px;top:78px;display:grid;gap:17px}.lr-layers button{display:grid;justify-items:center;gap:5px;border:0;background:transparent;color:#eaf6ff;font:700 11px system-ui;cursor:pointer;min-width:86px;padding:0;text-shadow:0 1px 6px #000}.lr-layers span{width:52px;height:52px;display:grid;place-items:center;font:32px system-ui;background:linear-gradient(145deg,#315674,#172d44);border:1px solid #a3c4df55;border-radius:50%;box-shadow:0 7px 18px #0005;transition:.2s}.lr-layers button:nth-child(1) span{background:linear-gradient(140deg,#2bbddd,#2569b8)}.lr-layers button:nth-child(2) span{background:linear-gradient(140deg,#90a4bd,#3a4b67)}.lr-layers button:nth-child(3) span{background:linear-gradient(140deg,#2bcaaa,#176974)}.lr-layers button:nth-child(4) span{background:linear-gradient(140deg,#7384ec,#3d4f91)}.lr-layers button[aria-pressed=true] span{outline:2px solid #e8fcff;outline-offset:4px;box-shadow:0 0 26px #61dcff65}.lr-layers button:disabled{opacity:.45;cursor:not-allowed}.lr-glass{background:#102232ed;border:1px solid #9bc5e040;border-radius:20px;box-shadow:0 6px 24px #0004;backdrop-filter:blur(16px)}.lr-top{position:absolute;top:18px;left:24px;right:24px;display:flex;gap:8px;align-items:center;z-index:600;pointer-events:none}.lr-top span{margin-right:auto;background:#102232dc;padding:9px 15px;border-radius:30px;font:700 12px system-ui;max-width:70%}.lr-top button{pointer-events:auto}#lr-shell button:not(.lr-layers button){color:#ecf8ff;background:#18354ae8;border:1px solid #9bc5e044;border-radius:50%;width:42px;height:42px;cursor:pointer;font:22px system-ui;flex-shrink:0}#lr-shell button:focus-visible,#lr-shell input:focus-visible{outline:3px solid #73d9f6;outline-offset:3px}#lr-shell button:disabled{opacity:.4;cursor:not-allowed}.lr-tools{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:grid;gap:8px;z-index:600}.lr-bottom{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);width:min(630px,calc(100% - 48px));display:grid;gap:9px;z-index:600}.lr-player{padding:12px 15px}.lr-time{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:7px}.lr-time strong{font-size:13px;color:#7cdefd}.lr-time span{font-size:11px;color:#b1c6d9}.lr-track{display:flex;align-items:center;gap:8px}.lr-track input{min-width:20px;width:100%;accent-color:#41c9f1;cursor:pointer}#lr-shell #lr-play{background:#f0faff;color:#19394c;width:44px;height:44px;font-size:18px}#lr-shell #lr-prev,#lr-shell #lr-next,#lr-shell #lr-direction{width:30px;height:34px;font-size:21px;border:0;background:none}#lr-legend{padding:8px 16px;font-size:11px;display:flex;align-items:center;gap:12px;min-height:32px}#lr-legend strong{white-space:nowrap}#lr-legend .lr-scale{flex:1;height:7px;border-radius:6px;background:linear-gradient(90deg,#827b69 0%,#cec087 15%,#88ddee 23%,#00a3e0 31%,#005588 46%,#004768 52%,#ffee00 54%,#ffaa00 62%,#ff4400 69%,#c10000 77%,#5d0000 83%,#ffaaff 85%,#ff77ff 92%,#fff 100%)}#lr-legend .lr-wind-scale{background:linear-gradient(90deg,#c8eaff,#59e8da,#55a8f6,#bc7efa)}#lr-legend img{max-height:75px;max-width:155px;object-fit:contain;background:#fff;border-radius:5px}.lr-credit{position:absolute;bottom:0;left:0;right:0;padding:7px 12px;background:#10202be8;text-align:right;z-index:600;font-size:10px;color:#b5cadb}.lr-credit a{color:#dcefff}.leaflet-container{font-family:system-ui,sans-serif!important}.leaflet-control-attribution{display:none}#lr-status{position:absolute;top:68px;left:120px;right:78px;z-index:600;border-radius:12px;padding:9px 13px;background:#1c4354ed;color:#eaf7ff;font-size:12px;pointer-events:none}#lr-status:empty{display:none}#lr-status.lr-error{background:#693b23f5;border:1px solid #eda56590}#lr-search{position:absolute;z-index:800;top:70px;right:24px;width:min(400px,calc(100% - 48px));padding:17px}#lr-search label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.lr-search-row{display:flex;gap:8px}#lr-query{width:100%;min-width:0;background:#f6fbff;color:#214a6a;border:0;border-radius:12px;padding:12px;font-size:16px}#lr-results{max-height:260px;overflow:auto;margin-top:7px}#lr-shell #lr-results button{border:0;border-radius:9px;text-align:left;display:block;width:100%;height:auto;padding:11px;font-size:13px;margin:3px 0;background:#294b61}#lr-results small{display:block;color:#bfd1df;margin-top:3px}#lr-results [aria-selected=true]{outline:2px solid #61d9fa}#lr-info{position:absolute;z-index:850;right:24px;top:70px;max-height:calc(100% - 115px);overflow:auto;width:min(390px,calc(100% - 48px));padding:22px;font-size:13px;line-height:1.6}#lr-info h2{color:#effaff;font-size:19px}#lr-info a{color:#7ddaff}#lr-shell #lr-info-close{float:right;width:32px;height:32px}.lr-pin{width:22px;height:22px!important;background:#40bde8;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 7px #48c6f244,0 4px 14px #0008}.lr-caption{font-size:12px;line-height:1.6;color:#73899d;margin:15px 4px}#lr-shell:fullscreen{height:100dvh;width:100vw;max-height:none;border-radius:0}#lr-shell.lr-expanded{position:fixed;inset:0;height:100dvh;width:100vw;border-radius:0;z-index:10000}.lr-no-scroll{overflow:hidden}
@media(max-width:700px){.lr-page{padding:14px 10px}.lr-heading{margin:4px 4px 14px}.lr-heading h1{font-size:27px}.lr-heading p{font-size:9px}.lr-heading span{display:none}.lr-heading a{font-size:11px;max-width:115px;text-align:right}#lr-shell{height:calc(100svh - 175px);min-height:560px;border-radius:18px}.lr-layers{left:8px;top:80px;gap:18px}.lr-layers button{font-size:9px;min-width:65px}.lr-layers span{width:42px;height:42px;font-size:26px}.lr-top{left:14px;right:14px;top:14px}.lr-top span{font-size:10px;padding:9px 12px}.lr-top button{width:35px!important;height:35px!important}.lr-tools{right:12px;gap:8px}.lr-tools button{width:35px!important;height:35px!important;font-size:21px!important}.lr-bottom{width:calc(100% - 20px);bottom:56px;gap:7px}.lr-player{padding:10px}.lr-time{display:block;margin-bottom:5px}.lr-time span{display:block;margin-top:3px;font-size:10px}.lr-time strong{font-size:12px}.lr-track{gap:3px}#lr-legend{font-size:10px;padding:9px 11px;gap:8px}.lr-credit{font-size:9px;line-height:1.4;min-height:33px}#lr-status{left:80px;right:55px;top:65px;font-size:10px;padding:8px}#lr-info,#lr-search{right:10px;top:65px;width:calc(100% - 20px)}.lr-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.lr-layers span{transition:none}}

/* Refinement: clear legends and separated controls on small/short screens. */
.wc-live-radar .mast .headinner{display:flex;justify-content:space-between;align-items:center;min-height:86px;padding-block:14px}
.wc-live-radar .mast .brand{margin:0}.wc-live-radar .mast #burger{position:static;margin-left:auto;flex-shrink:0}
.lr-lightning-legend{flex:1;min-width:0}.lr-density-scale{display:flex;height:10px;border-radius:6px;overflow:hidden}.lr-density-scale>span{flex:1}.lr-density-ticks{display:flex;justify-content:space-between;font-size:11px;margin-top:3px}.lr-lightning-legend small{display:block;font-size:10px;color:#bdd2df;margin-top:3px}
#lr-shell:fullscreen,#lr-shell.lr-expanded{min-height:0}.lr-bottom{bottom:calc(42px + env(safe-area-inset-bottom,0px))}.lr-credit{padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))}
@media(max-width:700px){
 .wc-live-radar .mast .headinner{min-height:76px;padding-block:12px}.wc-live-radar .mast .brandtxt{font-size:27px}
 #lr-shell{height:clamp(500px,calc(100svh - 155px),780px);min-height:500px}
 .lr-layers{left:10px;right:10px;top:66px;display:flex;justify-content:space-around;gap:4px}.lr-layers button{min-width:64px;min-height:62px;font-size:10px}.lr-layers span{width:42px;height:42px}
 .lr-tools{display:grid;grid-template-columns:repeat(2,44px);right:10px;top:44%;gap:6px;transform:translateY(-50%)}.lr-tools button{width:44px!important;height:44px!important}
 #lr-status{top:137px;left:12px;right:110px;font-size:11px;line-height:1.4}
 .lr-bottom{bottom:calc(45px + env(safe-area-inset-bottom,0px))}#lr-legend{flex-wrap:wrap;line-height:1.35}.lr-lightning-legend{min-width:180px}.lr-lightning-legend small{font-size:10px}.lr-track{gap:4px}
 #lr-search,#lr-info{top:62px;z-index:900}#lr-shell:fullscreen,#lr-shell.lr-expanded{min-height:0;height:100dvh}
}
@media(max-height:600px) and (orientation:landscape){
 #lr-shell{min-height:390px}.lr-page{padding-top:10px}.lr-heading{margin-bottom:12px}
 #lr-shell:fullscreen,#lr-shell.lr-expanded{min-height:0;height:100dvh}
 .lr-layers{left:12px;right:auto;width:min(370px,calc(100% - 145px));top:64px;display:flex;justify-content:space-around;gap:7px}.lr-layers button{min-width:58px;font-size:10px}.lr-layers span{width:38px;height:38px;font-size:25px}
 .lr-tools{display:grid;grid-template-columns:repeat(2,40px);gap:5px;right:12px;top:88px;transform:none}.lr-tools button{width:40px!important;height:40px!important}
 .lr-bottom{bottom:calc(30px + env(safe-area-inset-bottom,0px));width:min(630px,calc(100% - 24px));gap:5px}.lr-player{padding:6px 12px}.lr-time{display:flex;margin-bottom:2px}.lr-time span{margin:0}.lr-time strong{font-size:11px}.lr-track{gap:5px}#lr-shell #lr-play{width:34px;height:34px}
 #lr-legend{padding:5px 12px;min-height:24px;font-size:10px}.lr-lightning-legend{display:grid;grid-template-columns:1fr;gap:0}.lr-lightning-legend small{font-size:9px;margin:0}.lr-density-scale{height:6px}.lr-density-ticks{font-size:9px;margin:0}
 .lr-credit{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px));min-height:0;font-size:9px}
 #lr-status{top:135px;left:12px;right:110px;font-size:10px;padding:6px 9px}
}

.wc-live-radar .mast .headinner{flex-wrap:nowrap;gap:14px}.wc-live-radar .mast .brand{flex:1 1 auto;min-width:0;width:auto}.wc-live-radar .mast .brandtxt small{letter-spacing:.07em}

@media(max-height:360px) and (orientation:landscape){
 .lr-layers{width:calc(100% - 270px);min-width:250px}.lr-tools{grid-template-columns:repeat(6,34px);top:72px;gap:5px}.lr-tools button{width:34px!important;height:34px!important;font-size:19px!important}
 #lr-status{left:12px;right:12px;top:130px;padding:5px 9px;font-size:10px}.lr-bottom{gap:4px}.lr-player{padding:4px 10px}.lr-time strong{font-size:10px}.lr-time span{font-size:9px}
 #lr-search{max-height:calc(100% - 90px);overflow:auto}#lr-results{max-height:100px}
}

/* Compact controls only in the normal phone view; fullscreen retains its layout. */
@media(max-width:700px){
 #lr-shell:not(:fullscreen):not(.lr-expanded){height:clamp(640px,calc(100svh - 130px),860px);min-height:640px}
 #lr-shell:not(:fullscreen):not(.lr-expanded) .lr-layers{top:62px;gap:2px}
 #lr-shell:not(:fullscreen):not(.lr-expanded) .lr-layers button{min-width:62px;min-height:58px;font-size:10px;gap:3px}
 #lr-shell:not(:fullscreen):not(.lr-expanded) .lr-layers span{width:36px;height:36px;font-size:24px}
 #lr-shell:not(:fullscreen):not(.lr-expanded) .lr-tools{grid-template-columns:44px;gap:2px;right:8px;top:46%}
 #lr-shell:not(:fullscreen):not(.lr-expanded) .lr-tools button{width:44px!important;height:44px!important;background-color:#18354acc;border:5px solid transparent;background-clip:padding-box;font-size:20px!important}
 #lr-shell:not(:fullscreen):not(.lr-expanded) .lr-bottom{gap:5px;bottom:calc(42px + env(safe-area-inset-bottom,0px))}
 #lr-shell:not(:fullscreen):not(.lr-expanded) .lr-player{padding:7px 9px}
 #lr-shell:not(:fullscreen):not(.lr-expanded) .lr-time strong{font-size:11px}
 #lr-shell:not(:fullscreen):not(.lr-expanded) .lr-time span{font-size:9px;margin-top:2px}
 #lr-shell:not(:fullscreen):not(.lr-expanded) #lr-legend{padding:6px 10px;gap:7px;font-size:10px;min-height:28px}
 #lr-shell:not(:fullscreen):not(.lr-expanded) #lr-status{top:125px;right:64px;font-size:10px;padding:6px 9px}
}
@media(max-width:700px) and (orientation:landscape){
 #lr-shell:not(:fullscreen):not(.lr-expanded){height:430px;min-height:430px}
 #lr-shell:not(:fullscreen):not(.lr-expanded) .lr-tools{grid-template-columns:repeat(6,44px);top:128px;transform:none}
 #lr-shell:not(:fullscreen):not(.lr-expanded) .lr-layers{width:calc(100% - 24px);min-width:0;right:12px}
 #lr-shell:not(:fullscreen):not(.lr-expanded) #lr-status{top:178px;right:12px}
}

/* WetterMaps 2.0: vorhandene dunkle Karte, gemeinsame helle Portal-Karten. */
#lr-field{position:absolute;inset:0;z-index:340;pointer-events:none}
.lr-time{display:grid;grid-template-columns:auto 1fr;gap:5px 10px}.lr-time strong{justify-self:end}.lr-time>span{grid-column:1/-1}.lr-data-state{font:700 10px system-ui;letter-spacing:.02em;color:#c2e8f3;background:#234656;border:1px solid #6cabb844;border-radius:6px;padding:3px 7px;justify-self:start}.lr-data-state[data-kind=forecast]{color:#ffe1a0;background:#504329}.lr-data-state[data-kind=error]{color:#ffd7bf;background:#633f2b}
.lr-settings{border:1px solid #668da244;border-radius:12px;padding:13px;margin:16px 0}.lr-settings legend{font-weight:700}.lr-settings label{display:grid;gap:6px;margin:10px 0;color:#d9e8f1}.lr-settings select{font:inherit;background:#24465a;color:#f3faff;border:1px solid #829fb855;border-radius:8px;min-height:42px;padding:8px;width:100%}.lr-settings input[type=range]{width:100%;accent-color:#41c9f1;min-height:28px}.lr-settings .lr-check{display:flex;align-items:center;gap:10px}.lr-settings input[type=checkbox]{width:20px;height:20px;accent-color:#41c9f1}.lr-settings small{color:#bfd1df;line-height:1.5;display:block}
.lr-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}.lr-context article{background:linear-gradient(130deg,#fff,#f0f7fc);border:1px solid #d5e4ef;border-radius:16px;padding:23px 26px;box-shadow:0 4px 15px #21466b09}.lr-context article:nth-child(2){background:linear-gradient(130deg,#fff,#eff8f5)}.lr-context h2{font-size:19px;color:#315f98;margin:0 0 10px}.lr-context p{font-size:14px;line-height:1.7;margin:0;color:#58748c}
@media(max-width:700px){.lr-time{display:grid;grid-template-columns:auto 1fr;gap:4px 6px}.lr-data-state{font-size:9px;padding:2px 5px}.lr-time strong{font-size:10px}.lr-time>span{font-size:9px}.lr-context{grid-template-columns:1fr;gap:14px;margin:18px 0}.lr-context article{padding:20px}.lr-context h2{font-size:18px}}
@media(max-height:360px) and (orientation:landscape){.lr-time{gap:2px 6px}.lr-data-state{font-size:8px;padding:1px 4px}.lr-time strong{font-size:10px}}

@media(max-height:600px) and (orientation:landscape){
 .lr-tools{grid-template-columns:repeat(6,40px);top:72px;transform:none}
 .lr-layers{width:min(370px,calc(100% - 300px));min-width:0}
 .lr-time{grid-template-columns:auto 1fr}.lr-time>span{grid-column:1/-1}
}