html:has(main.spiel) body{background:radial-gradient(1200px 560px at 85% -10%, #f47a202b, transparent 60%), radial-gradient(900px 640px at -10% 110%, #405c8c3d, transparent 60%), var(--grund)}html:has(main.spiel) body:before{content:"";z-index:-1;pointer-events:none;opacity:.7;background-image:radial-gradient(2px 2px at 12% 80%,#f7bb9a8c,#0000 60%),radial-gradient(1.5px 1.5px at 34% 60%,#f47a2099,#0000 60%),radial-gradient(2px 2px at 58% 90%,#f7bb9a73,#0000 60%),radial-gradient(1.5px 1.5px at 76% 70%,#f47a2080,#0000 60%),radial-gradient(2px 2px at 90% 85%,#f7bb9a66,#0000 60%);background-size:100% 100%;animation:18s linear infinite funken;position:fixed;inset:-20% 0 0}html:has(main.spiel) body:after{content:"";z-index:-1;pointer-events:none;opacity:.7;background-image:radial-gradient(2px 2px at 12% 80%,#f7bb9a8c,#0000 60%),radial-gradient(1.5px 1.5px at 34% 60%,#f47a2099,#0000 60%),radial-gradient(2px 2px at 58% 90%,#f7bb9a73,#0000 60%),radial-gradient(1.5px 1.5px at 76% 70%,#f47a2080,#0000 60%),radial-gradient(2px 2px at 90% 85%,#f7bb9a66,#0000 60%);background-size:100% 100%;animation:18s linear infinite funken;position:fixed;inset:-20% 0 0}html:has(main.spiel) body:after{opacity:.5;animation-duration:26s;animation-delay:-9s;transform:scaleX(-1)}@keyframes funken{0%{opacity:0;transform:translateY(0)}15%{opacity:.7}to{opacity:0;transform:translateY(-40%)}}.spiel:not(.lobby){box-sizing:border-box;max-width:1200px;min-height:100vh;padding:var(--abstand-md) var(--abstand-lg) var(--abstand-xl);gap:var(--abstand-lg);flex-direction:column;margin:0 auto;display:flex}.spiel-inhalt{gap:var(--abstand-lg);animation:seite-ein .36s var(--kurve-lauf) both;flex-direction:column;display:flex}@keyframes seite-ein{0%{opacity:0;transform:translateY(10px)}}.spiel-leiste{gap:var(--abstand-lg)}.spiel-nav{border:1px solid var(--haar);border-radius:var(--rund-pille);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#11182499;gap:4px;padding:4px;display:flex}.spiel-nav-punkt{border-radius:var(--rund-pille);color:var(--schrift-leise);font:800 14px var(--font-text);white-space:nowrap;padding:8px 14px;text-decoration:none;transition:background .16s,color .16s}.spiel-nav-punkt:hover{color:var(--schrift);background:#ffffff0d}.spiel-nav-punkt.active{color:var(--auf-akzent);background:linear-gradient(180deg, #f79a55, var(--feuer));box-shadow:0 2px 14px #f47a2073}.spiel-ich{align-items:center;gap:10px;display:flex}.spiel-plakette{border:1px solid var(--haar-stark);border-radius:var(--rund-pille);color:inherit;background:#222a38d9;align-items:center;gap:10px;padding:4px 14px 4px 4px;text-decoration:none;transition:border-color .16s;display:flex}.spiel-plakette:hover{border-color:#f47a2080}.spiel-plakette-text{flex-direction:column;gap:3px;display:flex}.spiel-plakette-name{font:800 14px var(--font-text);line-height:1}.spiel-plakette-level{font:800 11px var(--font-text);color:var(--akzent-schrift);align-items:center;gap:8px;display:flex}.xp-balken{background:#ffffff1a;border-radius:3px;width:70px;height:6px;display:inline-block;position:relative;overflow:hidden}.xp-balken>span{border-radius:inherit;background:linear-gradient(90deg, var(--feuer), #f7bb9a);position:absolute;inset:0 auto 0 0;box-shadow:0 0 8px #f47a20b3}.xp-balken.gross{border-radius:5px;width:100%;height:10px}.spiel-zahnrad{border:1px solid var(--haar-stark);width:40px;height:40px;color:var(--schrift-leise);transition:color .16s, transform .3s var(--kurve-lauf);background:#222a38d9;border-radius:50%;place-items:center;display:grid}.spiel-zahnrad svg{fill:currentColor;width:20px;height:20px}.spiel-zahnrad:hover,.spiel-zahnrad.active{color:var(--akzent-schrift);transform:rotate(45deg)}.profilbild{color:#fff;width:34px;height:34px;font:800 15px var(--font-titel);text-shadow:0 1px 2px #0006;border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 2px #ffffff40,0 2px 8px #00000059}.profilbild.gross{width:72px;height:72px;font-size:30px;box-shadow:inset 0 0 0 3px #ffffff40,0 0 0 3px #f47a2080,0 8px 24px #00000073}.menue-gruss{align-items:center;gap:var(--abstand-md);display:flex}.menue-gruss h2{font:800 30px var(--font-titel);letter-spacing:-.4px;margin:0 0 6px}.menue-gruss p{color:var(--schrift-leise);font:600 16px var(--font-text);margin:0}.menue-raster{gap:var(--abstand-md);flex:1;grid-template-rows:minmax(340px,1.7fr) minmax(170px,1fr);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.menue .spiel-inhalt{flex:1}.kachel-turniere .kachel-satz{max-width:30ch}.kachel-uebung .kachel-satz{max-width:22ch}.menue-gruss-zeile{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.menue-klein{gap:var(--abstand-md);grid-column:1/-1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.kachel-knoepfe{z-index:1;flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;display:flex;position:relative}.kachel-knoepfe .kachel-knopf{margin-top:0}.kachel-tipp{font:700 13px var(--font-text);color:var(--akzent-schrift)}.kachel-meldung{z-index:1;border-radius:var(--rund-zeile);font:700 13px var(--font-text);color:#ffd9c2;background:#0000004d;align-self:flex-start;padding:6px 12px;position:relative}.kachel-liga{z-index:1;color:var(--schrift);font:800 16px var(--font-titel);align-self:flex-start;align-items:center;gap:10px;text-decoration:none;display:inline-flex;position:relative}.kachel-liga .wappen{width:30px;height:34px}.kachel-liga .wappen>span{font-size:14px}.kachel-liga:hover>span:nth-child(2){text-decoration:underline}.kachel-turniere.abend-midseason{background:radial-gradient(520px 300px at 85% 115%,#4c8df66b,#0000 70%),linear-gradient(135deg,#222c3e,#161d2a 65%);border-color:#4c8df673}.kachel-turniere.abend-finale{background:radial-gradient(560px 320px at 85% 115%,#f5b83d66,#0000 70%),linear-gradient(135deg,#2a2a33,#161d2a 65%);border-color:#f5b83d8c}.kachel-turniere .zusage{margin-left:4px}.kachel-gruenden .kachel-titel{max-width:16ch;font-size:34px}.kachel-ligen{background:radial-gradient(380px 240px at 100% 0,#9b6dff38,#0000 70%),linear-gradient(160deg,#222b3a,#181f2b);gap:10px}.kachel-ligen:not(a):hover{transform:none}.kachel-liste{flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.kachel-liste a{color:inherit;background:#0003;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;padding:8px 10px;text-decoration:none;transition:background .16s;display:grid}.kachel-liste a:hover{background:color-mix(in srgb, var(--liga) 16%, #0003)}.kachel-liste .wappen{grid-row:span 2;width:32px;height:37px}.kachel-liste .wappen>span{font-size:15px}.kachel-liga-name{font:800 15px var(--font-titel);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kachel-liga-wert{font:700 12px var(--font-text);color:var(--schrift-still)}.kachel-mehr{color:var(--akzent-schrift);font:800 14px var(--font-text);align-self:flex-start;margin-top:auto;text-decoration:none}.kachel-mehr:hover{text-decoration:underline}.kachel-wappen{gap:6px;margin-top:auto;display:flex}.kachel-wappen .wappen:nth-child(2){transform:translateY(-10px)}.kachel{border:1px solid var(--haar-stark);border-radius:var(--rund-kachel);color:inherit;transition:transform .22s var(--kurve-lauf), border-color .22s, box-shadow .22s;animation:kachel-ein .42s var(--kurve-lauf) both;background:linear-gradient(160deg,#222b3a,#181f2b);flex-direction:column;gap:8px;padding:24px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 36px #0006,inset 0 1px #ffffff0d}.kachel:nth-child(2){animation-delay:60ms}.kachel:nth-child(3){animation-delay:.12s}.kachel:nth-child(4){animation-delay:.16s}.kachel:nth-child(5){animation-delay:.2s}.kachel:nth-child(6){animation-delay:.24s}@keyframes kachel-ein{0%{opacity:0;transform:translateY(16px)scale(.98)}}.kachel:hover{border-color:#f47a208c;transform:translateY(-4px);box-shadow:0 20px 44px #00000080,0 0 30px #f47a2026}.kachel:active{transform:translateY(-1px)scale(.99)}.kachel:focus-visible{outline:2px solid var(--akzent);outline-offset:3px}.kachel-turniere{background:radial-gradient(520px 300px at 85% 115%,#f47a206b,#0000 70%),linear-gradient(135deg,#222c3e,#161d2a 65%);border-color:#f47a2059;grid-column:span 2}.kachel-uebung{background:radial-gradient(420px 260px at 90% 110%,#4078c859,#0000 70%),linear-gradient(135deg,#1f2a3d,#161d2a 65%)}.kachel-wort{font:800 12px var(--font-text);letter-spacing:2.4px;text-transform:uppercase;color:var(--akzent-schrift)}.kachel-titel{font:800 28px/1.1 var(--font-titel);color:var(--schrift-buehne)}.kachel-uhr{font:800 48px/1.05 var(--font-titel);font-variant-numeric:tabular-nums;letter-spacing:-1px;background:linear-gradient(#fff 30%,#f7bb9a 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.kachel-satz{max-width:34ch;font:600 15px/1.45 var(--font-text);color:var(--schrift-leise)}.kachel .kachel-knopf{z-index:1;align-self:flex-start;width:auto;min-height:48px;margin-top:auto;padding:0 26px;position:relative}.kachel-turniere .kachel-knopf,.kachel-turniere .kachel-knopf:hover{background:linear-gradient(180deg, #f79a55, var(--feuer));box-shadow:var(--schein-feuer)}.kachel-bild{width:230px;transition:transform .4s var(--kurve-lauf);position:absolute;bottom:-30px;right:10px}.kachel-bild svg,.kachel-chips svg{filter:drop-shadow(0 16px 26px #00000080);width:100%;height:auto;display:block}.kachel-turniere:hover .kachel-bild{transform:rotate(-4deg)translateY(-8px)}.kachel-chips{width:150px;transition:transform .4s var(--kurve-lauf);position:absolute;bottom:18px;right:28px}.kachel-uebung:hover .kachel-chips{transform:translateY(-8px)scale(1.04)}.kachel-klein{justify-content:flex-end;gap:6px;padding:22px}.kachel-klein .kachel-zeichen{margin-bottom:auto}.kachel-klein .kachel-titel{font-size:20px}.kachel-klein .kachel-satz{font-size:14px}.kachel-zeichen{color:#f7bb9a;background:linear-gradient(160deg,#f47a2047,#f47a2014);border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:6px;font-size:22px;display:grid}.kb-wert{font:800 28px var(--font-titel);fill:#111824}.kb-farbe{font:400 64px var(--font-titel);fill:#111824}.kb-wert.rot,.kb-farbe.rot{fill:#e2463a}.seiten-titel{font:800 34px var(--font-titel);letter-spacing:-.5px;margin:0}.seiten-satz{max-width:64ch;font:600 16px/1.55 var(--font-text);color:var(--schrift-leise);margin:-8px 0 0}.tafel{border:1px solid var(--haar-stark);border-radius:var(--rund-kachel);background:linear-gradient(160deg,#222b3a,#181f2b);padding:24px;box-shadow:0 14px 36px #00000059}.tafel-hinweis{font:600 16px var(--font-text);color:var(--schrift-leise);margin:0}.profil-raster{gap:var(--abstand-md);grid-template-columns:360px 1fr;display:grid}.profil-karte{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.profil-karte .profilbild.gross{width:112px;height:112px;font-size:46px}.profil-name{font:800 26px var(--font-titel)}.profil-level{flex-direction:column;gap:8px;width:100%;margin-top:8px;display:flex}.profil-level-zahl{font:800 18px var(--font-titel);color:var(--akzent-schrift)}.profil-level-satz{font:600 13px var(--font-text);color:var(--schrift-still)}.profil-werte{gap:var(--abstand-md);grid-template-columns:repeat(2,1fr);display:grid}.wert{border-radius:var(--rund-tafel);background:#0003;flex-direction:column;justify-content:center;gap:6px;padding:20px;display:flex}.wert-zahl{font:800 34px var(--font-titel);font-variant-numeric:tabular-nums}.wert-name{font:700 13px var(--font-text);letter-spacing:.4px;color:var(--schrift-still)}.wert.breit{grid-column:1/-1}.profil-titel{border-radius:var(--rund-pille);color:#e9c9ff;font:800 14px var(--font-text);background:linear-gradient(90deg,#a335ee47,#f47a2038);padding:4px 14px}.profil-titel.leer{color:var(--schrift-still);background:#ffffff0d;font-weight:700}.profil-erfolge{grid-column:1/-1}.profil-erfolge h3{font:800 18px var(--font-titel);margin:0 0 10px}.profil-erfolge ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.profil-erfolge li{border-radius:var(--rund-pille);font:700 14px var(--font-text);background:#00000038;align-items:center;gap:8px;padding:8px 14px 8px 8px;display:inline-flex}.erfolg-zeichen{color:#3a2400;background:linear-gradient(#ffd27a,#e89a2b);border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.regeln-raster{gap:var(--abstand-md);grid-template-columns:1fr 340px;align-items:start;display:grid}.regeln-abschnitte{flex-direction:column;gap:12px;display:flex}.regel{gap:16px;padding:20px 22px;display:flex}.regel-nr{width:36px;height:36px;color:var(--akzent-schrift);font:800 16px var(--font-titel);background:#f47a2029;border-radius:50%;flex:none;place-items:center;display:grid}.regel h3,.regeln-haende h3,.einstellung h3{font:800 18px var(--font-titel);margin:0 0 6px}.regel p,.einstellung p{font:600 15px/1.55 var(--font-text);color:var(--schrift-leise);margin:0}.regeln-haende ol{counter-reset:hand;margin:8px 0 0;padding:0;list-style:none}.regeln-haende li{counter-increment:hand;border-bottom:1px solid var(--haar);font:700 15px var(--font-text);gap:12px;padding:9px 4px;display:flex}.regeln-haende li:before{content:counter(hand);width:22px;color:var(--akzent-schrift);font-family:var(--font-titel)}.einstellung{justify-content:space-between;align-items:center;gap:var(--abstand-lg);display:flex}.umschalter{border-radius:var(--rund-pille);background:#00000040;padding:4px;display:flex}.umschalter button{border-radius:var(--rund-pille);min-width:72px;color:var(--schrift-leise);font:800 14px var(--font-text);cursor:var(--zeiger-klick);background:0 0;border:0;padding:9px 16px}.umschalter button[aria-pressed=true]{background:linear-gradient(180deg, #f79a55, var(--feuer));color:#fff;box-shadow:0 2px 12px #f47a2066}.einstellung-laut{align-items:center;gap:var(--abstand-md);display:flex}.einstellung-laut input[type=range]{width:240px;accent-color:var(--feuer)}@media (prefers-reduced-motion:reduce){.spiel-inhalt,.kachel{animation-duration:.1s}html:has(main.spiel) body:before{opacity:0;animation:none}html:has(main.spiel) body:after{opacity:0;animation:none}.kachel:hover{transform:none}}.profil-verlauf{grid-column:1/-1}.profil-verlauf h3{font:800 18px var(--font-titel);margin:0 0 8px}.profil-verlauf ol{margin:0;padding:0;list-style:none}.profil-verlauf li{border-bottom:1px solid var(--haar);font:700 15px var(--font-text);grid-template-columns:1fr 120px 80px;gap:12px;padding:12px 8px;display:grid}.verlauf-platz{color:var(--schrift-leise)}.verlauf-delta{text-align:right;color:var(--gruen);font-variant-numeric:tabular-nums}.verlauf-delta.minus{color:var(--rot)}.lobby-leiste{justify-content:space-between;align-items:center;gap:var(--abstand-md);min-height:48px;display:flex}.lobby-marke{font:800 24px var(--font-titel);letter-spacing:-.3px;align-items:center;gap:12px;margin:0;display:flex}.marke{filter:drop-shadow(0 0 12px #f47a2073);width:36px;height:36px}.lobby-beta{border-radius:var(--rund-pille);color:var(--akzent-schrift);font:800 13px var(--font-text);letter-spacing:.4px;background:#f47a201a;border:1px solid #f47a2073;padding:6px 14px}.fehlseite{box-sizing:border-box;align-content:center;justify-items:center;gap:var(--abstand-xl);min-height:100vh;padding:var(--abstand-xl) var(--abstand-lg);display:grid}html:has(.fehlseite) body{background:radial-gradient(900px 480px at 50% -10%, #f47a202e, transparent 65%), var(--grund)}.fehlseite-karte{border-radius:var(--rund-kachel);text-align:center;background:linear-gradient(160deg,#1f2838,#161d2a);border:1px solid #f47a2047;justify-items:center;gap:12px;width:min(480px,100%);padding:40px 36px;display:grid;box-shadow:0 24px 60px #00000080}.fehlseite-zeichen{font:800 72px/1 var(--font-titel);letter-spacing:-2px;background:linear-gradient(#fff 20%,#f47a20 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.fehlseite h2{font:700 22px var(--font-titel);margin:0}.fehlseite p{font:600 16px/1.5 var(--font-text);color:var(--schrift-leise);margin:0 0 8px}.fehlseite .py-knopf{text-decoration:none}.liga-wort{font:800 11px var(--font-text);letter-spacing:2.2px;text-transform:uppercase;color:var(--akzent-schrift)}.liga-klein{font:600 13px/1.5 var(--font-text);color:var(--schrift-still);margin:0}.liga-meldung{border-radius:var(--rund-zeile);color:#9be3bd;font:700 14px/1.45 var(--font-text);background:#35c07a1f;margin:0;padding:10px 14px}.liga-meldung.fehler{color:var(--rot);background:#ff9a871f}.abschnitt-titel{font:800 20px var(--font-titel);margin:0 0 12px}.abschnitt-kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.abschnitt-kopf h3,.abschnitt-kopf .abschnitt-titel{margin:0}.seiten-kopf{justify-content:space-between;align-items:flex-end;gap:var(--abstand-lg);display:flex}.seiten-kopf .seiten-satz{margin-top:6px}.seiten-kopf>.py-knopf{flex:none}.text-knopf{color:var(--akzent-schrift);font:800 13px var(--font-text);cursor:var(--zeiger-klick);background:0 0;border:0;align-self:flex-start;padding:4px 0}.text-knopf:hover{text-decoration:underline}.text-knopf.leise{color:var(--schrift-still)}.wappen{flex:none;place-items:center;width:40px;height:46px;display:inline-grid;position:relative}.wappen svg{width:100%;height:100%;fill:color-mix(in srgb, var(--liga) 22%, #161d2a);stroke:var(--liga);stroke-width:2.5px;filter:drop-shadow(0 4px 10px color-mix(in srgb, var(--liga) 35%, transparent));position:absolute;inset:0}.wappen>span{font:800 18px var(--font-titel);color:color-mix(in srgb, var(--liga) 55%, #fff);margin-top:-3px;position:relative}.wappen.gross{width:64px;height:74px}.wappen.gross>span{font-size:28px}.zugang,.pille-an,.pille-aus,.status-pille,.art-pille,.ort-pille,.liga-abzeichen,.du-pille,.zahl-pille,.titel-pille,.level-pille{border-radius:var(--rund-pille);font:800 12px/1.5 var(--font-text);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.zugang.offen{color:#7bd9a4;background:#35c07a24}.zugang.zu{color:#c7b0ff;background:#9b6dff29}.zugang.offen:before,.zugang.zu:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.pille-an{color:#8ee3e6;background:#2ec4c924}.pille-aus{color:var(--schrift-still);background:#ffffff0f}.status-pille{color:var(--schrift-leise);background:#ffffff12;padding:8px 14px;font-size:13px}.status-pille.an{color:#7bd9a4;background:#35c07a29}.status-pille.aus{color:var(--rot);background:#ff9a871f}.art-pille{color:var(--schrift-leise);background:#ffffff12}.art-pille.midseason{color:#a9c8ff;background:#4c8df62e}.art-pille.finale{color:#ffd27a;background:linear-gradient(90deg,#f5b83d47,#f47a203d)}.ort-pille{color:var(--schrift-still);background:#ffffff0d}.ort-pille.vor-ort{color:#f7a8cb;background:#f06fa829}.liga-abzeichen{color:var(--akzent-schrift);background:#f47a2029;padding:2px 8px;font-size:11px}.du-pille{background:var(--feuer);color:#fff;padding:2px 8px;font-size:11px}.zahl-pille{color:var(--schrift-leise);vertical-align:middle;background:#ffffff14;padding:1px 9px;font-size:12px}.titel-pille{color:#e9c9ff;background:linear-gradient(90deg,#a335ee47,#f47a2038);font-size:13px}.level-pille{color:var(--akzent-schrift);background:#f47a2024;font-size:13px}.abend-pillen{flex-wrap:wrap;gap:6px;display:inline-flex}.zusage{border-radius:var(--rund-pille);z-index:1;background:#00000047;gap:6px;padding:4px;display:inline-flex;position:relative}.zusage button{white-space:nowrap;border-radius:var(--rund-pille);color:var(--schrift-leise);font:800 14px var(--font-text);cursor:var(--zeiger-klick);background:0 0;border:0;align-items:center;gap:6px;padding:9px 16px;transition:background .16s,color .16s;display:inline-flex}.zusage button:hover{color:var(--schrift);background:#ffffff0f}.zusage button span{font-size:12px}.zusage .zusage-ja[aria-pressed=true]{color:#fff;background:linear-gradient(#4ad08d,#2a9e63);box-shadow:0 2px 12px #35c07a66}.zusage .zusage-nein[aria-pressed=true]{color:var(--rot);background:#ff9a8733}.zusage.klein button{padding:7px 12px;font-size:13px}.liga-karten{gap:var(--abstand-md);grid-template-columns:repeat(auto-fill,minmax(min(460px,100%),1fr));display:grid}.liga-karte{border:1px solid var(--haar-stark);border-radius:var(--rund-kachel);background:radial-gradient(420px 220px at 100% 0%, color-mix(in srgb, var(--liga) 20%, transparent), transparent 70%), linear-gradient(160deg, #222b3a, #181f2b);transition:transform .22s var(--kurve-lauf), border-color .22s;animation:kachel-ein .42s var(--kurve-lauf) both;flex-direction:column;gap:16px;padding:22px;display:flex;position:relative;box-shadow:0 14px 36px #00000059}.liga-karte:hover{border-color:color-mix(in srgb, var(--liga) 60%, transparent);transform:translateY(-3px)}.liga-karte-kopf{align-items:center;gap:14px;display:flex}.liga-karte-name{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.liga-karte-name span{font:600 13px var(--font-text);color:var(--schrift-still)}.liga-karte-link{font:800 20px var(--font-titel);color:var(--schrift-buehne);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.liga-karte-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.liga-karte-link:focus-visible{outline:none}.liga-karte:has(.liga-karte-link:focus-visible){outline:2px solid var(--akzent);outline-offset:3px}.liga-karte-werte{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.liga-karte-werte div{background:#00000038;border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.liga-karte-werte b{font:800 20px var(--font-titel);font-variant-numeric:tabular-nums}.liga-karte-werte span{font:700 11px var(--font-text);letter-spacing:.4px;color:var(--schrift-still)}.liga-karte-abend{border-top:1px solid var(--haar);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding-top:14px;display:flex}.liga-karte-wann{flex-direction:column;gap:3px;display:flex}.liga-karte-wann strong{font:800 16px var(--font-titel)}.liga-tipp{margin-top:12px}.liga-leer{align-items:center;gap:var(--abstand-lg);display:flex}.liga-leer>div:not(.liga-leer-bild){flex:1}.liga-leer h3{font:800 22px var(--font-titel);margin:0 0 6px}.liga-leer p{font:600 15px/1.5 var(--font-text);color:var(--schrift-leise);margin:0 0 4px}.liga-leer>p:first-child{flex:1}.liga-suche{flex-direction:column;gap:12px;display:flex}.suchfeld{border:1px solid var(--haar-stark);border-radius:var(--rund-pille);background:#111824b3;align-items:center;gap:10px;padding:0 18px;transition:border-color .16s;display:flex}.suchfeld:focus-within{border-color:#f47a2099;box-shadow:0 0 0 4px #f47a201a}.suchfeld svg{width:20px;height:20px;fill:var(--schrift-still);flex:none}.suchfeld input{min-width:0;color:var(--schrift);font:700 16px var(--font-text);background:0 0;border:0;outline:none;flex:1;padding:15px 0}.suchfeld input::placeholder{color:var(--schrift-still)}.fund-liste{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.fund{border:1px solid var(--haar);border-left:3px solid var(--liga);border-radius:var(--rund-tafel);background:linear-gradient(90deg, color-mix(in srgb, var(--liga) 9%, #1a212d), #1a212d 45%);animation:kachel-ein .3s var(--kurve-lauf) both;grid-template-columns:40px minmax(0,1.5fr) 118px 110px minmax(0,1.3fr) auto;align-items:center;gap:16px;padding:12px 16px 12px 14px;display:grid}.fund-name{flex-direction:column;gap:2px;min-width:0;display:flex}.fund-name strong{font:800 16px var(--font-titel);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fund-name span,.fund-zahl,.fund-abend{font:600 13px var(--font-text);color:var(--schrift-still)}.fund-tun{justify-content:flex-end;align-items:center;gap:8px;min-width:132px;display:flex}.fund .zugang{justify-self:start}.fund .liga-meldung{grid-column:2/-1}.liga-schleier{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080b11b8;place-items:center;padding:24px;animation:.2s both schleier-ein;display:grid;position:fixed;inset:0}@keyframes schleier-ein{0%{opacity:0}}.liga-dialog{box-sizing:border-box;border:1px solid var(--haar-stark);border-radius:var(--rund-kachel);width:min(620px,100%);max-height:calc(100vh - 48px);animation:dialog-ein .28s var(--kurve-lauf) both;background:radial-gradient(520px 260px at 100% 0,#f47a2024,#0000 70%),linear-gradient(160deg,#232c3c,#171e2a);flex-direction:column;gap:18px;padding:26px 28px;display:flex;overflow:auto;box-shadow:0 30px 80px #0009}@keyframes dialog-ein{0%{opacity:0;transform:translateY(14px)scale(.98)}}.liga-dialog.bewerben{width:min(520px,100%)}.gruenden-kopf{align-items:center;gap:16px;display:flex}.gruenden-kopf>div{flex:1;min-width:0}.gruenden-kopf h2{font:800 26px/1.15 var(--font-titel);margin:4px 0 0}.dialog-zu{width:36px;height:36px;color:var(--schrift-leise);font:400 22px/1 var(--font-text);cursor:var(--zeiger-klick);background:#ffffff0f;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.dialog-zu:hover{color:var(--schrift);background:#ffffff1f}.schritte{counter-reset:schritt;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.schritte li{counter-increment:schritt;font:800 13px var(--font-text);color:var(--schrift-still);border-top:3px solid #ffffff1a;align-items:center;gap:8px;padding-top:10px;display:flex}.schritte li:before{content:counter(schritt);background:#ffffff14;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.schritte li.an{border-color:var(--feuer);color:var(--schrift)}.schritte li.an:before{background:var(--feuer);color:#fff}.schritte li.fertig{color:var(--schrift-leise);border-color:#f47a2073}.schritte li.fertig:before{content:"✓";color:#fff;background:#f47a204d}.reiter{border-radius:var(--rund-pille);background:#00000040;align-self:flex-start;gap:4px;padding:4px;display:flex}.reiter button{border-radius:var(--rund-pille);color:var(--schrift-leise);font:800 13px var(--font-text);cursor:var(--zeiger-klick);background:0 0;border:0;padding:8px 16px}.reiter button[aria-selected=true]{color:var(--schrift);background:#ffffff1a}.gruenden-inhalt{min-height:300px}.dialog-fuss{justify-content:space-between;gap:12px;padding-top:6px;display:flex}.liga-felder{flex-direction:column;gap:16px;display:flex}.liga-feld{flex-direction:column;gap:7px;min-width:0;display:flex}.liga-feld>span{font:800 13px var(--font-text);color:var(--schrift-leise)}.liga-feld small{font:600 12px var(--font-text);color:var(--schrift-still)}.liga-feld small.fehler{color:var(--rot)}.liga-feld input,.liga-feld textarea,.faktorwahl select,.preis-eingabe input,.einladung-link input{box-sizing:border-box;border:1px solid var(--haar-stark);width:100%;color:var(--schrift);font:700 15px var(--font-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a0e1699;border-radius:14px;padding:12px 14px;transition:border-color .16s}.liga-feld textarea{resize:vertical;min-height:96px;line-height:1.5}.liga-feld input:focus,.liga-feld textarea:focus,.faktorwahl select:focus,.preis-eingabe input:focus{border-color:#f47a20a6;outline:none;box-shadow:0 0 0 3px #f47a201f}.liga-feld [aria-invalid=true],.preis-eingabe [aria-invalid=true]{border-color:var(--rot)}.liga-feld-reihe{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.liga-dauer strong{font:800 15px var(--font-text);color:var(--akzent-schrift);padding:12px 0}.liga-zeile{border-radius:var(--rund-tafel);background:#0003;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.liga-zeile-titel{font:800 15px var(--font-titel)}.liga-zeile-satz{max-width:34ch;font:600 13px/1.45 var(--font-text);color:var(--schrift-still);margin-top:3px}.liga-zeile-wahl{flex:none;align-items:center;gap:10px;display:flex}.liga-zeile .umschalter button{min-width:0;padding:8px 14px;font-size:13px}.liga-felder>.liga-feld .umschalter{border-radius:18px;flex-wrap:wrap;align-self:flex-start}.farbwahl{flex-wrap:wrap;gap:10px;display:flex}.farbwahl button{background:var(--liga);width:34px;height:34px;cursor:var(--zeiger-klick);border:3px solid #0000;border-radius:50%;padding:0;transition:transform .16s;box-shadow:inset 0 0 0 2px #00000040}.farbwahl button:hover{transform:scale(1.1)}.farbwahl button[aria-checked=true]{box-shadow:0 0 0 3px color-mix(in srgb, var(--liga) 50%, transparent), 0 0 16px var(--liga);border-color:#fff}.faktorwahl{flex-direction:column;gap:4px;display:flex}.faktorwahl span{font:800 11px var(--font-text);letter-spacing:.5px;color:var(--schrift-still)}.faktorwahl select{width:auto;min-width:86px;padding:8px 12px;font-size:14px}.preis-liste{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.preis-eingabe{grid-template-columns:28px minmax(0,.9fr) minmax(0,1.4fr) 34px;align-items:center;gap:8px;display:grid}.preis-nr{color:#ffd27a;width:26px;height:26px;font:800 13px var(--font-titel);background:#f5b83d2e;border-radius:50%;place-items:center;display:grid}.preis-weg{width:34px;height:34px;color:var(--schrift-still);font:400 20px/1 var(--font-text);cursor:var(--zeiger-klick);background:#ffffff0d;border:0;border-radius:50%}.preis-weg:hover{color:var(--rot);background:#ff9a8724}.preis-dazu{align-self:flex-start}.preis-hinweis{font:700 13px/1.45 var(--font-text);color:#f2d59b;background:#f5b83d14;border-radius:14px;margin:0;padding:10px 14px;box-shadow:inset 0 0 0 1px #f5b83d2e}.planen-vorschau{border-radius:var(--rund-tafel);background:#0003;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.planen-vorschau ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.planen-vorschau li{border-radius:var(--rund-pille);font:700 13px var(--font-text);background:#ffffff0f;padding:5px 10px}.liga-held{border:1px solid color-mix(in srgb, var(--liga) 35%, transparent);border-radius:var(--rund-kachel);background:radial-gradient(640px 280px at 95% 120%, color-mix(in srgb, var(--liga) 34%, transparent), transparent 70%), linear-gradient(135deg, #222c3e, #161d2a 65%);align-items:center;gap:22px;padding:26px 28px;display:flex;box-shadow:0 14px 36px #0006}.liga-held-text{flex:1;min-width:0}.liga-held h2{font:800 38px/1.05 var(--font-titel);letter-spacing:-.6px;color:var(--schrift-buehne);margin:4px 0 10px}.liga-held-zeile{font:700 14px var(--font-text);color:var(--schrift-leise);flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.liga-held-tun{flex-direction:column;flex:none;align-items:stretch;gap:8px;display:flex}.liga-banner{border-radius:var(--rund-tafel);font:800 15px var(--font-text);color:#ffd9c2;background:linear-gradient(90deg,#f47a2033,#f47a200f);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;box-shadow:inset 0 0 0 1px #f47a2059}.liga-raster{gap:var(--abstand-md);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.liga-haupt,.liga-seite-leiste{gap:var(--abstand-md);flex-direction:column;display:flex}.liga-seite-leiste h3,.abende h3,.tabelle h3{font:800 18px var(--font-titel);margin:0 0 6px}.naechster{background:radial-gradient(520px 260px at 100% 110%,#f47a2047,#0000 70%),linear-gradient(135deg,#232d40,#171e2b 65%);border-color:#f47a2059;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;display:grid}.naechster.midseason{background:radial-gradient(520px 260px at 100% 110%,#4c8df64d,#0000 70%),linear-gradient(135deg,#222c40,#161d2b 65%);border-color:#4c8df673}.naechster.finale{background:radial-gradient(560px 280px at 100% 110%,#f5b83d52,#0000 70%),linear-gradient(135deg,#2a2a33,#171d29 65%);border-color:#f5b83d8c}.naechster.leer{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.naechster.leer p{font:700 18px var(--font-titel);margin:0}.naechster-datum{width:86px;height:96px;font:800 12px var(--font-text);letter-spacing:1px;text-transform:uppercase;color:var(--akzent-schrift);background:#0000004d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.naechster-datum b{font:800 40px/1 var(--font-titel);letter-spacing:-1px;color:var(--schrift-buehne)}.naechster-text{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex}.naechster-wann{font:800 20px var(--font-titel)}.naechster-uhr{font:800 34px/1.05 var(--font-titel);font-variant-numeric:tabular-nums;background:linear-gradient(#fff 30%,#f7bb9a);color:#0000;-webkit-background-clip:text;background-clip:text}.naechster-leute{align-items:center;gap:10px;display:flex}.gesichter{display:inline-flex}.gesichter .profilbild{width:28px;height:28px;margin-left:-8px;font-size:12px;box-shadow:0 0 0 2px #1d2534}.gesichter .profilbild:first-child{margin-left:0}.naechster-tun{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.naechster-haupt{background:linear-gradient(180deg, #f79a55, var(--feuer));width:auto;min-width:210px;min-height:52px;box-shadow:var(--schein-feuer);padding:0 26px;text-decoration:none}.tabelle table{border-collapse:collapse;width:100%;font:700 15px var(--font-text);font-variant-numeric:tabular-nums}.tabelle th{border-bottom:1px solid var(--haar-stark);font:800 11px var(--font-text);letter-spacing:.8px;text-transform:uppercase;color:var(--schrift-still);text-align:right;padding:8px 10px}.tabelle th:nth-child(2){text-align:left}.tabelle th:first-child,.tabelle td:first-child{text-align:center;width:44px}.tabelle td{border-bottom:1px solid var(--haar);text-align:right;color:var(--schrift-leise);padding:10px}.tabelle td.tabelle-name{text-align:left;color:var(--schrift);align-items:center;gap:10px;display:flex}.tabelle td.tabelle-name .profilbild{width:28px;height:28px;font-size:12px}.tabelle-rang{font:800 16px var(--font-titel);color:var(--schrift-still)}.tabelle tr[data-rang="1"] .tabelle-rang{color:#ffd27a;text-shadow:0 0 12px #f5b83d99}.tabelle tr[data-rang="2"] .tabelle-rang{color:#d8dee8}.tabelle tr[data-rang="3"] .tabelle-rang{color:#e3a06b}.tabelle td.tabelle-punkte{font:800 17px var(--font-titel);color:var(--schrift-buehne)}.tabelle tr.ich td{background:#f47a2014}.tabelle tr.ich td:first-child{border-radius:12px 0 0 12px}.tabelle tr.ich td:last-child{border-radius:0 12px 12px 0}.serie-heiss{color:var(--akzent-schrift)}.serie-heiss:after{content:" ▲";font-size:10px}.tabelle-regel,.tabelle table+.liga-klein{margin-top:10px}.abend-liste{flex-direction:column;gap:8px;margin:6px 0 0;padding:0;list-style:none;display:flex}.abend{border-radius:var(--rund-tafel);background:#0003;align-items:center;gap:14px;padding:10px 12px;display:flex}.abend-datum{width:52px;height:54px;font:800 11px var(--font-text);text-transform:uppercase;color:var(--schrift-still);background:#ffffff0d;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.abend-datum b{font:800 22px/1 var(--font-titel);color:var(--schrift)}.abend-text{min-width:0;font:700 14px var(--font-text);flex-direction:column;flex:1;align-items:flex-start;gap:4px;display:flex}.abend-weg{width:32px;height:32px;color:var(--schrift-still);font:400 18px/1 var(--font-text);cursor:var(--zeiger-klick);background:#ffffff0a;border:0;border-radius:50%;flex:none}.abend-weg:hover{color:var(--rot);background:#ff9a8724}.abend.still{opacity:.65}.abend-mein{font:700 13px var(--font-text);color:var(--schrift-still);flex-direction:column;align-items:flex-end;gap:2px;display:flex}.abend-mein b{font:800 18px var(--font-titel);color:#7bd9a4}.preise{background:radial-gradient(360px 200px at 100% 0,#f5b83d38,#0000 70%),linear-gradient(160deg,#2a2b33,#191e29);border-color:#f5b83d66;flex-direction:column;gap:12px;display:flex}.preise-kopf{align-items:center;gap:10px;display:flex}.preise-kopf svg{fill:#ffd27a;filter:drop-shadow(0 0 10px #f5b83d99);width:28px;height:28px}.preise-kopf h3{margin:0}.preis-sicht{counter-reset:preis;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.preis-sicht li{counter-increment:preis;background:#00000038;border-radius:14px;grid-template-columns:28px 1fr;gap:2px 10px;padding:10px 12px;display:grid}.preis-sicht li:before{content:counter(preis);color:#ffd27a;width:26px;height:26px;font:800 13px var(--font-titel);background:#f5b83d2e;border-radius:50%;grid-row:span 2;place-items:center;display:grid}.preis-sicht li.erster{background:linear-gradient(90deg,#f5b83d33,#0003);box-shadow:inset 0 0 0 1px #f5b83d4d}.preis-sicht li.erster:before{content:"★";color:#3a2400;background:linear-gradient(#ffd27a,#e89a2b)}.preis-titel{font:800 15px var(--font-titel);color:var(--schrift-buehne)}.preis-text{font:600 13px/1.4 var(--font-text);color:#f2d59b}.einladen,.mitglieder,.bewerbungen{flex-direction:column;gap:10px;display:flex}.einladung-link{gap:8px;display:flex}.einladung-link input{min-width:0;color:var(--schrift-leise);flex:1;padding:10px 12px;font-size:13px}.mitglieder ul,.bewerbungen ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.mitglieder li{border-bottom:1px solid var(--haar);font:700 14px var(--font-text);align-items:center;gap:10px;padding:7px 4px;display:flex}.mitglieder li .profilbild{width:28px;height:28px;font-size:12px}.mitglied-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bewerbungen{border-color:#9b6dff66}.bewerbungen li{background:#0003;border-radius:14px;grid-template-columns:34px 1fr;gap:6px 10px;padding:10px;display:grid}.bewerbung-text{font:700 14px var(--font-text);flex-direction:column;gap:4px;display:flex}.bewerbung-text q{font:600 13px/1.45 var(--font-text);color:var(--schrift-leise)}.bewerbung-tun{grid-column:2;gap:8px;display:flex}.einladung .spiel-inhalt{flex:1;justify-content:center;align-items:center}.einladung-karte{box-sizing:border-box;text-align:center;border-radius:var(--rund-kachel);background:radial-gradient(520px 300px at 50% 120%,#f47a2052,#0000 70%),linear-gradient(160deg,#232c3c,#171e2a);border:1px solid #f47a2059;flex-direction:column;align-items:center;gap:14px;width:min(560px,100%);padding:40px 44px;display:flex;box-shadow:0 24px 60px #00000080}.einladung-karte h2{font:800 30px/1.15 var(--font-titel);margin:0}.einladung-karte p{max-width:40ch;font:600 16px/1.5 var(--font-text);color:var(--schrift-leise);margin:0}.einladung-karte .py-knopf{background:linear-gradient(180deg, #f79a55, var(--feuer));width:auto;min-width:260px;box-shadow:var(--schein-feuer);margin-top:8px}.einladung-bild{filter:drop-shadow(0 12px 24px #00000080);width:120px;animation:schweben 3.6s var(--kurve-sinus) infinite alternate}.einladung-bild svg{width:100%;display:block}@keyframes schweben{to{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.liga-karte,.fund,.liga-dialog,.liga-schleier{animation-duration:.1s}.einladung-bild{animation:none}.liga-karte:hover{transform:none}}