:root{--grund:#0e1726;--karte:#17263c;--karte-rand:#24405f;--schrift:#e8eef7;--schrift-leise:#8ba3c0;--blau:#3b82f6;--blau-hell:#60a5fa;--gruen:#22c55e;--rot:#ef4444;--gelb:#f5b53e;--fusshoehe:108px}*{box-sizing:border-box}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar{width:0;height:0;display:none}body{padding:0 20px calc(var(--fusshoehe) + 28px);background:var(--grund);color:var(--schrift);margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}.huelle{max-width:940px;margin:0 auto}header{z-index:20;background:linear-gradient(var(--grund) 78%, #0e172600);padding:20px 0 12px;position:sticky;top:0}.kopfzeile{grid-template-columns:38px 1fr 38px;align-items:center;margin-bottom:14px;display:grid}.kopf-platzhalter{width:38px}h1{letter-spacing:-.01em;text-align:center;margin:0;font-size:20px}.symbolknopf{cursor:pointer;background:var(--karte);width:38px;height:38px;color:var(--schrift-leise);border:1px solid var(--karte-rand);border-radius:10px;justify-content:center;align-items:center;display:flex}.symbolknopf:hover{color:var(--schrift);background:#22385a}nav{gap:8px;display:flex}nav button{cursor:pointer;background:var(--karte);color:var(--schrift-leise);border:1px solid var(--karte-rand);font:inherit;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:9px;padding:11px 18px;font-size:14.5px;font-weight:600;display:flex}nav button[aria-selected=true]{background:var(--blau);color:#fff;border-color:var(--blau-hell)}nav button:hover:not([aria-selected=true]){color:var(--schrift);background:#22385a}.karte{background:var(--karte);border:1px solid var(--karte-rand);border-radius:12px;margin-bottom:16px;padding:18px 20px}.leise{color:var(--schrift-leise);font-size:13px}.typen{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.typ-kopf{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.typ-titel{align-items:baseline;gap:0;min-width:0;display:flex}.typ-kopf .kipp{flex:none;align-self:center}.typ-name{text-transform:capitalize;font-size:17px;font-weight:650}.typ-rest{color:var(--gelb);font-variant-numeric:tabular-nums;margin-left:6px;font-size:15px;font-weight:600}.typ-rest.jetzt{color:var(--gruen)}.aufgabe-rest{color:var(--gelb);font-variant-numeric:tabular-nums;letter-spacing:0;font-weight:650}.aufgabe-rest.jetzt{color:var(--gruen)}.feld{margin-bottom:14px}.feld-titel{color:var(--schrift-leise);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px}.gruppe{gap:6px;display:flex}.gruppe button{cursor:pointer;white-space:nowrap;color:var(--schrift-leise);border:1px solid var(--karte-rand);font:inherit;background:#1e3355;border-radius:7px;flex:1;padding:7px 4px;font-size:13px}.gruppe button[aria-pressed=true]{background:var(--blau);color:#fff;border-color:var(--blau-hell)}.gruppe button:hover:not([aria-pressed=true]){color:var(--schrift);background:#26456f}.stufen{flex-wrap:nowrap;gap:4px;display:flex}.stufen button{cursor:pointer;min-width:0;color:var(--schrift-leise);border:1px solid var(--karte-rand);font:inherit;letter-spacing:-.02em;background:#1e3355;border-radius:6px;flex:1 1 0;padding:8px 1px;font-size:12px;font-weight:600}.stufen button[aria-pressed=true]{background:var(--gelb);color:#22303f;border-color:#ffd98a}.stufen button:hover:not([aria-pressed=true]){color:var(--schrift);background:#26456f}.kipp{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:inline-flex}.kipp input{opacity:0;pointer-events:none;position:absolute}.kipp .bahn{background:#2c3f5c;border-radius:12px;flex:none;width:40px;height:23px;transition:background .15s;position:relative}.kipp .bahn:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .15s;position:absolute;top:3px;left:3px}.kipp input:checked+.bahn{background:var(--gruen)}.kipp input:checked+.bahn:after{transform:translate(17px)}.kipp input:focus-visible+.bahn{outline:2px solid var(--blau-hell);outline-offset:2px}.kipp-text{color:var(--schrift-leise);font-size:13px}.gruppe.reihen,.gruppe.takt{gap:6px}.gruppe.reihen button,.gruppe.takt button{flex:none;min-width:34px;padding:4px 0;font-size:12.5px}.zeile-rechts{flex-direction:column;flex:none;align-items:flex-end;gap:10px;display:flex}.hilfe-zeile{border-top:1px solid var(--karte-rand);justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding-top:14px;display:flex}.hilfe-zeile:first-of-type{border-top:0;margin-top:0;padding-top:0}.ziel-eingabe{text-align:right;width:130px;color:var(--schrift);border:1px solid var(--karte-rand);font:inherit;background:#1e3355;border-radius:7px;padding:7px 10px;font-size:13px}.ziel-eingabe:focus{outline:2px solid var(--blau-hell);border-color:var(--blau-hell)}.ziel-einheit{color:var(--schrift-leise);flex:none;margin-left:8px;font-size:13px}.ziel-feld{flex:none;align-items:center;display:flex}.einstellzeile{grid-template-columns:8fr 5fr 6fr;gap:18px;display:grid}.gruppe.eng{gap:4px}.gruppe.eng button{min-width:0;padding:6px 2px;font-size:12px}@media (width<=640px){.einstellzeile{grid-template-columns:1fr;gap:12px}}.tempo-spalte{text-align:right;flex:none;margin-left:auto;margin-right:18px}.tempo-kopf{color:var(--schrift-leise);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.tempo-wert{font-variant-numeric:tabular-nums;font-size:13px}.kartenkopf{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:4px;display:flex}.einheit-rest{text-align:right;min-width:76px;color:var(--gelb);font-variant-numeric:tabular-nums;flex:none;font-size:15px;font-weight:650}.einheit-rest.jetzt{color:var(--gruen)}.aktion{cursor:pointer;color:var(--schrift);border:1px solid var(--karte-rand);font:inherit;white-space:nowrap;background:#1e3355;border-radius:7px;padding:7px 14px;font-size:13px}.aktion:hover:not(:disabled){background:#26456f}.aktion:disabled{opacity:.55;cursor:default}.fgruppe button{flex:none;min-width:42px;padding:4px 8px;font-size:12.5px}.stufenwahl button{position:relative}.stufenwahl button.gesetzt:after{content:"";background:var(--gelb);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:3px;left:50%}.stufenwahl button[aria-pressed=true].gesetzt:after{background:#fff}.meldung{color:var(--schrift-leise);border-top:1px solid var(--karte-rand);min-height:18px;margin-top:12px;padding-top:12px;font-size:12.5px}.meldung.gut{color:var(--gruen)}.lage-zeile{align-items:center;gap:8px;font-size:14px;display:flex}.verlauf-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex}.summenzusatz{text-transform:none;letter-spacing:0;color:var(--gelb);font-weight:650}.gruppe.zeitraum{flex:none}.gruppe.zeitraum button{white-space:nowrap;flex:none;padding:5px 14px;font-size:12.5px}.verlauf{width:100%}.v-zeile{grid-template-columns:24px minmax(80px,1.2fr) 72px .8fr 1fr 1.2fr 1.3fr;align-items:center;gap:10px;padding:8px 4px;display:grid}.v-kopf{color:var(--schrift-leise);text-transform:uppercase;letter-spacing:.05em;padding-bottom:4px;font-size:11.5px;font-weight:600}.v-gruppe{border-top:1px solid var(--karte-rand);cursor:pointer}.v-gruppe:hover{background:#1b2c46}.v-pfeil{color:var(--schrift-leise);font-size:11px}.v-einzeln{color:var(--schrift-leise);background:#101d31;border-top:1px solid #1b2c46;font-size:12.5px}.v-rechts{text-align:right}.r-zeile{font-variant-numeric:tabular-nums;grid-template-columns:42px .95fr .72fr .8fr .9fr .82fr .8fr 1fr .95fr;align-items:center;gap:6px;padding:7px 4px;font-size:12.5px;display:grid}.r-kopf{color:var(--schrift-leise);text-transform:uppercase;letter-spacing:.02em;padding-bottom:4px;font-size:10.5px;font-weight:600;line-height:1.25}.r-daten{border-top:1px solid var(--karte-rand);font-size:13px}.r-leer{color:var(--schrift-leise)}.punkte-feld{text-align:right;width:100%;color:var(--schrift);font:inherit;border:1px solid var(--karte-rand);font-variant-numeric:tabular-nums;background:#1e3355;border-radius:6px;padding:4px 6px;font-size:12.5px}.punkte-feld:focus{outline:2px solid var(--blau-hell);border-color:var(--blau-hell)}.einheiten{color:var(--schrift);font-weight:650}.stufenmarke{min-width:30px;color:var(--gelb);text-align:center;background:#f5b53e29;border-radius:5px;padding:1px 6px;font-weight:650;display:inline-block}.hinweis{border-radius:9px;margin-bottom:14px;padding:11px 14px;font-size:13.5px}.hinweis.warnung{color:#f7cd83;background:#f5b53e21;border:1px solid #f5b53e66}.hinweis.fehler{color:#fca5a5;background:#ef444421;border:1px solid #ef444466}pre.protokoll{border:1px solid var(--karte-rand);color:#a8c0dc;white-space:pre-wrap;background:#0a1220;border-radius:9px;max-height:240px;margin:0;padding:12px 14px;font-family:SF Mono,Menlo,monospace;font-size:12px;line-height:1.55;overflow:auto}.fuss-einstellungen{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.kennzahl{border:1px solid var(--karte-rand);background:#122034;border-radius:10px;padding:14px 16px}.kennzahl .wert{font-size:22px;font-weight:650}.kennzahl .bezeichnung{color:var(--schrift-leise);text-transform:uppercase;letter-spacing:.05em;margin-top:3px;font-size:12px}footer{z-index:30;border-top:1px solid var(--karte-rand);background:#101d31;padding:14px 20px;position:fixed;bottom:0;left:0;right:0}.fussinhalt{grid-template-columns:repeat(3,1fr);gap:14px;max-width:940px;margin:0 auto;display:grid}.fussfeld{text-align:center;flex-direction:column;align-items:stretch;gap:6px;min-width:0;display:flex}.fussname{color:var(--schrift-leise);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:650}.fusszeile{color:var(--schrift-leise);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.schalter{cursor:pointer;color:#fff;white-space:nowrap;border:0;border-radius:10px;width:100%;padding:12px 10px;font-family:inherit;font-size:15px;font-weight:650;transition:filter .15s,background .2s}.schalter:hover:not(:disabled){filter:brightness(1.12)}.schalter:disabled{opacity:.5;cursor:not-allowed}.schalter.aus{background:var(--gruen)}.schalter.wartet{background:var(--gelb);color:#22303f}.schalter.arbeitet{background:var(--rot)}@media (width<=560px){.fussinhalt{grid-template-columns:1fr}:root{--fusshoehe:268px}}dialog.protokollfenster{background:var(--karte);width:min(880px,92vw);max-height:80vh;color:var(--schrift);border:0;border:1px solid var(--karte-rand);border-radius:14px;padding:0}dialog.protokollfenster::backdrop{background:#060b14a6}.fensterkopf{border-bottom:1px solid var(--karte-rand);flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px;display:flex}.fensterkopf strong{margin-right:auto;font-size:16px}.gruppe.quelle{flex:none}.gruppe.quelle button{flex:none;padding:6px 13px;font-size:12.5px}.protokollfenster .protokoll{background:#0a1220;border:0;border-radius:0;max-height:60vh}.protokoll-inhalt{white-space:normal;color:var(--schrift);padding:6px 0;font-family:inherit;font-size:13px}.p-lauf{cursor:pointer;border-bottom:1px solid #16243a;grid-template-columns:22px 148px 158px 72px 1fr;align-items:center;gap:10px;padding:9px 14px;display:grid}.p-lauf:hover{background:#16243a}.p-lauf-fehler{border-left:3px solid var(--rot)}.p-pfeil{color:var(--schrift-leise);font-size:11px}.p-bot{font-weight:650}.p-zeit,.p-dauer{color:var(--schrift-leise);white-space:nowrap;font-family:SF Mono,Menlo,monospace;font-size:12.5px}.p-info{color:var(--schrift-leise);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.p-inhalt{background:#0a1220;padding:6px 0 8px}.p-zeile{color:#a8c0dc;grid-template-columns:72px 52px 150px 1fr;gap:12px;padding:2px 14px 2px 46px;font-family:SF Mono,Menlo,monospace;font-size:12px;display:grid}.p-zeile-uhr,.p-zeile-ort{color:var(--schrift-leise);white-space:nowrap}.p-zeile-art{color:#7fb0e8}.p-zeile-anker{color:#64809f}.p-zeile.p-spalten{color:var(--schrift-leise);letter-spacing:.04em;text-transform:uppercase;padding-top:4px;padding-bottom:5px;font-family:inherit;font-size:11px}.p-fehler{color:#fca5a5;background:#ef44441a}.p-leer{color:var(--schrift-leise);padding:20px 14px}.melder{right:18px;bottom:calc(var(--fusshoehe) + 16px);background:var(--karte);border:1px solid var(--karte-rand);z-index:40;opacity:0;pointer-events:none;border-radius:9px;padding:11px 16px;font-size:13.5px;transition:opacity .2s,transform .2s;position:fixed;transform:translateY(8px)}.melder.zeigen{opacity:1;transform:none}.melder.fehler{border-color:var(--rot);color:#fca5a5}.anmeldung{max-width:380px;margin:14vh auto 0}.anmeldung .karte{text-align:center}.anmeldung h1{margin:0 0 6px}.anmelde-feld{width:100%;color:var(--schrift);border:1px solid var(--karte-rand);font:inherit;background:#1e3355;border-radius:9px;margin:16px 0 12px;padding:11px 13px;font-size:15px}.anmelde-feld:focus{outline:2px solid var(--blau-hell);border-color:var(--blau-hell)}.anmelde-knopf{cursor:pointer;background:var(--blau);color:#fff;width:100%;font:inherit;border:0;border-radius:9px;padding:12px;font-size:15px;font-weight:650}.anmelde-knopf:disabled{opacity:.55;cursor:default}.frische{color:var(--schrift-leise);text-align:center;font-variant-numeric:tabular-nums;margin-top:8px;font-size:12px}.frische.alt{color:var(--gelb)}.eingefroren .karte,footer.eingefroren .fussinhalt{opacity:.5;filter:grayscale(.7)}.wartet-marke{color:var(--blau-hell);white-space:nowrap;margin-left:8px;font-size:12px;font-weight:600}.gruppe button.wartet-wert,.stufen button.wartet-wert{border-color:var(--blau-hell);box-shadow:inset 0 0 0 1px var(--blau-hell)}.karte.wartet-karte{border-color:var(--blau)}.protokollfenster{margin:auto;position:fixed;inset:0}.tab-leiste{margin-bottom:4px}@media (width<=560px){nav button{padding:10px 6px;font-size:13px}}.breit-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.breit-scroll .verlauf{min-width:600px}.breit-scroll .rechner-tabelle{min-width:780px}html,body{max-width:100%;overflow-x:hidden}header{background:linear-gradient(var(--grund) 92%, #0e172600)}@media (width<=640px){.zeile-stapel{flex-direction:column;align-items:stretch;gap:10px}.zeile-stapel .zeile-rechts{flex-direction:row;align-items:center;gap:12px;width:100%}.zeile-stapel .gruppe.takt{flex:auto;min-width:0}.zeile-stapel .gruppe.takt button{flex:1 1 0;min-width:0;padding:6px 0}.kartenkopf{flex-direction:column;align-items:stretch;gap:10px}.zeile-umbruch{flex-wrap:wrap;row-gap:8px}.zeile-umbruch>:first-child{flex:1 0 100%}.zeile-umbruch .tempo-spalte{text-align:left;margin-left:0;margin-right:auto}.zeile-umbruch .einheit-rest{margin-left:auto}.zeile-stapel .gruppe.fgruppe{width:100%}.zeile-stapel .gruppe.fgruppe button{flex:1 1 0;min-width:0}}.protokollfenster{box-shadow:0 24px 60px #0000008c}@media (width<=640px){.protokollfenster{width:94vw;max-height:84vh}.fensterkopf{gap:10px;padding:12px 14px}.fensterkopf strong{margin-right:auto}.fensterkopf .gruppe.quelle{flex:1 0 100%;order:3;overflow-x:auto}.fensterkopf .gruppe.quelle button{flex:none}.protokollfenster .protokoll{max-height:62vh}}.anmelde-feld{margin:0 0 10px}.anmelde-feld:first-of-type{margin-top:16px}