:root{--grund: #0a1720;--grund-2: #0f212c;--grund-3: #142c39;--linie: #1c3a48;--text: #e6f3f7;--text-2: #9db8c3;--text-3: #6a8593;--cyan: #22c8e6;--violett: #8b5cf6;--magenta: #ec3fb2;--smaragd: #25dc8c;--limette: #cdf34a;--alarm: #ff4d6d;--rand: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:var(--grund);color:var(--text);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;top:0;right:0;bottom:0;left:0}#feld{position:absolute;top:0;right:0;bottom:0;left:0}#leiste{position:absolute;top:env(safe-area-inset-top,0px);left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);display:flex;gap:8px;align-items:stretch;padding:8px;pointer-events:none}.kachel{pointer-events:auto;background:#0f212ce0;border:1px solid var(--linie);border-radius:10px;padding:6px 11px 7px;min-width:108px;display:flex;flex-direction:column;gap:1px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kachel .titel{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-weight:500}.kachel .wert{font-family:Outfit,sans-serif;font-weight:700;font-size:17px;line-height:1.15;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.kachel .wert.gross{font-size:20px}.kachel .fuss{font-size:9.5px;color:var(--text-2);letter-spacing:.03em}.kachel-uptime{min-width:148px}.kachel-uptime .wert{color:var(--smaragd)}.kachel-uptime.warnung .wert{color:var(--limette)}.kachel-uptime.kritisch .wert{color:var(--alarm)}.kachel-latenz{min-width:132px}.kachel-kapazitaet{min-width:124px}.kachel-kapazitaet .wert{color:var(--violett)}.kachel-kapazitaet.eng .wert{color:var(--limette)}.kachel-kapazitaet.ueberlast .wert{color:var(--alarm)}.kachel-kapazitaet .spur i{background:var(--violett)}.kachel-kapazitaet.eng .spur i{background:var(--limette)}.kachel-kapazitaet.ueberlast .spur i{background:var(--alarm)}.skalieren{margin-top:2px;align-self:flex-start;background:transparent;color:var(--violett);border:1px solid var(--linie);border-radius:6px;padding:2px 7px;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.skalieren:hover:not(:disabled){border-color:var(--violett)}.skalieren:disabled{opacity:.35;cursor:not-allowed}.kachel-latenz .wert{color:var(--cyan)}.kachel-latenz.teuer .wert{color:var(--limette)}.kachel-latenz.sehr-teuer .wert{color:var(--magenta)}.spur{position:relative;height:3px;margin:3px 0 2px;background:var(--grund-3);border-radius:2px;overflow:hidden}.spur i{display:block;height:100%;width:100%;background:var(--smaragd);transition:width .18s linear}.kachel-uptime.warnung .spur i{background:var(--limette)}.kachel-uptime.kritisch .spur i{background:var(--alarm)}.spur-latenz{overflow:visible}.spur-latenz i{background:var(--cyan);border-radius:2px}.kachel-latenz.teuer .spur-latenz i{background:var(--limette)}.kachel-latenz.sehr-teuer .spur-latenz i{background:var(--magenta)}.spur-latenz b{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text-2);border-radius:1px}.ecken{pointer-events:none;margin-left:auto;display:flex;gap:6px;align-items:stretch}.ecke{pointer-events:auto;background:#0f212ce0;color:var(--text-2);border:1px solid var(--linie);border-radius:10px;width:38px;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center}.ecke svg{width:13px;height:13px;display:block}.ecke:hover{color:var(--text);border-color:var(--cyan)}#knopfPause{color:var(--limette)}#knopfPause:hover{border-color:var(--limette)}.spick{width:100%;border-collapse:collapse;font-size:12px;margin-top:2px}.spick td{padding:6px 8px 6px 0;border-bottom:1px solid var(--linie);vertical-align:top}.spick tr:last-child td{border-bottom:none}.spick .form{width:20px;padding-right:0}.spick .form svg{width:13px;height:13px;display:block;margin-top:2px}.spick .nam{font-family:Outfit,sans-serif;font-weight:600;color:var(--text);white-space:nowrap}.spick .zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-2)}.spick .ms{color:var(--cyan)}.neunen{display:flex;flex-direction:column;gap:5px;margin:6px 0 2px}.neunen div{display:flex;gap:10px;align-items:baseline;font-size:12.5px}.neunen b{font-family:Outfit,sans-serif;font-weight:700;min-width:74px;font-variant-numeric:tabular-nums}#protokoll{position:absolute;right:calc(8px + env(safe-area-inset-right,0px));top:calc(78px + env(safe-area-inset-top,0px));width:clamp(280px,30vw,460px);max-height:38vh;background:#08131be6;border:1px solid var(--linie);border-radius:10px;padding:7px 10px 9px;font-size:10.5px;line-height:1.62;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#protokoll.zu{display:none}.protokollKopf{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px}#protokollZeilen{overflow-y:auto;max-height:calc(38vh - 26px);scrollbar-width:none}#protokollZeilen::-webkit-scrollbar{display:none}#protokollZeilen div{white-space:normal;padding-left:74px;text-indent:-74px;margin-bottom:1px}#protokollZeilen .t{color:var(--text-3)}#protokollZeilen .info{color:var(--cyan)}#protokollZeilen .ok{color:var(--smaragd)}#protokollZeilen .warn{color:var(--limette)}#protokollZeilen .krit{color:var(--magenta)}#bauleiste{position:absolute;bottom:calc(8px + env(safe-area-inset-bottom,0px));left:calc(8px + env(safe-area-inset-left,0px));right:calc(8px + env(safe-area-inset-right,0px));display:flex;gap:8px;align-items:flex-end;justify-content:center;flex-wrap:wrap}#tuerme{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.turmKnopf{--f: var(--cyan);position:relative;background:#0f212ce6;border:1px solid var(--linie);border-left:3px solid var(--f);border-radius:10px;padding:7px 12px 8px;min-width:128px;text-align:left;cursor:pointer;color:var(--text);font-family:inherit;display:flex;flex-direction:column;gap:1px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .12s,background .12s}.turmKnopf[hidden]{display:none}.turmKnopf:hover:not(:disabled){background:#142c39f2}.turmKnopf.gewaehlt{border-color:var(--f);background:#142c39fa;box-shadow:0 0 0 1px var(--f),0 0 22px -6px var(--f)}.turmKnopf:disabled{opacity:.4;cursor:not-allowed}.turmKnopf .kopf{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.turmKnopf .n{font-family:Outfit,sans-serif;font-weight:700;font-size:13px;letter-spacing:-.01em;white-space:nowrap}.turmKnopf .z{font-size:9.5px;color:var(--text-2);display:flex;justify-content:space-between;gap:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.turmKnopf .z .ms{color:var(--f)}.turmKnopf .k{font-family:Outfit,sans-serif;font-weight:700;font-size:11px;color:var(--limette);font-variant-numeric:tabular-nums}#steuerzeile{display:flex;gap:8px;align-items:stretch;flex:0 0 auto}.start{background:var(--limette);color:#0a1720;border:none;border-radius:10px;padding:12px 22px;cursor:pointer;font-family:Outfit,sans-serif;font-weight:700;font-size:15px;letter-spacing:-.01em;box-shadow:0 0 30px -8px var(--limette);display:inline-flex;align-items:center;justify-content:center;gap:9px}.start:disabled{background:var(--grund-3);color:var(--text-3);box-shadow:none;cursor:default}.pfeil{width:9px;height:11px;flex:none;display:block}.start:disabled .pfeil{display:none}#schleierKnoepfe .pfeil{display:none}#drehen{position:fixed;top:0;right:0;bottom:0;left:0;display:none;background:var(--grund);z-index:40;align-items:center;justify-content:center;text-align:center;color:var(--text-2);font-size:15px;padding:24px}@media(orientation:portrait)and (max-width:900px){#drehen{display:flex}}#schleier{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:none;align-items:center;justify-content:center;background:#0a1720ed;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:20px;overflow-y:auto}#schleier.offen{display:flex}#schleierKarte{background:var(--grund-2);border:1px solid var(--linie);border-radius:16px;padding:22px 26px 20px;max-width:620px;width:100%;max-height:100%;display:flex;flex-direction:column;gap:4px;overflow:hidden}#schleierKopf{flex:0 0 auto}#schleierInhalt{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}#schleierKnoepfe{flex:0 0 auto;border-top:1px solid var(--linie);padding-top:14px}#schleierKarte .marke{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin:0 0 12px}#schleierKarte h1{font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(34px,7vw,54px);line-height:.95;letter-spacing:-.035em;margin:0;color:var(--text)}#schleierKarte h1 span{color:var(--cyan);text-shadow:0 0 28px rgba(34,200,230,.45)}#schleierKarte .claim{font-family:Outfit,sans-serif;font-weight:600;font-size:15px;color:var(--limette);margin:6px 0 18px}#schleierInhalt{font-size:13px;line-height:1.6;color:var(--text-2)}#schleierInhalt h2{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:var(--text);margin:18px 0 7px;letter-spacing:-.01em}#schleierInhalt p{margin:0 0 9px}#schleierInhalt strong{color:var(--text);font-weight:600}#schleierInhalt .hell{color:var(--cyan)}.regelListe{display:flex;flex-direction:column;gap:7px;margin:0 0 4px}.regelZeile{display:flex;gap:10px;align-items:baseline}.regelZeile .pkt{width:6px;height:6px;border-radius:1px;flex:none;transform:translateY(-1px)}.punkteTabelle{width:100%;border-collapse:collapse;font-size:12px;margin-top:4px}.punkteTabelle td{padding:4px 0;border-bottom:1px solid var(--linie)}.punkteTabelle td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.punkteTabelle tr.summe td{border-bottom:none;padding-top:9px;font-size:15px;color:var(--limette);font-family:Outfit,sans-serif;font-weight:700}.bestenliste{width:100%;border-collapse:collapse;font-size:12px}.bestenliste td{padding:3px 0;border-bottom:1px solid var(--linie);color:var(--text-2)}.bestenliste td.r{text-align:right;font-variant-numeric:tabular-nums}.bestenliste tr.ich td{color:var(--limette);font-weight:600}#schleierKnoepfe{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;align-items:center}#schleierKnoepfe input{background:var(--grund-3);border:1px solid var(--linie);border-radius:9px;padding:11px 13px;color:var(--text);font-family:inherit;font-size:13px;min-width:150px;flex:1}#schleierKnoepfe input:focus{outline:2px solid var(--cyan);outline-offset:1px}#schleierKnoepfe .zweit{background:transparent;color:var(--text-2);border:1px solid var(--linie);border-radius:10px;padding:12px 18px;cursor:pointer;font-family:Outfit,sans-serif;font-weight:600;font-size:14px}#schleierKnoepfe .zweit:hover{color:var(--text);border-color:var(--cyan)}@media(max-width:900px),(max-height:560px){#protokoll{display:none}#protokoll.auf{display:block;width:224px;max-height:42vh;font-size:9.5px}#protokoll.auf #protokollZeilen{max-height:calc(42vh - 24px)}#protokoll.auf #protokollZeilen div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:0;text-indent:0}#leiste{padding:5px;gap:5px}.kachel{min-width:76px;padding:3px 8px 4px}.kachel-uptime{min-width:106px}.kachel-latenz{min-width:96px}.kachel .titel{font-size:8px;letter-spacing:.13em}.kachel .wert{font-size:13px}.kachel .wert.gross{font-size:14px}.kachel .fuss{font-size:8.5px}.spur{height:2px;margin:2px 0 1px}.ecke{width:32px;font-size:13px}#bauleiste{bottom:calc(5px + env(safe-area-inset-bottom,0px));left:calc(5px + env(safe-area-inset-left,0px));right:calc(5px + env(safe-area-inset-right,0px));gap:5px}#tuerme{gap:5px}.turmKnopf{min-width:0;padding:5px 9px 6px;border-left-width:3px;gap:1px}.turmKnopf .kopf{gap:10px}.turmKnopf .n{font-size:11.5px}.turmKnopf .z{font-size:8.5px;gap:6px}.turmKnopf .k{font-size:10.5px}.turmKnopf .k .waehrung{display:none}#steuerzeile{gap:5px}.start{padding:9px 14px;font-size:13px}#bauleiste{flex-wrap:nowrap}#tuerme{flex-wrap:nowrap;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:1px}#tuerme::-webkit-scrollbar{display:none}.turmKnopf{flex:0 0 auto}.tempo{padding:9px 10px;font-size:13px;min-width:42px}}.tempo{background:#0f212ce6;color:var(--cyan);border:1px solid var(--linie);border-radius:10px;padding:12px 14px;cursor:pointer;min-width:52px;font-family:Outfit,sans-serif;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.tempo:hover{border-color:var(--cyan)}@media(max-height:470px){#schleier{padding:10px}#schleierKarte{padding:14px 18px}#schleierKarte h1{font-size:27px}#schleierKarte .marke{margin-bottom:6px}#schleierKarte .claim{font-size:13px;margin:3px 0 8px}#schleierInhalt{font-size:12px;line-height:1.5}#schleierInhalt h2{margin:12px 0 5px;font-size:13.5px}#schleierKnoepfe{margin-top:12px}#schleierKnoepfe .start,#schleierKnoepfe .zweit{padding:9px 16px;font-size:13px}#schleierKnoepfe input{padding:9px 11px;font-size:12px}}@media(max-height:560px)and (min-width:760px){#bauleiste{left:auto;right:calc(6px + env(safe-area-inset-right,0px));top:calc(64px + env(safe-area-inset-top,0px));bottom:calc(6px + env(safe-area-inset-bottom,0px));width:186px;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:5px;flex-wrap:nowrap}#tuerme{flex-direction:column;align-items:stretch;gap:4px;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:none}#tuerme::-webkit-scrollbar{display:none}#bauleiste{gap:4px}.turmKnopf{width:100%}.turmKnopf .n{white-space:nowrap}#steuerzeile{width:100%;gap:5px}#bauleiste .tempo{flex:0 0 46px;padding:10px 4px}#bauleiste .start{flex:1 1 auto;padding:10px 8px;font-size:12.5px}#protokoll.auf{right:calc(198px + env(safe-area-inset-right,0px));width:196px}}#diagnose{position:absolute;left:calc(8px + env(safe-area-inset-left,0px));bottom:calc(4px + env(safe-area-inset-bottom,0px));font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.04em;color:var(--text-3);opacity:.55;pointer-events:none;white-space:nowrap}.werBinIch{font-size:12px;color:var(--text-2);align-self:center}.pruef{font-family:IBM Plex Mono,monospace;font-weight:600}.pruef.ja{color:var(--smaragd)}.pruef.nein{color:var(--alarm)}.pruef.offen{color:var(--text-3)}#auswahl{position:absolute;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:10px;background:#0f212cf2;border:1px solid var(--linie);border-left:3px solid var(--f, var(--cyan));border-radius:10px;padding:7px 10px 7px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}#auswahl[hidden]{display:none}#auswahl .n{font-family:Outfit,sans-serif;font-weight:700;font-size:12.5px}#auswahl .d{font-size:10px;color:var(--text-2);font-variant-numeric:tabular-nums}#auswahl .stufe{font-family:IBM Plex Mono,monospace;font-weight:500;font-size:9.5px;letter-spacing:.08em;color:var(--f, var(--cyan));margin-left:5px}#auswahl button{background:transparent;color:var(--alarm);border:1px solid var(--linie);border-radius:8px;padding:6px 11px;cursor:pointer;font-family:Outfit,sans-serif;font-weight:600;font-size:11.5px}#auswahl button:hover{border-color:var(--alarm)}#auswahl button.hoch{color:var(--limette);display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 11px 6px}#auswahl button.hoch:hover:not(:disabled){border-color:var(--limette)}#auswahl button.hoch:disabled{opacity:.4;cursor:not-allowed}#auswahl button.hoch .t{font-size:11.5px}#auswahl button.hoch .u{font-family:IBM Plex Mono,monospace;font-weight:400;font-size:9px;color:var(--text-2);letter-spacing:.02em}@media(max-height:560px)and (min-width:760px){#auswahl{left:auto;transform:none;right:calc(198px + env(safe-area-inset-right,0px));bottom:calc(6px + env(safe-area-inset-bottom,0px))}}#zeroDay{position:absolute;left:50%;transform:translate(-50%);top:calc(72px + env(safe-area-inset-top,0px));display:flex;align-items:center;gap:9px;background:#260c1af0;border:1px solid var(--magenta);border-radius:10px;padding:7px 13px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;box-shadow:0 0 34px -10px var(--magenta);animation:pochen 1.9s ease-in-out infinite}#zeroDay[hidden]{display:none}#zeroDay .marke{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.16em;color:var(--magenta)}#zeroDay .txt{font-size:11.5px;color:var(--text)}#zeroDay .txt b{font-family:Outfit,sans-serif;font-weight:700}#zeroDay .offen{font-size:10px;color:var(--text-2)}#zeroDay .offen .kurz{display:none}@media(max-height:560px){#zeroDay .offen .kurz{display:inline}}@keyframes pochen{0%,to{box-shadow:0 0 34px -10px var(--magenta)}50%{box-shadow:0 0 34px -2px var(--magenta)}}#auswahl button.patch{color:var(--magenta)}#auswahl button.patch:hover:not(:disabled){border-color:var(--magenta)}#auswahl button.patch:disabled{opacity:.4;cursor:not-allowed}@media(max-height:560px){#zeroDay{top:calc(58px + env(safe-area-inset-top,0px));padding:5px 10px;gap:7px}#zeroDay .txt{font-size:10.5px}#zeroDay .offen .lang{display:none}}.briefingMarke{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--limette);margin:0 0 4px!important}.briefingTitel{margin-top:0!important;font-size:18px!important}.neuListe{display:flex;flex-direction:column;gap:8px;margin:12px 0 14px}.neuKarte{border:1px solid var(--linie);border-left:3px solid var(--f);border-radius:10px;padding:9px 12px;background:var(--grund-3)}.neuKarte .kopf{display:flex;align-items:center;gap:8px}.neuKarte .kopf svg{width:15px;height:15px;color:var(--f);flex:none}.neuKarte .nam{font-family:Outfit,sans-serif;font-weight:700;font-size:14px;color:var(--text)}.neuKarte .preis{margin-left:auto;font-family:Outfit,sans-serif;font-weight:700;font-size:12px;color:var(--limette);font-variant-numeric:tabular-nums}.neuKarte .werte{font-family:IBM Plex Mono,monospace;font-size:9.5px;color:var(--f);margin-top:2px;letter-spacing:.03em}.neuKarte .was{font-size:12px;color:var(--text-2);line-height:1.5;margin-top:4px}.rat{margin-top:14px;padding:10px 13px;background:color-mix(in srgb,var(--limette) 9%,transparent);border-left:3px solid var(--limette);border-radius:0 9px 9px 0;font-size:13px;color:var(--text);line-height:1.55}.ratMarke{display:block;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--limette);margin-bottom:3px}#schleierKnoepfe .still{background:transparent;color:var(--text-3);border:none;padding:12px 8px;cursor:pointer;font-family:IBM Plex Sans,sans-serif;font-size:12px;text-decoration:underline;text-underline-offset:3px}#schleierKnoepfe .still:hover{color:var(--text-2)}