@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800&display=swap";:root{--grund: #141312;--karte: #1a1918;--karte-hoch: #262423;--kopfgrund: #201e1d;--linie: #3a3736;--linie-stark: #605d5d;--text: #f3f2f2;--text-leise: #9b9797;--akzent: #ec3013;--akzent-hell: #ff563c;--akzent-tief: #dd2b0f;--auf-akzent: #f3f2f2;--gut: #8fbe7a;--schlecht: #ff563c;--warn: #ff9783;--ort-start: #c4b49a;--ort-aufstellung: #7fb4ff;--ort-woche: #b4c85a;--ort-markt: #e0a36a;--ort-kader: #7ec8a8;--ort-liga: #7fb4ff;--ort-pokal: #ffd166;--ort-finanzen: #d4c05a;--ort-vertraege: #d4a0b8;--ort-sponsoren: #e0915a;--ort-jugend: #8fe08f;--ort-gelaende: #c4a484;--ort-vorstand: #b8a8d4;--ort-nachrichten: #d4a8b8;--ort-verein: #8aa0c4;--radius: 0px;--leiste: 58px;--schrift: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--grund);color:var(--text);font:400 15px/1.5 var(--schrift);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;color:inherit}.app{display:flex;flex-direction:column;min-height:100%;max-width:720px;margin:0 auto;position:relative}.kopf{position:sticky;top:0;z-index:10;display:flex;align-items:flex-end;gap:calc(8px + (1 - var(--kopf, 0)) * 2px);padding:calc(6px + env(safe-area-inset-top) + (1 - var(--kopf, 0)) * 8px) calc(12px + (1 - var(--kopf, 0)) * 2px) calc(6px + (1 - var(--kopf, 0)) * 6px);min-height:calc(48px + (1 - var(--kopf, 0)) * 70px);overflow:hidden;background-image:linear-gradient(to bottom,#201e1d1f,#201e1d47,#201e1dc7 76%,#201e1df0),url(/assets/stadion-C0wuQjxp.jpg);background-size:cover;background-repeat:no-repeat;background-position:0 0,center 28%;border-bottom:1px solid var(--linie)}.kopf[data-ort=kader]{background-position:0 0,center 72%}.kopf[data-ort=markt]{background-position:0 0,center 48%}.kopf[data-ort=woche]{background-position:0 0,center 38%}.kopf[data-ort=aufstellung],.kopf[data-ort=liga],.kopf[data-ort=pokal],.kopf[data-ort=bericht]{background-position:0 0,center 18%}.kopf[data-ort=nachrichten]{background-position:0 0,center 8%}.kopf[data-ort=verein]{background-position:0 0,center 22%}.kopf[data-ort=gelaende]{background-position:0 0,center 58%}.kopf[data-ort=jugend]{background-position:0 0,center 42%}.kopf[data-ort=sponsoren]{background-position:0 0,center 36%}.kopf[data-ort=finanzen]{background-position:0 0,center 62%}.kopf[data-ort=vorstand]{background-position:0 0,center 12%}[data-ort=start]{--ort: var(--ort-start)}[data-ort=aufstellung]{--ort: var(--ort-aufstellung)}[data-ort=woche]{--ort: var(--ort-woche)}[data-ort=markt]{--ort: var(--ort-markt)}[data-ort=kader],[data-ort=spieler]{--ort: var(--ort-kader)}[data-ort=liga]{--ort: var(--ort-liga)}[data-ort=pokal]{--ort: var(--ort-pokal)}[data-ort=bericht]{--ort: var(--ort-aufstellung)}[data-ort=finanzen]{--ort: var(--ort-finanzen)}[data-ort=vertraege]{--ort: var(--ort-vertraege)}[data-ort=sponsoren]{--ort: var(--ort-sponsoren)}[data-ort=jugend]{--ort: var(--ort-jugend)}[data-ort=gelaende]{--ort: var(--ort-gelaende)}[data-ort=vorstand]{--ort: var(--ort-vorstand)}[data-ort=nachrichten]{--ort: var(--ort-nachrichten)}[data-ort=verein]{--ort: var(--ort-verein)}[data-ort=anstehend]{--ort: var(--akzent-hell)}[data-ort=rueckblick]{--ort: var(--ort-start)}.kopf>:not(.kopfszene){position:relative;z-index:1}.kopfszene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding-right:72px;color:var(--ort, #d8d4d2);opacity:calc(.34 * (1 - var(--kopf, 0)) * (1 - var(--kopf, 0)));pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 16%,#000 42%,#000 70%,transparent);mask-image:linear-gradient(to right,transparent 16%,#000 42%,#000 70%,transparent)}.kopf .wappen{flex:none;background:repeating-linear-gradient(90deg,var(--akzent) 0 5px,var(--auf-akzent) 5px 10px);clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%)}.kopf .titel{font-weight:800;font-size:15px;line-height:1;letter-spacing:-.015em;text-shadow:0 1px 10px rgba(20,19,18,.85)}.kopf .unter{margin-top:calc(5px * (1 - var(--kopf, 0)));max-height:calc(14px * (1 - var(--kopf, 0)));opacity:calc((1 - var(--kopf, 0)) * (1 - var(--kopf, 0)));overflow:hidden;font-size:10.5px;line-height:1;color:var(--text-leise);text-shadow:0 1px 8px rgba(20,19,18,.8)}.kopf .rechts{margin-left:auto;text-align:right}.kopf .vertrauen{background:none;border:0;padding:0;cursor:pointer}.kopf .geld{display:block;font-weight:800;font-size:13px;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.inhalt{flex:1;padding:0 0 calc(var(--leiste) + 24px);display:flex;flex-direction:column}.leiste{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);background:#201e1dee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--linie);padding-bottom:env(safe-area-inset-bottom)}.leiste button{background:none;border:0;cursor:pointer;padding:8px 2px 10px;display:grid;gap:3px;justify-items:center;color:var(--text-leise);font-size:11px;min-width:0;white-space:nowrap}.leiste button .sym{font-size:18px;line-height:1}.leiste button[data-aktiv=true]{color:var(--akzent-hell)}@media (min-width: 720px){.leiste{max-width:720px;margin:0 auto;border-radius:0}}.karte{background:var(--karte-hoch);border:0;border-bottom:1px solid var(--linie);padding:11px 14px 13px}.karte.wichtig{background:var(--karte);box-shadow:inset 3px 0 0 var(--akzent)}.zeile{display:flex;align-items:center;gap:10px}.zeile+.zeile{margin-top:9px;padding-top:9px;border-top:1px solid var(--linie)}.schieb{margin-left:auto}.leise{color:var(--text-leise);font-size:13px}.klein{font-size:12px}.gut{color:var(--gut)}.schlecht{color:var(--schlecht)}.warn{color:var(--warn)}.gross{font-size:26px;font-weight:700;letter-spacing:-.02em}.knopf{border:1px solid var(--linie);background:var(--karte-hoch);border-radius:0;padding:11px 14px;cursor:pointer;font-weight:600}.knopf:disabled{opacity:.5;cursor:default}.knopf.haupt{background:var(--akzent);color:var(--auf-akzent);border-color:transparent;width:100%;padding:14px;font-size:15px}.knopf.schmal{padding:7px 11px;font-size:13px;font-weight:500}.knopf.schmal .zeichen{display:block}.chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.chips::-webkit-scrollbar{display:none}.chip{flex:none;border:1px solid var(--linie);background:var(--karte-hoch);border-radius:0;padding:6px 12px;font-size:13px;cursor:pointer;white-space:nowrap}.chip[data-aktiv=true]{background:var(--akzent);color:var(--auf-akzent);border-color:transparent;font-weight:600}.menge,.chip .menge{display:block}.standzeile{display:inline-flex;align-items:center;gap:6px}.pos{flex:none;width:34px;height:26px;border-radius:0;background:var(--karte-hoch);border:1px solid var(--linie);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--text-leise);letter-spacing:.03em}.pos[data-teil=tor]{color:#ffd166}.pos[data-teil=abwehr]{color:#7fb4ff}.pos[data-teil=mittelfeld]{color:#8fe08f}.pos[data-teil=sturm]{color:#ff9d7a}.staerke{flex:none;min-width:30px;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.name{font-weight:550}.grund{font-size:12px;color:var(--warn)}.grund.positiv{color:var(--gut)}.merkmal{display:inline-block;font-size:11px;padding:2px 7px;border-radius:0;background:var(--karte-hoch);border:1px solid var(--linie);color:var(--text-leise);margin:2px 4px 0 0}.feld{position:relative;isolation:isolate;background:color-mix(in srgb,var(--ort, var(--linie-stark)) 9%,var(--grund));border-bottom:1px solid var(--linie);aspect-ratio:3 / 4;min-height:400px;max-height:540px}.spielfeld{position:absolute;top:6px;right:8px;bottom:6px;left:8px;width:calc(100% - 16px);height:calc(100% - 12px);pointer-events:none;color:var(--ort, var(--linie-stark));opacity:.45;z-index:0}.platz{position:absolute;z-index:1;transform:translate(-50%,-50%);min-height:54px;border:1px solid color-mix(in srgb,var(--ort, var(--linie)) 40%,var(--linie));background:color-mix(in srgb,var(--karte-hoch) 90%,transparent);padding:4px 3px 5px;display:grid;gap:1px;justify-items:center;align-content:center;cursor:pointer;text-align:center}.platz[data-gewaehlt=true]{border:1px solid var(--akzent);background:var(--karte-hoch);z-index:2}.platz .p-pos{font-size:8.5px;font-weight:800;letter-spacing:.06em;background:var(--akzent);color:var(--auf-akzent);padding:1px 4px}.platz .p-name{font-size:10px;font-weight:600;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.platz .p-staerke{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.platz .p-fit{margin-left:auto;font-size:9px;font-weight:700;border:1px solid currentColor;padding:1px 3px}table.tab{width:100%;border-collapse:collapse;font-size:14px}table.tab th{text-align:left;font-size:11px;font-weight:600;color:var(--text-leise);text-transform:uppercase;letter-spacing:.05em;padding:0 4px 8px}table.tab td{padding:8px 4px;border-top:1px solid var(--linie)}table.tab td.zahl{text-align:right;font-variant-numeric:tabular-nums}table.tab tr[data-mein=true] td{background:var(--karte-hoch);font-weight:600}table.tab td.rang{color:var(--text-leise);width:22px}table.tab tr[data-zone=auf] td.rang{color:var(--gut);font-weight:700}table.tab tr[data-zone=ab] td.rang{color:var(--schlecht);font-weight:700}table.tab tbody tr[data-klickbar=true]{cursor:pointer}table.tab tbody tr[data-klickbar=true]:hover td{background:var(--karte-hoch)}.wahl[data-aktiv=true]{box-shadow:inset 2px 0 0 var(--akzent)}.wahlmarke{flex:none;width:14px;height:14px;border:1.6px solid currentColor;color:var(--text-leise)}.wahl[data-aktiv=true] .wahlmarke{background:var(--akzent);border-color:var(--akzent);color:var(--akzent)}.schalterreihe{display:flex;align-items:center;gap:4px;color:var(--text-leise)}.einstieg{padding-bottom:24px}.torbox{padding-bottom:12px}.torbox.tor{background:#1b2f20}.torboxgefahr{height:3px;margin:8px 0 10px;background:var(--linie);overflow:hidden}.torboxgefahr>span{display:block;height:100%;background:var(--akzent)}.torboxfeld{display:block;width:100%;color:var(--linie-stark)}.torbox.tor .torboxfeld{color:#7d9c76}.torboxfigur{color:var(--text-leise)}.torboxball{color:var(--text);transform-box:fill-box;transform-origin:center;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.torboxsatz{margin-top:10px;font-weight:650;text-align:center}.torboxsatz.gut{color:var(--gut)}@media (prefers-reduced-motion: reduce){.torboxball{transition:none}}.ticker{display:grid;gap:0}.tick{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--linie);align-items:baseline}.tick:first-child{border-top:0}.tick .min{color:var(--text-leise);font-variant-numeric:tabular-nums;font-size:13px}.tick.tor{background:#1b2f20;margin:0 -14px;padding:11px 14px}.tick.tor .txt{font-weight:650}.stand{display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 0 12px}.stand .ergebnis{font-size:34px;font-weight:700;font-variant-numeric:tabular-nums}.stand .verein{flex:1;text-align:center;font-weight:600}.standkarte{position:sticky;top:50px;z-index:8;background:var(--karte-hoch)}.tickerleiste{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--linie)}.wochentage{display:flex;gap:4px;margin-bottom:10px}.wochentag{flex:1;text-align:center;padding:8px 0;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-leise);background:var(--karte)}.wochentag[data-war=true]{color:var(--text)}.wochentag[data-aktiv=true]{color:var(--text);box-shadow:inset 0 -2px 0 var(--akzent)}.inhalt[data-inszenierung=true]{padding-bottom:24px}.blattgrund{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000a;display:flex;align-items:flex-end;justify-content:center}.blatt{width:100%;max-width:720px;max-height:82vh;overflow-y:auto;background:var(--karte);border-radius:0;border-top:1px solid var(--linie);padding:16px 14px calc(20px + env(safe-area-inset-bottom))}.blatt h3{margin:0 0 4px;font-size:17px}.wahl{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--linie);padding:11px 2px;cursor:pointer}.wahl:disabled{opacity:.4}.hinweis{border-left:3px solid var(--warn);padding:8px 0 8px 10px;font-size:13px;color:#f0cf9e}.leer{text-align:center;color:var(--text-leise);padding:26px 10px}.leer .zeichen,.leer .platzgrafik{display:block;margin:0 auto 10px;color:var(--ort, var(--linie-stark))}.leer p{margin:0}.platzgrafik{color:var(--ort, var(--linie-stark))}.karte h2.titel{display:flex;align-items:center;gap:7px}.karte h2.titel .zeichen{color:var(--ort, var(--text-leise));flex:none}.fehler{color:var(--schlecht);font-size:13px}.urteil{font-size:30px;font-weight:700;letter-spacing:-.5px;padding:22px 0 4px;text-align:center}.urteil.gut{color:var(--gut)}.urteil.schlecht{color:var(--schlecht)}.risikobahn{flex:1;height:9px;background:var(--karte-hoch);border-radius:0;overflow:hidden}.risikofuellung{height:100%}.leise-fuellung{background:var(--text-leise)}.zahl{width:42px;text-align:right;font-variant-numeric:tabular-nums}.chip.termin{border-color:var(--akzent);color:var(--akzent-hell);background:transparent}.hinweis.gut{border-left-color:var(--gut);color:#a9e0bd}.hinweis.schlecht{border-left-color:var(--schlecht);color:#f0b3ac}input[type=range]{accent-color:var(--akzent)}.baum{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.baumrunde{flex:none;min-width:132px}.baumkopf{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-leise);margin-bottom:6px}.baumpaar{border:1px solid var(--linie);border-radius:0;margin-bottom:8px;overflow:hidden}.baumverein{font-size:12px;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baumverein+.baumverein{border-top:1px solid var(--linie)}.baumverein.meiner{font-weight:700}.baumverein.sieger{color:var(--gut)}.baumverein.raus{color:var(--text-leise);text-decoration:line-through}.bereiche{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px}.bereich{display:grid;gap:2px;text-align:left;padding:11px 12px;background:var(--karte-hoch);border:1px solid var(--linie);border-radius:0;cursor:pointer;color:var(--text);min-width:0}.bereich[data-ort]{background:color-mix(in srgb,var(--ort) 14%,var(--karte-hoch))}.bereich .bereichsym{display:block;color:var(--ort, var(--text-leise));margin-bottom:2px}.bereich .bereichname{font-size:13px;font-weight:600}.bereich .bereichnote{font-size:11px;line-height:1.25;min-height:28px}.bereich.dringend{border-color:var(--schlecht)}.zeile.anstehend{width:100%;background:none;border:0;border-radius:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.zeile.anstehend+.zeile.anstehend,.wischzeile+.wischzeile{margin-top:9px;padding-top:9px;border-top:1px solid var(--linie)}.zeile.anstehend .anstehendsym{color:var(--akzent-hell);display:flex}.zeile.anstehend .kicker,.zeile.anstehend .name{display:block}.zeile.anstehend.gelesen{opacity:.55}.anstehendkarte{display:flex;align-items:center;gap:10px;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.anstehendkarte h2.titel{margin:0;flex:1}.anstehendzahl{flex:none;min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;background:var(--akzent);color:var(--auf-akzent);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.wischzeile{position:relative;overflow:hidden}.wischweg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding-right:14px;background:var(--akzent);color:var(--auf-akzent);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.wischinhalt.zeile.anstehend{position:relative;background:var(--karte-hoch);touch-action:pan-y;user-select:none;-webkit-user-select:none}.karte.wichtig .wischinhalt.zeile.anstehend{background:var(--karte)}.wertbahn{position:relative;flex:1;height:6px;background:var(--karte-hoch);border-radius:0;overflow:visible}.wertfuellung{height:100%}.wertziel{position:absolute;top:-3px;width:2px;height:12px;margin-left:-1px}.wertziel.hoch{background:var(--gut)}.wertziel.runter{background:var(--schlecht)}h1,h2,h3,h4{font-family:var(--schrift);font-weight:800;letter-spacing:-.015em;line-height:1.15}.karte h2{margin:0 0 10px;font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--akzent-hell)}.gross,.rang,.zahl,.platz,table,.baumverein{font-variant-numeric:tabular-nums}.kicker{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text-leise)}.chip[data-aktiv=true]{background:transparent;color:var(--text);border-color:var(--linie-stark);box-shadow:inset 0 -2px 0 var(--akzent)}.zeichen{display:block}.taktiksym{flex:none;display:flex;color:var(--ort, var(--text-leise))}.skala{display:flex;gap:3px;align-items:center}.skala i{display:block;width:7px;height:7px;background:var(--linie-stark)}.skala i[data-an=true]{background:var(--text-leise)}.skala i[data-aktiv=true]{background:var(--akzent)}.feldskizze{flex:none;display:block;color:var(--text-leise)}.feldskizze[data-aktiv=true]{color:var(--text)}.angriffsfeld{display:flex;height:78px;border:1px solid var(--linie)}.angriffsfeld button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:none;border:0;border-right:1px solid var(--linie);color:var(--text-leise);font:inherit;cursor:pointer}.angriffsfeld button:last-child{border-right:0}.angriffsfeld button[data-aktiv=true]{background:var(--karte-hoch);color:var(--text);box-shadow:inset 0 -3px 0 var(--akzent)}.leiste button .zeichen{margin:0 auto}.vereinsfarbe{display:inline-block;width:3px;height:13px;margin-right:8px;vertical-align:-2px;background:var(--linie-stark)}.wappenschild{flex:none;margin-right:9px;vertical-align:-6px}.wappenschild.rechts{margin-right:0;margin-left:9px}.reiterbahn{position:sticky;top:51px;z-index:9;display:flex;align-items:stretch;background:var(--kopfgrund);border-bottom:1px solid var(--linie)}.reiter{display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}.reiter::-webkit-scrollbar{display:none}.reiterschieber{flex:none;width:28px;padding:0;border:0;background:var(--kopfgrund);cursor:pointer;color:var(--text);font-size:20px;line-height:1}.reiterbahn[data-links=true] .reiter{-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000);mask-image:linear-gradient(90deg,transparent,#000 16px,#000)}.reiterbahn[data-rechts=true] .reiter{-webkit-mask-image:linear-gradient(90deg,#000,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,#000,#000 calc(100% - 16px),transparent)}.reiterbahn[data-links=true][data-rechts=true] .reiter{-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}.reiter button{flex:none;display:inline-flex;align-items:center;gap:5px;padding:9px 13px;background:none;border:0;cursor:pointer;font-family:var(--schrift);font-weight:600;font-size:11px;line-height:1;letter-spacing:.06em;color:var(--text-leise);white-space:nowrap}.reiter button .zeichen{flex:none;opacity:.72;color:var(--ort, inherit)}.reiter button[data-aktiv=true] .zeichen{opacity:1;color:var(--akzent-hell)}.reiter button[data-aktiv=true]{font-weight:800;color:var(--text);box-shadow:inset 0 -3px 0 var(--akzent)}.reiter button[data-aus=true],.reiter button:disabled{opacity:.38;cursor:default;color:var(--text-leise)}.reiterseiten{display:flex;flex-direction:column;flex:1;min-height:12rem;touch-action:pan-y}.reiterseite{display:flex;flex-direction:column;flex:1;min-height:100%}.pager{position:relative;flex:1;min-height:12rem;overflow-x:clip;touch-action:pan-y}.pagerseite{display:flex;flex-direction:column;min-height:100%;will-change:transform}.pagernachbar{position:absolute;top:0;left:0;right:0;min-height:100%;display:flex;flex-direction:column;will-change:transform}.pagerseite>.leer,.reiterseite>.leer{flex:1;display:flex;align-items:center;justify-content:center}.sammelbild{background:var(--karte);border-bottom:1px solid var(--linie)}.sammelstreifen{height:7px;background:repeating-linear-gradient(90deg,var(--verein) 0 10px,var(--verein-schrift) 10px 20px)}.sammelkoerper{display:flex;align-items:center;gap:14px;padding:14px 14px 10px}.portraet{flex:none}img.portraet{display:block;object-fit:cover;object-position:center 18%;background:#111}.sammelzahl{margin-left:auto;text-align:right;display:grid;gap:3px}.sammelstaerke{font-family:var(--schrift);font-weight:800;font-size:44px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.sammelnummer{font-size:11px;color:var(--text-leise)}.sammelschild{background:var(--verein);color:var(--verein-schrift);padding:8px 14px 10px}.sammelname{display:block;font-family:var(--schrift);font-weight:800;font-size:19px;line-height:1.1;letter-spacing:-.02em}.sammelunter{display:block;margin-top:3px;font-size:11px;opacity:.82}.satzzeile{padding:7px 0}.satzzeile+.satzzeile{border-top:1px solid var(--linie)}.satzzeile strong{display:block;font-size:13px;font-weight:700}.satzzeile span{display:block;margin-top:2px}.formationszeile{display:flex;align-items:baseline;gap:10px;width:100%;padding:10px 14px 11px;background:var(--karte);border:0;border-bottom:1px solid var(--linie);cursor:pointer;text-align:left;color:var(--text)}.formationszeile .kicker,.formationsname{flex:none;white-space:nowrap}.formationsname{font-weight:800;font-size:14px}.formationszeile .leise.klein{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.platz .portraet{margin:1px auto 0}.sterne{display:inline-flex;align-items:center;gap:2px}.stern.voll{fill:var(--akzent-hell)}.stern.leer{fill:var(--linie)}.sternwort{margin-left:6px;font-size:12px;color:var(--text-leise)}.satzzeile{display:flex;align-items:flex-start;gap:10px}.satzzeichen{flex:none;color:var(--text-leise);margin-top:1px}.satzzeichen.schlecht{color:var(--schlecht)}.satzzeile>span:last-child{min-width:0}.zeichenreihe{display:flex;align-items:center;gap:7px;margin-top:4px;color:var(--text-leise)}.knopf[data-an=true]{background:var(--akzent);color:var(--auf-akzent);border-color:transparent;font-weight:600}.kennzahlen{display:flex;gap:14px}.kennzahlen>div{flex:1;min-width:0}.kennzahlen .kicker{margin-bottom:3px}.kennzahlen .gross{font-size:19px}.zeile.breit{width:100%;background:none;border:0;padding:0;color:inherit;text-align:left;font:inherit;cursor:pointer}.zeile.breit[data-aus=true],.zeile.breit:disabled{opacity:.38;cursor:default}.nummer{flex:none;width:22px;text-align:right;font-variant-numeric:tabular-nums;font-size:12px;color:var(--text-leise)}.anteil{height:2px;background:var(--karte-hoch);margin-top:7px}.anteil>span{display:block;height:100%;background:var(--akzent)}.ausklapp{padding:10px 0 2px}.werte{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:2px}.zustandreihe{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}.zustand{display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums;font-weight:600}.zustand .zeichen{flex:none}.kaderzustand{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.gegnerkarte{padding-bottom:12px}.gegnerzeile{display:flex;align-items:flex-start;gap:10px;margin-top:8px}.gegnerseite{flex:1;min-width:0}.gegnerseite.rechts{text-align:right}.gegnername{font-weight:650;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gegnerplatz{margin-top:2px}.gegnerwerte{flex:none;display:flex;align-items:baseline;gap:7px;font-variant-numeric:tabular-nums}.gegnerwerte .staerke{font-size:17px}.waage{position:relative;height:6px;background:var(--karte-hoch);margin-top:10px;overflow:hidden}.waagefuellung{display:block;height:100%;background:var(--akzent)}.waagemitte{position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--text);opacity:.55}.formreihe{display:flex;gap:3px}.formzeichen{width:15px;height:15px;display:grid;place-items:center;font-size:9.5px;font-weight:700;background:var(--karte-hoch);color:var(--text-leise)}.formzeichen.sieg{background:#1f3a27;color:var(--gut)}.formzeichen.pleite{background:#3a1f1c;color:var(--schlecht)}.handschrift{list-style:none;margin:9px 0 0;padding:0 0 0 9px;border-left:2px solid var(--karte-hoch)}.handschrift li+li{margin-top:3px}.pos.imsatz{display:inline;width:auto;height:auto;background:none;border:0;padding:0;font-size:inherit;letter-spacing:.04em}.vertragszeile+.vertragszeile{border-top:1px solid var(--linie);padding-top:10px;margin-top:10px}.kaderkachel{padding:11px 0;cursor:pointer}.kaderkachel+.kaderkachel{border-top:1px solid var(--linie)}.kaderkachel:first-of-type{padding-top:2px}.kaderkachel .grund{margin-top:5px}.xpbahn{width:38px;height:3px;margin-top:4px;background:var(--karte-hoch);overflow:hidden}.xpbahn>span{display:block;height:100%;background:var(--akzent)}.ergebniszeile{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;padding:9px 0;color:inherit;font:inherit;text-align:left;cursor:pointer}.ergebniszeile+.ergebniszeile{border-top:1px solid var(--linie)}.ergebnis{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.rueckblickkarte{display:block;width:100%;background:var(--karte);border:0;border-bottom:1px solid var(--linie);padding:12px 14px;color:inherit;font:inherit;text-align:left;cursor:pointer}.zeile[data-mein=true]{box-shadow:inset 2px 0 0 var(--akzent);padding-left:8px}.tabplatz{width:20px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-leise)}.meldung{display:flex;gap:9px;align-items:flex-start;padding:6px 0;font-size:13px}.meldung+.meldung{border-top:1px solid var(--linie)}.meldungszeichen{flex:none;margin-top:1px;color:var(--text-leise)}.meldungszeichen.gut{color:var(--gut)}.meldungszeichen.schlecht{color:var(--schlecht)}.meldungsart{flex:none;width:82px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-leise);padding-top:2px}.meldungsart.gut{color:var(--gut)}.meldungsart.schlecht{color:var(--schlecht)}.nummer.nach{width:auto;font-size:11px}.hinweis.ruhig{border-left-color:var(--warn);color:var(--text-leise)}.bankplatz{padding:8px 0}.bankplatz+.bankplatz{border-top:1px solid var(--linie)}.bankplatz[data-gewaehlt=true]{box-shadow:inset 2px 0 0 var(--akzent);padding-left:8px}.banknummer{flex:none;width:18px;text-align:center;font-size:11px;font-weight:700;color:var(--text-leise);font-variant-numeric:tabular-nums}.menueknopf{background:none;border:0;padding:6px;color:var(--text);cursor:pointer;line-height:0}.zurueckknopf{flex:none;width:30px;height:32px;display:grid;place-items:center;padding:0;margin-left:-4px;background:none;border:0;cursor:pointer;color:var(--text);font-size:28px;line-height:1}.menueknopf[data-warnung=true]{color:var(--schlecht)}.menueblatt{position:absolute;top:0;right:0;bottom:0;width:min(300px,86%);background:var(--karte);border-left:1px solid var(--linie);overflow-y:auto;padding-bottom:20px}.menuekopf{display:flex;align-items:center;width:100%;gap:10px;background:none;border:0;border-bottom:1px solid var(--linie);padding:14px;color:inherit;font:inherit;text-align:left;cursor:pointer}.menuekopf .gross{font-size:20px}.menueliste{border-bottom:1px solid var(--linie);padding:6px 0}.menueeintrag{display:flex;align-items:center;gap:11px;width:100%;background:none;border:0;padding:11px 14px;color:inherit;font:inherit;font-size:14px;text-align:left;cursor:pointer}.kopfknoepfe{display:flex;align-items:center;gap:2px}.menueknopf{position:relative}.punkt{position:absolute;top:0;right:0;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;background:var(--akzent);color:var(--auf-akzent);font-size:9.5px;font-weight:800;line-height:1}.meldung[data-neu=true]{box-shadow:inset 2px 0 0 var(--akzent);padding-left:8px}.menuename{display:block;font-size:14px}.menueeintrag .leise.klein{display:block;margin-top:2px}.suchfeld{flex:1;min-width:0;background:var(--karte-hoch);border:1px solid var(--linie);color:var(--text);font:inherit;font-size:14px;padding:9px 11px}.suchfeld::placeholder{color:var(--text-leise)}.suchfeld:focus{outline:none;border-color:var(--akzent)}.farbfeld{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.farbe{aspect-ratio:1;border:0;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff1f}.farbe[data-aktiv=true]{box-shadow:0 0 0 2px var(--text),inset 0 0 0 1px #0000004d}.farbstreifen{flex:none;width:4px;align-self:stretch;min-height:30px}.rangzahl{flex:none;width:20px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-leise)}.jugendzeile{padding:11px 0}.jugendzeile+.jugendzeile{border-top:1px solid var(--linie)}.jugendzeile[data-gefoerdert=true]{box-shadow:inset 3px 0 0 var(--akzent);padding-left:9px}.fertigkeit{padding:9px 0}.fertigkeit+.fertigkeit{border-top:1px solid var(--linie)}.fertigkeitsbahn{height:3px;background:var(--karte-hoch);margin-top:5px}.fertigkeitsbahn>span{display:block;height:100%;background:var(--akzent)}.ansprachetext{font-style:italic;font-weight:500}.ansprachekarte{padding:10px 0 10px 9px;box-shadow:inset 2px 0 0 var(--linie)}.ansprachekarte+.ansprachekarte{margin-top:10px}.ansprachekarte[data-an=true]{box-shadow:inset 2px 0 0 var(--gut)}.ansprachekarte[data-an=false]{box-shadow:inset 2px 0 0 var(--schlecht)}.meldung[data-fuehrt=true]{cursor:pointer}.meldung[data-fuehrt=true]:hover{background:var(--karte-hoch)}.meldung[data-fuehrt=true]:after{content:"›";margin-left:auto;padding-left:8px;color:var(--text-leise);flex-shrink:0}.zeile.kopfzeile{padding:0 0 4px;text-transform:uppercase;letter-spacing:.04em}.nachsatz{margin:8px 0 0;font-size:12px;line-height:1.45}.abschluss,.zeile.abschluss{margin-top:12px;padding-top:11px;border-top:1px solid var(--linie-stark)}.geldposten+.geldposten{margin-top:11px}.geldbalken{height:2px;width:58%;background:var(--karte-hoch);margin-top:6px}.geldbalken>span{display:block;height:100%;background:var(--linie-stark)}.geldbalken.aus>span{background:var(--akzent)}.kicker.geldgruppe{display:block;margin:15px 0 8px}.zahlspalte{font-variant-numeric:tabular-nums}.verlaufbild{display:block;width:100%;height:auto;margin:2px 0 6px}.verlauflinie{fill:none;stroke:var(--akzent);stroke-width:1.6}.verlauffuellung{fill:var(--akzent);opacity:.08}.verlaufnull{stroke:var(--linie-stark);stroke-width:1;stroke-dasharray:3 3}.verlaufpunkt{fill:var(--akzent)}.hilfeeintrag+.hilfeeintrag{border-top:1px solid var(--linie)}.hilfeeintrag{scroll-margin-top:74px}.hilfekopf{display:flex;align-items:flex-start;gap:10px;width:100%;padding:11px 0;background:none;border:0;text-align:left;cursor:pointer}.hilfetitel{display:block;font-weight:600}.hilfekurz{display:block;margin-top:3px;font-size:13px;line-height:1.5;color:var(--text-leise)}.hilfezeichen{flex:none;width:16px;text-align:center;font-size:17px;line-height:1.35;color:var(--text-leise)}.hilfeeintrag[data-offen=true] .hilfekurz{color:var(--text)}.hilfeeintrag[data-offen=true] .hilfezeichen{color:var(--akzent-hell)}.hilfetext{border-left:2px solid var(--linie);padding:0 0 13px 11px;margin-bottom:2px}.hilfetext p{margin:0 0 10px;font-size:14px;line-height:1.62}.hilfetext p:last-child{margin-bottom:0}.hilfemerksatz{border-left:2px solid var(--akzent);padding-left:10px;margin-left:-13px;font-weight:600}.hilfeverweis{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:2px 0;background:none;border:0;border-bottom:1px solid var(--linie-stark);font-size:12px;color:var(--text-leise);cursor:pointer}.hilfeverweis:after{content:"›"}.hilfeverweis:hover{color:var(--text);border-bottom-color:var(--akzent)}:root{--karte-druck: #201e1d;--fx: .12s}*{-webkit-tap-highlight-color:transparent}::selection{background:var(--akzent);color:var(--auf-akzent)}:focus-visible{outline:2px solid var(--akzent-hell);outline-offset:2px}.kopf .wappen{width:calc(22px + (1 - var(--kopf, 0)) * 8px);height:calc(26px + (1 - var(--kopf, 0)) * 10px)}.kopf .titel{font-size:calc(14px + (1 - var(--kopf, 0)) * 2px)}.kopf .unter{letter-spacing:.01em}html[data-kopf=klein] .kopf{align-items:center;gap:8px}html[data-kopf=klein] .kopf .unter{display:none}.reiter button{padding:12px 14px;font-size:11.5px;color:var(--text-leise)}.reiter button[data-aktiv=true]{box-shadow:inset 0 -3px 0 var(--akzent)}.leiste button{position:relative;padding:9px 2px 10px}.leiste button[data-aktiv=true]:before{content:"";position:absolute;top:0;left:50%;width:24px;height:2px;margin-left:-12px;background:var(--akzent-hell)}.karte{padding:13px 16px 15px}.karte h2{margin:0 0 11px;font-size:10px;letter-spacing:.16em}.zeile+.zeile{margin-top:10px;padding-top:10px}table.tab td{padding:9px 4px}table.tab tr[data-mein=true] td.rang{box-shadow:inset 2px 0 0 var(--akzent)}.knopf.haupt{min-height:50px;font-weight:800;letter-spacing:.01em}@media (prefers-reduced-motion: no-preference){.knopf,.chip,.bereich,.wahl,.kaderkachel,.ergebniszeile,.zeile.anstehend,.reiter button,.leiste button{transition:background-color var(--fx) ease,color var(--fx) ease,box-shadow var(--fx) ease,transform 90ms ease}.knopf:active,.chip:active,.bereich:active,.wahl:active,.zeile.anstehend:active{transform:translateY(1px)}}.bereich:active,.kaderkachel:active,.ergebniszeile:active,.wahl:active{background:var(--karte-hoch)}.knopf:not(.haupt):active{background:var(--karte-druck)}.knopf.haupt:active{background:var(--akzent-tief)}.reiter button:active,.leiste button:active{color:var(--text)}@keyframes ergebnis-auftritt{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.ergebnis-auftritt{animation:ergebnis-auftritt .32s cubic-bezier(.2,.8,.3,1) both}@media (prefers-reduced-motion: reduce){.ergebnis-auftritt{animation:none}}.hero{position:relative;display:block;width:100%;border:0;border-bottom:1px solid var(--linie);padding:0;cursor:pointer;color:var(--text);text-align:left;overflow:hidden;background:var(--karte-hoch) center / cover no-repeat}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(20,19,18,.15) 0%,rgba(20,19,18,.55) 55%,var(--grund) 100%)}.heroinhalt{position:relative;display:flex;flex-direction:column;gap:6px;min-height:152px;padding:14px;justify-content:flex-end}.herokicker{display:flex;align-items:center;gap:6px}.herozeile{display:flex;align-items:center;gap:10px}.heroname{font-weight:800;font-size:18px;letter-spacing:-.01em;min-width:0}.hero .schieb{margin-left:auto}.statuszeile{display:inline-flex;align-items:center;gap:7px}.jubelgrund{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#141312ee;animation:jubel-ein .2s ease both}.jubel{text-align:center;animation:jubel-pop .42s cubic-bezier(.2,.8,.3,1) both}.jubelwort{font-size:46px;font-weight:800;letter-spacing:-.02em;line-height:1}.jubel.sieg .jubelwort{color:var(--akzent-hell)}.jubel.pleite .jubelwort{color:var(--schlecht)}.jubel.remis .jubelwort{color:var(--text-leise)}.jubelstand{margin-top:10px;font-size:30px;font-weight:700;font-variant-numeric:tabular-nums}@keyframes jubel-ein{0%{opacity:0}to{opacity:1}}@keyframes jubel-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.jubelgrund,.jubel{animation:none}}@keyframes balken-wachs{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.geldbalken>span,.xpbahn>span,.fertigkeitsbahn>span,.anteil>span,.waagefuellung,.mannschaftsbalken>span,.wachs{transform-origin:left;animation:balken-wachs .5s cubic-bezier(.2,.8,.3,1) both}.verlauflinie{stroke-dasharray:1;stroke-dashoffset:1;animation:linie-zeichnen .8s ease forwards}@keyframes linie-zeichnen{to{stroke-dashoffset:0}}@keyframes stern-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.sterne .stern{animation:stern-pop .34s cubic-bezier(.2,.8,.3,1) both}.sterne .stern:nth-child(1){animation-delay:0ms}.sterne .stern:nth-child(2){animation-delay:45ms}.sterne .stern:nth-child(3){animation-delay:90ms}.sterne .stern:nth-child(4){animation-delay:135ms}.sterne .stern:nth-child(5){animation-delay:.18s}@keyframes eintreten{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.gestaffelt>*{animation:eintreten .3s ease both}.gestaffelt>*:nth-child(1){animation-delay:0ms}.gestaffelt>*:nth-child(2){animation-delay:24ms}.gestaffelt>*:nth-child(3){animation-delay:48ms}.gestaffelt>*:nth-child(4){animation-delay:72ms}.gestaffelt>*:nth-child(5){animation-delay:96ms}.gestaffelt>*:nth-child(6){animation-delay:.12s}.gestaffelt>*:nth-child(7){animation-delay:144ms}.gestaffelt>*:nth-child(8){animation-delay:168ms}.gestaffelt>*:nth-child(9){animation-delay:192ms}.gestaffelt>*:nth-child(n+10){animation-delay:216ms}.mannschaftsbalken{height:4px;background:var(--karte-hoch);margin-top:5px;overflow:hidden}.mannschaftsbalken>span{display:block;height:100%;background:var(--akzent)}@media (prefers-reduced-motion: reduce){.geldbalken>span,.xpbahn>span,.fertigkeitsbahn>span,.anteil>span,.waagefuellung,.mannschaftsbalken>span,.wachs,.sterne .stern,.gestaffelt>*{animation:none}.verlauflinie{animation:none;stroke-dashoffset:0}}.wettbewerbkopf{display:flex;align-items:center;gap:12px}.wettbewerbsignet{flex:none;color:var(--akzent-hell)}