:root{--bg:#0b1015;--panel:#0e141bdb;--rand:#94b2d229;--text:#dfe8f2;--gedimmt:#8fa3b8;--leise:#61748a;--akzent:#5eb0ef;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:13px/1.5 ui-sans-serif,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{width:100%;height:100%;position:relative}canvas{touch-action:none;display:block}.kopf{pointer-events:none;text-shadow:0 1px 12px #000c;max-width:300px;position:absolute;top:14px;left:18px}.kopf h1{letter-spacing:.01em;margin:0;font-size:19px;font-weight:600}.kopf p{color:var(--gedimmt);margin:2px 0 0;font-size:12px}.panel{background:var(--panel);backdrop-filter:blur(14px);border:1px solid var(--rand);border-radius:10px;position:absolute;overflow:hidden;box-shadow:0 8px 32px #00000073}.panel.status{flex-direction:column;width:336px;max-height:calc(100vh - 92px);display:flex;top:64px;right:14px}.panel.controls{flex-direction:column;width:320px;max-height:calc(100vh - 140px);display:flex;bottom:14px;left:14px}.panelKopf{width:100%;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.panelKopf.statisch{cursor:default}.panelKopf .titel{flex:1;font-size:13px;font-weight:600}.panelKopf .zahl{font-variant-numeric:tabular-nums;color:var(--gedimmt);font-size:12px}.panelKopf .pfeil{color:var(--leise);font-size:11px}.panelInhalt{scrollbar-width:thin;padding:4px 12px 12px;overflow-y:auto}.balken{background:#ffffff12;flex:none;height:3px}.balkenFuellung{background:linear-gradient(90deg,#4ade80,#fbbf24);height:100%;transition:width .4s}.legende{color:var(--gedimmt);gap:12px;padding:8px 0 10px;font-size:11px;display:flex}.legende span{align-items:center;gap:5px;display:flex}.legende i,.status li i{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.status section{margin-bottom:12px}.status h3{text-transform:uppercase;letter-spacing:.07em;color:var(--leise);align-items:baseline;gap:6px;margin:0 0 5px;font-size:11px;font-weight:600;display:flex}.gruppeZahl{font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0;font-weight:400}.status ul{margin:0;padding:0;list-style:none}.status li{align-items:flex-start;gap:8px;padding:3px 0;display:flex}.status li i{margin-top:6px}.status li.geplant{color:var(--leise)}.featureTitel{font-size:12px;display:block}.nachweis{color:var(--leise);margin-top:1px;font-size:11px;display:block}.regler{margin-bottom:12px;display:block}.reglerKopf{justify-content:space-between;align-items:baseline;margin-bottom:4px;font-size:12px;display:flex}.reglerKopf b{font-variant-numeric:tabular-nums;color:var(--akzent);font-weight:600}.regler input[type=range]{appearance:none;background:#ffffff21;border-radius:2px;outline:none;width:100%;height:3px}.regler input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--akzent);cursor:pointer;border:2px solid #0b1015;border-radius:50%;width:13px;height:13px}.hinweis{color:var(--leise);margin-top:3px;font-size:10.5px;line-height:1.4;display:block}.schalter{flex-direction:column;gap:7px;margin:14px 0;font-size:12px;display:flex}.schalter label{cursor:pointer;color:var(--gedimmt);align-items:flex-start;gap:7px;display:flex}.schalter input{accent-color:var(--akzent);margin:2px 0 0}.kennzahlen{border-top:1px solid var(--rand);padding-top:10px}.kennzahlen h3{text-transform:uppercase;letter-spacing:.07em;color:var(--leise);margin:0 0 6px;font-size:11px;font-weight:600}.kennzahlen dl{grid-template-columns:1fr auto;gap:3px 10px;margin:0;font-size:11.5px;display:grid}.kennzahlen dt{color:var(--gedimmt)}.kennzahlen dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.quelle{color:var(--leise);margin:8px 0 0;font-size:10px;line-height:1.45}.ladeanzeige{text-align:center;background:radial-gradient(#16212c 0%,#0b1015 70%);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px;display:flex;position:absolute;inset:0}.ladeanzeige h2{margin:0;font-size:22px;font-weight:600}.ladeanzeige p{max-width:520px;color:var(--gedimmt);margin:0}.ladeanzeige .fehler{color:#f87171;font-family:ui-monospace,monospace;font-size:12px}.ladeanzeige code{background:#ffffff14;border-radius:4px;padding:1px 5px;font-size:11.5px}.fps{position:absolute!important;inset:auto 6px 6px auto!important}.panel.zeit{width:420px;padding:10px 12px 8px;top:14px;left:50%;transform:translate(-50%)}.zeitKopf{justify-content:space-between;align-items:center;gap:12px;display:flex}.zeitDatum{flex-direction:column;line-height:1.25;display:flex}.zeitDatum b{font-variant-numeric:tabular-nums;font-size:15px}.zeitDatum span{color:var(--leise);font-variant-numeric:tabular-nums;font-size:11px}.zeitKnoepfe{gap:5px;display:flex}.zeitKnoepfe button,.faktoren button{border:1px solid var(--rand);color:var(--text);font:inherit;cursor:pointer;background:#ffffff12;border-radius:6px;padding:5px 10px;font-size:12px;transition:background .12s}.zeitKnoepfe button:hover:not(:disabled),.faktoren button:hover{background:#ffffff24}.zeitKnoepfe button:disabled{opacity:.35;cursor:default}.zeitKnoepfe button.aktiv,.faktoren button.aktiv{background:var(--akzent);border-color:var(--akzent);color:#06121d;font-weight:600}.zeitBalken{background:#ffffff14;border-radius:2px;height:3px;margin:8px 0;overflow:hidden}.zeitFuellung{background:var(--akzent);height:100%;transition:width .2s linear}.faktoren{gap:5px;display:flex}.faktoren button{font-variant-numeric:tabular-nums;flex:1}.wetter{grid-template-columns:auto 1fr auto 1fr;gap:2px 8px;margin:9px 0 0;font-size:11px;display:grid}.wetter dt{color:var(--gedimmt)}.wetter dd{font-variant-numeric:tabular-nums;margin:0}.zeitFuss{border-top:1px solid var(--rand);justify-content:space-between;margin-top:8px;padding-top:7px;font-size:11px;display:flex}.zeitFuss .leise{color:var(--leise)}.simMeldung{color:var(--leise);margin-top:6px;font-size:10.5px}.panel.controls.zu,.panel.status.zu{width:auto;min-width:168px}.panel.controls{top:auto}.szenarien{gap:5px;margin-bottom:6px;display:flex}.szenarien button{border:1px solid var(--rand);color:var(--gedimmt);font:inherit;cursor:pointer;background:#ffffff12;border-radius:6px;flex:1;padding:4px 8px;font-size:11px}.szenarien button:hover{background:#ffffff24}.szenarien button.aktiv{border-color:var(--akzent);color:var(--text);background:#5eb0ef2e;font-weight:600}.quellenWahl{border-bottom:1px solid var(--rand);margin-bottom:12px;padding:8px 0 12px}.quellenTitel{text-transform:uppercase;letter-spacing:.07em;color:var(--leise);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.quellenKnoepfe{gap:5px;display:flex}.quellenKnoepfe button{border:1px solid var(--rand);color:var(--gedimmt);font:inherit;cursor:pointer;background:#ffffff12;border-radius:6px;flex:1;padding:5px 8px;font-size:11.5px}.quellenKnoepfe button:hover{background:#ffffff24}.quellenKnoepfe button.aktiv{border-color:var(--akzent);color:var(--text);background:#5eb0ef2e;font-weight:600}.regler.gesperrt{opacity:.45}.regler.gesperrt input[type=range]{cursor:not-allowed}.regler.gesperrt .reglerKopf b{color:var(--gedimmt)}.zeitDatum .uhr{font-variant-numeric:tabular-nums;color:var(--akzent);margin-left:9px;font-weight:400}.faktoren button{padding:5px 4px;font-size:11px}.faktorErklaerung{color:var(--leise);text-align:center;margin-top:5px;font-size:10.5px}.faktorWahl{align-items:center;gap:8px;font-size:12px;display:flex}.faktorWahl>span{color:var(--gedimmt);flex:none}.faktorWahl select{border:1px solid var(--rand);min-width:0;color:var(--text);font:inherit;cursor:pointer;background:#ffffff12;border-radius:6px;flex:1;padding:5px 8px;font-size:12px}.faktorWahl select:focus{outline:1px solid var(--akzent)}.faktorErklaerung{color:var(--leise);margin-top:5px;font-size:10.5px}.zeitDatum .uhr.gemittelt{color:var(--leise)}.zeitDatum .uhr em{color:var(--akzent);cursor:help;margin-left:4px;font-style:normal}.mobil{--sicher-oben:env(safe-area-inset-top,0px);--sicher-unten:env(safe-area-inset-bottom,0px);--leiste-h:58px;pointer-events:none;font:13px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:absolute;inset:0}.mobil>*{pointer-events:auto}.mStatus{top:calc(var(--sicher-oben) + 8px);border:1px solid var(--rand);-webkit-backdrop-filter:blur(18px)saturate(1.25);min-height:48px;color:var(--text);text-align:left;font:inherit;background:#0a0f159e;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:7px 13px;display:grid;position:absolute;left:8px;right:8px;box-shadow:0 6px 22px #0006}.mStatusZeit{flex-direction:column;line-height:1.15;display:flex}.mStatusZeit b{font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:14px}.mStatusZeit small{color:var(--gedimmt);font-variant-numeric:tabular-nums;font-size:11px}.mStatusMitte{color:var(--akzent);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.mLaeuft{background:#58d68d;border-radius:50%;width:7px;height:7px;animation:1.9s ease-in-out infinite mPuls;box-shadow:0 0 9px #58d68d}@keyframes mPuls{0%,to{opacity:1}50%{opacity:.28}}@media (prefers-reduced-motion:reduce){.mLaeuft{animation:none}.mBlatt{transition:none!important}}.mStatusRechts{flex-direction:column;align-items:flex-end;line-height:1.1;display:flex}.mStatusRechts b{font-variant-numeric:tabular-nums;font-size:15px}.mStatusRechts small{color:var(--leise);text-transform:uppercase;letter-spacing:.05em;font-size:9.5px}.mSpielKnopf{right:16px;bottom:calc(var(--sicher-unten) + var(--leiste-h) + 18px);-webkit-backdrop-filter:blur(14px);width:62px;height:62px;color:var(--akzent);background:#142a3ed1;border:1px solid #5eb0ef73;border-radius:50%;font-size:21px;line-height:1;transition:transform .14s,background .14s;position:absolute;box-shadow:0 8px 26px #0000007a}.mSpielKnopf:active{transform:scale(.93)}.mSpielKnopf.laeuft{color:#58d68d;background:#163628d6;border-color:#58d68d80}.mBlatt{left:0;right:0;bottom:calc(var(--sicher-unten) + var(--leiste-h));border-top:1px solid var(--rand);-webkit-backdrop-filter:blur(24px)saturate(1.2);pointer-events:none;background:#0b1016ed;border-radius:20px 20px 0 0;flex-direction:column;max-height:66vh;transition:transform .26s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;transform:translateY(102%);box-shadow:0 -10px 34px #00000080}.mBlatt.offen{pointer-events:auto;transform:translateY(0)}.mGriff{background:0 0;border:0;flex:none;place-items:center;width:100%;height:44px;padding:0;display:grid}.mGriff span{background:#94b2d266;border-radius:2px;width:42px;height:4px}.mBlattInhalt{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;gap:15px;padding:2px 16px 20px;display:flex;overflow-y:auto}.mLeiste{height:calc(var(--leiste-h) + var(--sicher-unten));padding-bottom:var(--sicher-unten);border-top:1px solid var(--rand);-webkit-backdrop-filter:blur(22px);background:#090d12e6;grid-template-columns:repeat(5,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.mLeiste button{color:var(--leise);font:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 2px;transition:color .12s;display:flex}.mLeiste button.aktiv{color:var(--akzent)}.mLeiste .mIcon{font-size:17px;line-height:1}.mLeiste .mLabel{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9.5px;overflow:hidden}.mZeitAnzeige{padding:4px 0 2px}.mDatum{font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}.mUhr{color:var(--akzent);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:27px;font-weight:300;line-height:1.15}.mBalken{background:#94b2d224;border-radius:3px;height:5px;margin:11px 0 6px;overflow:hidden}.mBalkenFuellung{background:linear-gradient(90deg, #3d7fb8, var(--akzent));border-radius:3px;height:100%;transition:width .2s linear}.mLauf{color:var(--gedimmt);font-variant-numeric:tabular-nums;font-size:11.5px}.mZeitKnoepfe{grid-template-columns:1fr auto auto;gap:8px;display:grid}.mZeitKnoepfe button,.mFaktoren button,.mAuswahl{border:1px solid var(--rand);min-height:46px;color:var(--text);font:inherit;white-space:nowrap;background:#94b2d212;border-radius:11px;padding:0 13px;font-size:12.5px}.mZeitKnoepfe button:disabled{opacity:.34}.mZeitKnoepfe button:active,.mFaktoren button:active{background:#94b2d229}.mHauptKnopf{font-weight:600;color:var(--akzent)!important;background:#1c3e5c99!important;border-color:#5eb0ef6b!important}.mGruppe{border:1px solid var(--rand);background:#94b2d209;border-radius:13px;flex-direction:column;gap:8px;padding:12px;display:flex}.mGruppeTitel{color:var(--gedimmt);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:600}.mFaktoren{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:6px;display:grid}.mFaktoren.zwei{grid-template-columns:1fr 1fr}.mFaktoren button{font-variant-numeric:tabular-nums;padding:0 6px}.mFaktoren button.aktiv{color:var(--akzent);background:#1c3e5c9e;border-color:#5eb0ef80;font-weight:600}.mAuswahl{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--gedimmt) 50%), linear-gradient(135deg, var(--gedimmt) 50%, transparent 50%);background-position:calc(100% - 17px),calc(100% - 12px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;width:100%;padding-right:34px}.mReglerZeile{flex-direction:column;gap:7px;display:flex}.mReglerZeile.gesperrt{opacity:.42}.mReglerKopf{justify-content:space-between;align-items:baseline;gap:10px;font-size:12.5px;display:flex}.mReglerKopf b{color:var(--akzent);font-variant-numeric:tabular-nums;white-space:nowrap}.mReglerZeile input[type=range]{appearance:none;background:0 0;width:100%;height:28px;margin:0}.mReglerZeile input[type=range]::-webkit-slider-runnable-track{background:#94b2d22e;border-radius:3px;height:5px}.mReglerZeile input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--akzent);border:2px solid #0b1016e6;border-radius:50%;width:28px;height:28px;margin-top:-11.5px;box-shadow:0 2px 8px #00000073}.mReglerZeile input[type=range]::-moz-range-track{background:#94b2d22e;border-radius:3px;height:5px}.mReglerZeile input[type=range]::-moz-range-thumb{background:var(--akzent);border:2px solid #0b1016e6;border-radius:50%;width:26px;height:26px}.mSchalter{border:1px solid var(--rand);min-height:54px;color:var(--text);font:inherit;text-align:left;background:#94b2d209;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;display:flex}.mSchalter.aktiv{background:#1c3e5c66;border-color:#5eb0ef61}.mSchalterText{flex-direction:column;gap:2px;min-width:0;display:flex}.mSchalterText b{font-size:13px;font-weight:500}.mSchalterText small{color:var(--leise);font-size:10.5px;line-height:1.35}.mSchalterKnopf{background:#94b2d233;border-radius:13px;flex:none;width:44px;height:26px;transition:background .16s;position:relative}.mSchalterKnopf:after{content:"";background:#93a8bd;border-radius:50%;width:20px;height:20px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.mSchalter.aktiv .mSchalterKnopf{background:#5eb0ef6b}.mSchalter.aktiv .mSchalterKnopf:after{background:var(--akzent);transform:translate(18px)}.mKennzahlen{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.mKennzahlen>div{border:1px solid var(--rand);background:#94b2d209;border-radius:11px;flex-direction:column;align-items:center;gap:2px;padding:11px 4px;display:flex}.mKennzahlen b{font-variant-numeric:tabular-nums;font-size:17px}.mKennzahlen small{color:var(--leise);text-align:center;font-size:9px;line-height:1.25}.mEreignisListe{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.mEreignisListe li{border-bottom:1px solid #94b2d212;grid-template-columns:9px 1fr auto auto;align-items:center;gap:9px;padding:9px 2px;font-size:11.5px;display:grid}.mEreignisListe li:last-child{border-bottom:0}.mEreignisListe .punkt{border-radius:50%;width:9px;height:9px}.punkt.setzungsfliessen{background:#ff4720}.punkt.boeschungsbruch{background:#b83ddb}.punkt.ufererosion{background:#f2c72e}.mEreignisZone{letter-spacing:.03em;font-weight:600}.mEreignisTag,.mEreignisVol{color:var(--gedimmt);font-variant-numeric:tabular-nums}.quality{flex-direction:column;gap:12px;display:flex}.qualityStufen{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.qualityStufen button{border:1px solid var(--rand);min-height:54px;color:var(--text);font:inherit;background:#94b2d20d;border-radius:11px;flex-direction:column;align-items:center;gap:3px;padding:9px 3px;display:flex}.qualityStufen button.aktiv{color:var(--akzent);background:#1c3e5c9e;border-color:#5eb0ef80}.qualityStufen b{font-size:12px;font-weight:600}.qualityStufen small{color:var(--leise);font-variant-numeric:tabular-nums;font-size:9.5px}.qualityStufen button.aktiv small{color:#5eb0efbf}.qualityDetails{grid-template-columns:1fr 1fr;gap:7px;margin:0;display:grid}.qualityDetails>div{border:1px solid var(--rand);background:#94b2d208;border-radius:9px;padding:8px 10px}.qualityDetails dt{color:var(--leise);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.qualityDetails dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:11.5px}.mobilAktiv .panel,.mobilAktiv .kopf,.mobilAktiv .zeitBalken{display:none}@media (orientation:landscape) and (height<=520px){.mobil{--leiste-h:48px}.mBlatt{max-height:82vh}.mLeiste .mLabel{display:none}.mLeiste .mIcon{font-size:19px}.mDatum{font-size:16px}.mUhr{font-size:21px}}.mFps{color:var(--gedimmt);font-variant-numeric:tabular-nums;background:#94b2d21f;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:500}.mFps.knapp{color:#e8a06a;background:#e07a3c2e}.werkzeugleiste{pointer-events:none;z-index:5;align-items:stretch;display:flex;position:absolute;top:0;bottom:0;left:0}.werkzeugleiste>*{pointer-events:auto}.spur{border-right:1px solid var(--rand);-webkit-backdrop-filter:blur(20px);scrollbar-width:none;background:#090d12e0;flex-direction:column;flex:none;gap:2px;width:62px;padding:10px 4px;display:flex;overflow-y:auto}.spur::-webkit-scrollbar{display:none}.spur button{min-height:48px;color:var(--leise);font:inherit;background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;transition:color .12s,background .12s;display:flex}.spur button:hover{color:var(--gedimmt);background:#94b2d20f}.spur button.aktiv{color:var(--akzent);background:#1c3e5c8c;border-color:#5eb0ef52}.spurIcon{font-size:17px;line-height:1}.spurLabel{letter-spacing:.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:54px;font-size:8.5px;line-height:1.15;overflow:hidden}.werkzeugBlock{border-right:1px solid var(--rand);-webkit-backdrop-filter:blur(24px)saturate(1.15);background:#0b1016e6;flex-direction:column;flex:none;width:352px;animation:.2s cubic-bezier(.32,.72,0,1) blockAus;display:flex;box-shadow:8px 0 28px #00000061}@keyframes blockAus{0%{opacity:0;transform:translate(-14px)}}@media (prefers-reduced-motion:reduce){.werkzeugBlock{animation:none}}.werkzeugBlock header{border-bottom:1px solid var(--rand);flex:none;align-items:flex-start;gap:10px;padding:13px 14px 11px;display:flex}.werkzeugBlock h2{margin:0;font-size:14px;font-weight:600}.werkzeugBlock header p{color:var(--leise);margin:3px 0 0;font-size:10.5px;line-height:1.4}.werkzeugBlock .schliessen{border:1px solid var(--rand);width:30px;height:30px;color:var(--gedimmt);background:0 0;border-radius:8px;flex:none;font-size:17px;line-height:1}.werkzeugBlock .schliessen:hover{color:var(--text);background:#94b2d21a}.werkzeugInhalt{overscroll-behavior:contain;flex-direction:column;flex:1;gap:14px;padding:13px 14px 22px;display:flex;overflow-y:auto}.werkzeugInhalt .mReglerZeile input[type=range]{height:22px}.werkzeugInhalt .mReglerZeile input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6.5px}.werkzeugInhalt .mSchalter{min-height:46px}.werkzeugInhalt .mZeitKnoepfe button,.werkzeugInhalt .mFaktoren button,.werkzeugInhalt .mAuswahl{min-height:36px;font-size:11.5px}.lastTabelle{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:10.5px}.lastTabelle th{border-bottom:1px solid var(--rand);color:var(--leise);text-transform:uppercase;letter-spacing:.04em;text-align:right;padding:4px 3px;font-size:9px;font-weight:600}.lastTabelle th:first-child{text-align:left}.lastTabelle td{text-align:right;border-bottom:1px solid #94b2d20f;padding:4px 3px}.lastTabelle td:first-child{text-align:left;color:var(--gedimmt)}.lastTabelle .gesperrtZeile td{opacity:.5}.lastTabelle .kritischZeile td:first-child{color:#e8825a}.sperrMarke{background:#e05a3c;border-radius:50%;width:6px;height:6px;margin-left:5px;display:inline-block}.massnahmenWahl{grid-template-columns:1fr 1fr;gap:5px;display:grid}.massnahmenWahl button{border:1px solid var(--rand);min-height:46px;color:var(--text);font:inherit;text-align:left;background:#94b2d20a;border-radius:8px;flex-direction:column;gap:2px;padding:7px 8px;display:flex;position:relative}.massnahmenWahl b{font-size:10.5px;font-weight:600;line-height:1.25}.massnahmenWahl small{color:var(--leise);font-variant-numeric:tabular-nums;font-size:8.5px}.wirkDichte{border-left:3px solid #5eb0ef!important}.wirkGeometrie{border-left:3px solid #e8a05a!important}.wirkWasser{border-left:3px solid #58d68d!important}.massnahmenWahl .warnung{color:#e8825a;font-size:8px;font-weight:600;position:absolute;top:5px;right:6px}.massnahme{border:1px solid var(--rand);background:#94b2d209;border-radius:10px;flex-direction:column;gap:7px;padding:11px 12px;display:flex}.massnahme header{border:0;align-items:center;gap:8px;padding:0;display:flex}.massnahme header b{flex:1;font-size:11.5px}.massnahme .zustand{text-transform:uppercase;letter-spacing:.04em;border-radius:5px;padding:2px 6px;font-size:8.5px;font-weight:600}.zustand.geplant{color:var(--gedimmt);background:#94b2d224}.zustand.bau{color:#e8a05a;background:#e8a05a33}.zustand.fertig{color:#58d68d;background:#58d68d2e}.massnahme header button{border:1px solid var(--rand);width:22px;height:22px;color:var(--gedimmt);background:0 0;border-radius:6px;font-size:13px;line-height:1}.massnahme label{color:var(--gedimmt);grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:10.5px;display:grid}.massnahme label select[multiple]{grid-column:1/-1;width:100%}.massnahme input,.massnahme select{border:1px solid var(--rand);min-height:30px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;background:#090d12b3;border-radius:6px;padding:3px 7px;font-size:11px}.massnahme input[type=number]{text-align:right;width:82px}.warnText{color:#e8a05a!important}.statusEingebettet{flex-direction:column;gap:11px;display:flex}@media (width<=760px){.werkzeugBlock{width:calc(100vw - 62px)}}.quellenvermerk{-webkit-backdrop-filter:blur(6px);max-width:min(92vw,760px);color:var(--leise);letter-spacing:.01em;text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;user-select:none;background:#090d1285;border-radius:5px;padding:3px 9px;font-size:10.5px;line-height:1.35;position:absolute;bottom:7px;left:50%;overflow:hidden;transform:translate(-50%)}.quellenvermerk a{color:var(--gedimmt);pointer-events:auto;border-bottom:1px solid #94b2d247;text-decoration:none}.quellenvermerk a:hover{color:var(--akzent)}.app.mobilAktiv .quellenvermerk{bottom:calc(var(--sicher-unten) + var(--leiste-h) + 7px);font-size:10px}@media (width<=700px){.quellenvermerk{white-space:normal;max-width:94vw}}.mFeldZeile{color:var(--gedimmt);grid-template-columns:1fr auto;align-items:center;gap:10px;font-size:12px;display:grid}.mFeldZeile input{border:1px solid var(--rand);min-height:38px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;color-scheme:dark;background:#090d12b3;border-radius:8px;padding:4px 9px;font-size:12px}.begehungBalken{bottom:calc(env(safe-area-inset-bottom,0px) + 76px);z-index:20;border:1px solid var(--rand);-webkit-backdrop-filter:blur(18px)saturate(1.2);background:#0a0f15e6;border-radius:13px;align-items:center;gap:13px;max-width:min(760px,100vw - 40px);padding:10px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000073}.begehungBalken.gehen{border-color:#58d68d59}.begehungIcon{color:var(--akzent);font-size:19px;line-height:1}.begehungBalken>div{flex-direction:column;gap:2px;min-width:0;display:flex}.begehungBalken b{font-size:12.5px}.begehungBalken small{color:var(--gedimmt);font-size:10.5px;line-height:1.45}.begehungBalken kbd{border:1px solid var(--rand);color:var(--text);font:inherit;background:#94b2d214;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:9.5px;display:inline-block}.begehungMassstab{color:#58d68d;letter-spacing:.03em;white-space:nowrap;background:#58d68d29;border-radius:6px;flex:none;padding:3px 8px;font-size:9.5px;font-weight:600}.begehungBalken button{border:1px solid var(--rand);min-height:34px;color:var(--text);font:inherit;background:#94b2d212;border-radius:9px;flex:none;padding:0 12px;font-size:11.5px}.begehungBalken button:hover{background:#94b2d224}.begehungStart{width:100%;min-height:46px}.begehungBalken.gehen~canvas{cursor:none}.begehungKnopf{z-index:21;-webkit-backdrop-filter:blur(14px);width:56px;height:56px;color:var(--akzent);background:#101e2cc7;border:1px solid #5eb0ef6b;border-radius:50%;font-size:21px;line-height:1;transition:transform .14s;position:absolute;top:50%;right:16px;transform:translateY(-50%);box-shadow:0 6px 22px #00000073}.begehungKnopf:active{transform:translateY(-50%)scale(.93)}.begehungKnopf.aktiv{color:#58d68d;background:#163628d6;border-color:#58d68d80}.begehungTouch{z-index:15;pointer-events:none;touch-action:none;position:absolute;inset:0}.begehungTouch>*{pointer-events:auto;touch-action:none}.stickFeld{left:calc(env(safe-area-inset-left,0px) + 22px);bottom:calc(env(safe-area-inset-bottom,0px) + 150px);place-items:center;width:148px;height:148px;display:grid;position:absolute}.stickRing{-webkit-backdrop-filter:blur(3px);background:#0a0f1529;border:2px solid #dfe8f238;border-radius:50%;position:absolute;inset:0}.stickKnebel{background:#dfe8f233;border:2px solid #dfe8f280;border-radius:50%;width:58px;height:58px;transition:background .12s;position:relative}.stickKnebel.aktiv{background:#5eb0ef57;border-color:#5eb0efb3}.stickBeschriftung,.blickBeschriftung{color:#dfe8f273;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;font-size:9.5px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.blickFeld{width:46%;position:absolute;top:90px;bottom:120px;right:0}.blickBeschriftung{bottom:14px}.sprungKnopf{right:calc(env(safe-area-inset-right,0px) + 22px);bottom:calc(env(safe-area-inset-bottom,0px) + 170px);-webkit-backdrop-filter:blur(3px);color:#dfe8f2cc;background:#0a0f1547;border:2px solid #dfe8f24d;border-radius:50%;width:64px;height:64px;font-size:23px;line-height:1;position:absolute}.sprungKnopf:active{background:#5eb0ef4d}.hinweisHuelle{z-index:100;padding:max(16px, env(safe-area-inset-top,0px)) 16px max(16px, env(safe-area-inset-bottom,0px));background:radial-gradient(120% 90% at 50% 0%, #182c42f5, #060a0efc), var(--bg);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.hinweisKarte{border:1px solid var(--rand);-webkit-backdrop-filter:blur(18px)saturate(1.15);background:#0c1219eb;border-radius:18px;flex-direction:column;width:min(680px,100%);max-height:min(880px,100vh - 32px);display:flex;overflow:hidden;box-shadow:0 24px 70px #0009}.hinweisKarte header{border-bottom:1px solid var(--rand);flex:none;padding:22px 26px 16px}.hinweisMarke{color:#e8a05a;letter-spacing:.09em;text-transform:uppercase;white-space:normal;background:#e8a05a24;border:1px solid #e8a05a6b;border-radius:6px;max-width:100%;margin-bottom:9px;padding:3px 9px;font-size:9.5px;font-weight:700;line-height:1.4;display:inline-block}.hinweisKarte h1{letter-spacing:.01em;margin:0;font-size:22px;font-weight:600}.hinweisUnter{color:var(--gedimmt);margin:4px 0 0;font-size:12.5px}.hinweisText{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:4px 26px 18px;overflow-y:auto}.hinweisText section{padding:16px 0 0}.hinweisText h2{color:var(--akzent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:700}.hinweisText p{margin:0 0 8px;font-size:13px;line-height:1.62}.hinweisText b{color:#f0f5fa;font-weight:600}.hinweisListe{flex-direction:column;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.hinweisListe li{color:var(--gedimmt);padding-left:17px;font-size:12.5px;line-height:1.55;position:relative}.hinweisListe li:before{content:"";background:var(--akzent);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:3px}.hinweisListe b{font-variant-numeric:tabular-nums}.hinweisWarnung{background:#e05a3c12;border:1px solid #e05a3c52;border-radius:12px;margin-top:18px;padding:14px 16px!important}.hinweisWarnung h2{color:#e8825a}.hinweisKarte footer{padding:16px 26px max(18px, env(safe-area-inset-bottom,0px));border-top:1px solid var(--rand);background:#090d1299;flex:none}.hinweisHaken{color:var(--gedimmt);cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:14px;font-size:12px;line-height:1.5;display:flex}.hinweisHaken input{width:20px;height:20px;accent-color:var(--akzent);flex:none;margin:1px 0 0}.hinweisKnoepfe{justify-content:flex-end;gap:10px;display:flex}.hinweisKnoepfe button{border:1px solid var(--rand);min-height:46px;color:var(--text);font:inherit;background:#94b2d20f;border-radius:11px;padding:0 20px;font-size:13px}.hinweisAblehnen{color:var(--gedimmt)!important}.hinweisHaupt{font-weight:600;color:var(--akzent)!important;background:#1c3e5cb3!important;border-color:#5eb0ef73!important}.hinweisHaupt:disabled{border-color:var(--rand)!important;color:var(--leise)!important;background:#94b2d20d!important}.hinweisKarte.abschied{text-align:center;max-width:420px;padding:26px}.hinweisKarte.abschied h1{font-size:18px}.hinweisKarte.abschied p{color:var(--gedimmt);margin:10px 0 18px;font-size:13px;line-height:1.6}@media (width<=560px){.hinweisKarte{border-radius:15px;max-height:calc(100vh - 24px)}.hinweisKarte header{padding:18px 18px 13px}.hinweisKarte h1{font-size:19px}.hinweisText{padding:2px 18px 14px}.hinweisText p,.hinweisListe li{font-size:12.5px}.hinweisKarte footer{padding:14px 18px max(16px, env(safe-area-inset-bottom,0px))}.hinweisKnoepfe{flex-direction:column-reverse}.hinweisKnoepfe button{width:100%}}.infrarotKnopf{z-index:21;-webkit-backdrop-filter:blur(14px);width:56px;height:56px;color:var(--gedimmt);background:#0e141bb8;border:1px solid #94b2d247;border-radius:50%;font-size:20px;line-height:1;transition:transform .14s;position:absolute;top:calc(50% - 104px);right:16px;box-shadow:0 6px 22px #0000006b}.infrarotKnopf:active{transform:scale(.93)}.infrarotKnopf.aktiv{color:#b98ce8;background:#301e4ad9;border-color:#a06edc8c}@media (pointer:coarse){.begehungKnopf{top:calc(50% - 64px)}.infrarotKnopf{top:calc(50% - 168px)}}.hilfeKnopf{z-index:21;border:1px solid var(--rand);-webkit-backdrop-filter:blur(12px);width:44px;height:44px;color:var(--gedimmt);background:#0e141b9e;border-radius:50%;font-size:17px;font-weight:600;line-height:1;position:absolute;top:calc(50% + 48px);right:16px;box-shadow:0 4px 16px #00000059}.hilfeKnopf:hover{color:var(--text);background:#1c2836cc}@media (pointer:coarse){.hilfeKnopf{top:calc(50% + 40px)}}.einfuehrungHuelle{z-index:90;padding:max(14px, env(safe-area-inset-top,0px)) 14px max(14px, env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(6px);background:#04070ab8;place-items:center;display:grid;position:fixed;inset:0}.einfuehrungKarte{border:1px solid var(--rand);background:#0d131af7;border-radius:17px;flex-direction:column;width:min(560px,100%);max-height:min(620px,100vh - 28px);display:flex;overflow:hidden;box-shadow:0 22px 60px #0000009e}.einfuehrungKarte header{border-bottom:1px solid var(--rand);flex:none;align-items:flex-start;gap:13px;padding:18px 20px 14px;display:flex}.einfuehrungIcon{width:40px;height:40px;color:var(--akzent);background:#1c3e5c73;border:1px solid #5eb0ef4d;border-radius:11px;flex:none;place-items:center;font-size:19px;line-height:1;display:grid}.einfuehrungKarte header>div{flex:1;min-width:0}.einfuehrungZaehler{color:var(--leise);letter-spacing:.08em;text-transform:uppercase;font-size:9.5px;font-weight:600;display:block}.einfuehrungKarte h2{margin:3px 0 0;font-size:17px;font-weight:600}.einfuehrungX{border:1px solid var(--rand);width:30px;height:30px;color:var(--gedimmt);background:0 0;border-radius:8px;flex:none;font-size:17px;line-height:1}.einfuehrungInhalt{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px 20px 18px;display:flex;overflow-y:auto}.einfuehrungText{margin:0;font-size:13.5px;line-height:1.62}.einfuehrungBedienung,.einfuehrungHintergrund{border-radius:10px;margin:0;padding:11px 13px;font-size:12.5px;line-height:1.55}.einfuehrungBedienung{color:var(--text);background:#1c3e5c3d;border:1px solid #5eb0ef42}.einfuehrungHintergrund{border:1px solid var(--rand);color:var(--gedimmt);background:#94b2d20b}.bedienMarke{color:var(--akzent);letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.hintergrundMarke{color:var(--leise)}.einfuehrungKarte footer{padding:13px 20px max(15px, env(safe-area-inset-bottom,0px));border-top:1px solid var(--rand);background:#090d1299;flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.einfuehrungPunkte{flex-wrap:wrap;gap:6px;display:flex}.einfuehrungPunkte button{background:#94b2d242;border:0;border-radius:50%;width:7px;height:7px;padding:0;transition:background .14s,transform .14s}.einfuehrungPunkte button.aktiv{background:var(--akzent);transform:scale(1.35)}.einfuehrungKnoepfe{gap:8px;display:flex}.einfuehrungKnoepfe button{border:1px solid var(--rand);min-height:40px;color:var(--text);font:inherit;background:#94b2d20f;border-radius:10px;padding:0 16px;font-size:12.5px}.einfuehrungKnoepfe button:disabled{opacity:.35}.einfuehrungHaupt{font-weight:600;color:var(--akzent)!important;background:#1c3e5cb3!important;border-color:#5eb0ef73!important}@media (width<=560px){.einfuehrungKarte{max-height:calc(100vh - 24px)}.einfuehrungKarte header{padding:15px 15px 12px}.einfuehrungInhalt{padding:14px 15px 16px}.einfuehrungKarte h2{font-size:15.5px}.einfuehrungPunkte{display:none}.einfuehrungKarte footer{padding:12px 15px max(14px, env(safe-area-inset-bottom,0px))}.einfuehrungKnoepfe{width:100%}.einfuehrungKnoepfe button{flex:1}}