body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:500 800;src:url(../../static/media/manrope-latin.301f680ba4d15df9280e.woff2) format("woff2")}:root{--font-sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--bg:#0d1116;--rgb-bg:13,17,22;--bg-oben:#11171e;--bg-unten:#0b0e12;--flaeche:#161c23;--flaeche-2:#1d252e;--flaeche-3:#26303b;--linie:#28323e;--linie-2:#364350;--schatten-tief:#0a0d11;--text:#eef2f6;--text-2:#a9b4c1;--text-3:#6e7a88;--white:#fff;--rgb-white:255,255,255;--weiss-2:#e0e0e0;--weiss-kante:#8a94a6;--black:#000;--rgb-black:0,0,0;--gruen:#1ed760;--gruen-hell:#46e283;--gruen-satt:#25f46e;--gruen-tief:#10893b;--gruen-dunkel:#04210f;--rgb-gruen:30,215,96;--rot:#ff5a5a;--rot-hell:#ff8080;--rot-satt:#ff4d4d;--rot-tief:#b13434;--rot-blass:#ffb3b3;--rgb-rot:255,90,90;--gold:#f5c451;--rgb-gold:245,196,81;--blau:#5aa9ff;--rgb-blau:90,169,255;--spieler-1:#5aa9ff;--spieler-2:#c49bff;--spieler-3:#ffb547;--spieler-4:#4fd1c5;--spieler-5:#ff8fab;--spieler-6:#a3e635;--spieler-7:#f97362;--spieler-8:#93a5ff;--r-s:10px;--r-m:14px;--r-l:20px;--r-xl:28px;--r-pill:999px;--schatten-karte:0 18px 40px rgba(var(--rgb-black),0.45);--z-raised:10;--z-overlay:2000;--z-modal:3000;--z-toast:4500}.knopf{align-items:center;border:0;border-radius:var(--r-m);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:17px;font-weight:var(--weight-extrabold);gap:10px;justify-content:center;letter-spacing:-.005em;min-height:56px;padding:0 18px;transition:transform .08s ease,box-shadow .08s ease,opacity .2s ease;width:100%}.knopf .icon{flex-shrink:0;height:22px;width:22px}.knopf:disabled{cursor:default;opacity:.45;transform:none}.knopf.haupt{background:linear-gradient(180deg,var(--gruen-hell) 0,var(--gruen) 60%,var(--gruen-satt) 100%);box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.4),0 4px 0 var(--gruen-tief),0 14px 28px rgba(var(--rgb-gruen),.22);color:var(--gruen-dunkel)}.knopf.haupt:active:not(:disabled){box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.4),0 1px 0 var(--gruen-tief);transform:translateY(3px)}.knopf.neben{background:var(--flaeche-2);border:1px solid var(--linie-2);box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.05),0 3px 0 var(--schatten-tief);color:var(--text)}.knopf.neben:active:not(:disabled){box-shadow:0 1px 0 var(--schatten-tief);transform:translateY(2px)}.knopf.neben.falsch{color:var(--rot-hell)}.knopf.text{background:none;color:var(--text-2);font-size:15px;font-weight:var(--weight-bold);min-height:44px}.knopf.text:active:not(:disabled){color:var(--text)}.knopf.hell{background:linear-gradient(180deg,var(--white),var(--weiss-2));box-shadow:inset 0 1px 0 var(--white),0 4px 0 var(--weiss-kante),0 14px 28px rgba(var(--rgb-black),.3);color:var(--bg)}.knopf.hell:active:not(:disabled){box-shadow:0 1px 0 var(--weiss-kante);transform:translateY(3px)}.knopf.halten,.knopf.hoch{min-height:64px}.knopf.halten{flex-direction:column;gap:2px;overflow:hidden;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.knopf.halten .zeile{align-items:center;display:flex;gap:10px}.knopf.halten small{color:var(--text-3);font-size:12px;font-weight:var(--weight-bold);letter-spacing:.02em}.knopf.halten:after{background:var(--blau);bottom:0;box-shadow:0 0 12px rgba(var(--rgb-blau),.6);content:"";height:3px;left:0;position:absolute;transition:width .25s ease;width:0}.knopf.halten:active:after{width:100%}*,:after,:before{box-sizing:border-box}body,html{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background-color:var(--bg);color:var(--text);font-family:var(--font-sans);margin:0;min-height:100%;overflow-x:hidden;overflow-x:clip;padding:0;position:relative;-webkit-user-select:none;user-select:none;width:100%}input,select,textarea{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}#root{min-height:100dvh}body:before{background:radial-gradient(circle,rgba(var(--rgb-white),.045) 1px,#0000 1.5px) 0 0 /22px 22px,radial-gradient(ellipse 120% 45% at 50% -8%,rgba(var(--rgb-blau),.13),#0000 70%),linear-gradient(180deg,var(--bg-oben) 0,var(--bg) 55%,var(--bg-unten) 100%);content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}.fehler-ikon{background:rgba(var(--rgb-gold),.12);border:1px solid rgba(var(--rgb-gold),.35);border-radius:var(--r-l);color:var(--gold);display:grid;height:64px;place-items:center;width:64px}.fehler-detail{max-width:340px;overflow-wrap:anywhere}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.start .spiel-mitte{gap:18px}.start .knopf.text.klein{font-size:14px;min-height:32px}.stepper-zeile{align-items:center;background:var(--flaeche-2);border:1px solid var(--linie);border-radius:var(--r-m);display:flex;gap:12px;min-height:64px;padding:0 10px 0 12px}.stepper-name{flex:1 1;font-size:17px;font-weight:var(--weight-extrabold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stepper{align-items:center;display:flex;gap:6px}.stepper button{background:var(--flaeche-3);border:1px solid var(--linie-2);border-radius:12px;box-shadow:0 2px 0 var(--schatten-tief);color:var(--text);cursor:pointer;display:grid;height:44px;place-items:center;touch-action:manipulation;width:44px}.stepper button:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.stepper button:disabled{cursor:default;opacity:.35}.stepper button.plus{background:var(--gruen);border-color:#0000;box-shadow:0 2px 0 var(--gruen-tief);color:var(--gruen-dunkel)}.stepper b{font-feature-settings:"tnum";font-size:26px;font-variant-numeric:tabular-nums;font-weight:var(--weight-extrabold);min-width:40px;text-align:center}.plattenspieler{--s:1;--skala:calc(var(--s)*var(--hf, 1));flex-shrink:0;height:calc(300px*var(--skala));position:relative;width:calc(300px*var(--skala))}.plattenspieler.mittel{--s:0.74}.plattenspieler.klein{--s:0.6}.plattenspieler .deck{height:300px;left:0;position:absolute;top:0;transform:scale(var(--skala));transform-origin:0 0;width:300px}.deck-ring{inset:0;position:absolute;transform:rotate(-90deg)}.deck-ring circle{fill:none;stroke-width:5;stroke-linecap:round}.deck-ring .spur{stroke:var(--flaeche-3)}.deck-ring .rest{stroke:var(--gruen);filter:drop-shadow(0 0 6px rgba(var(--rgb-gruen),.5));transition:stroke-dashoffset .3s linear,stroke .3s ease}.deck-ring .rest.ohne-limit{stroke:rgba(var(--rgb-gruen),.35);filter:none}.plattenspieler.knapp .deck-ring .rest{stroke:var(--rot);filter:drop-shadow(0 0 6px rgba(var(--rgb-rot),.6))}.platte{background:radial-gradient(circle at 50% 50%,#1b1f26 0,#0c0e12 62%,#060709 100%);box-shadow:0 22px 50px rgba(var(--rgb-black),.7),inset 0 0 0 1px rgba(var(--rgb-white),.07),inset 0 0 30px rgba(var(--rgb-black),.9);height:236px;left:32px;overflow:hidden;top:32px;width:236px}.platte,.platte:before{border-radius:50%;position:absolute}.platte:before{background:repeating-radial-gradient(circle at 50% 50%,#ffffff0d 0,#ffffff0d .5px,#00000080 1.5px,#00000080 3px);content:"";inset:0;-webkit-mask-image:radial-gradient(circle,#0000 24%,#000 29%,#000 95%,#0000 99%);mask-image:radial-gradient(circle,#0000 24%,#000 29%,#000 95%,#0000 99%)}.platte-label{background:radial-gradient(circle,#0000 0 40%,#04210f8c 41% 43%,#0000 44%),repeating-conic-gradient(#04210f0f 0 8deg,#0000 8deg 16deg),radial-gradient(circle at 38% 32%,#6ff0a0 0,var(--gruen) 48%,var(--gruen-tief) 100%);box-shadow:inset 0 0 0 1px rgba(var(--rgb-white),.2),0 0 0 1px rgba(var(--rgb-black),.6);height:36%;left:32%;top:32%;width:36%}.platte-label,.platte-label:after{border-radius:50%;position:absolute}.platte-label:after{background:var(--schatten-tief);box-shadow:inset 0 1px 2px var(--black),0 0 0 1px rgba(var(--rgb-white),.15);content:"";height:14%;left:43%;top:43%;width:14%}.plattenspieler.laeuft .platte{animation:spin 1.8s linear infinite}.platte-glanz{background:linear-gradient(115deg,rgba(var(--rgb-white),.15) 0,rgba(var(--rgb-white),.03) 20%,#0000 40%,#0000 62%,rgba(var(--rgb-white),.05) 82%,rgba(var(--rgb-white),.12) 100%);border-radius:50%;height:236px;left:32px;pointer-events:none;position:absolute;top:32px;width:236px}.tonarm{filter:drop-shadow(-6px 10px 8px rgba(var(--rgb-black),.55));height:190px;left:262px;position:absolute;top:-2px;transform:rotate(-9deg);transform-origin:20px 26px;transition:transform 1.2s cubic-bezier(.45,0,.2,1);width:40px}.plattenspieler.laeuft .tonarm{transform:rotate(26deg)}.tonarm .gewicht{background:linear-gradient(90deg,#5c6672,#c9d0d8 45%,#6d7782);border-radius:4px;height:14px;left:12px;position:absolute;top:0;width:16px}.tonarm .lager{background:radial-gradient(circle,#e6eaef 0 5px,#4a5562 5.5px 8px,#a9b3be 8.5px 12px,var(--flaeche-3) 12.5px);border-radius:50%;box-shadow:0 0 0 1px rgba(var(--rgb-white),.08);height:32px;left:4px;position:absolute;top:10px;width:32px}.tonarm .stab{background:linear-gradient(90deg,#7d8792,var(--text) 50%,#7d8792);border-radius:2px;height:128px;left:18px;position:absolute;top:34px;width:4px}.tonarm .kopfteil{background:linear-gradient(180deg,#3a4552,#222a33);border-radius:4px 4px 6px 6px;box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.15);height:30px;left:11px;position:absolute;top:156px;transform:rotate(-14deg);width:18px}.tonarm .kopfteil:after{background:var(--gruen);border-radius:1px;bottom:-3px;content:"";height:5px;left:7px;position:absolute;width:4px}@media (prefers-reduced-motion:reduce){.plattenspieler.laeuft .platte{animation-duration:8s}.tonarm{transition:none}}.setup .spiel-mitte.oben{gap:22px;padding-top:16px}.setup .abschnitt-titel{margin-bottom:0}.setup-hinweis{text-align:left}.sheet.wiederholung{align-items:center;gap:14px;padding:26px 20px 18px;text-align:center}.wiederholung-ikon{background:rgba(var(--rgb-gold),.12);border:1px solid rgba(var(--rgb-gold),.35);border-radius:var(--r-m);color:var(--gold);display:grid;height:56px;place-items:center;width:56px}.wiederholung h2{font-size:24px;font-weight:var(--weight-extrabold);letter-spacing:-.01em;margin:0}.wiederholung p{color:var(--text-2);font-size:15px;line-height:1.45;margin:0}.restzeit{font-feature-settings:"tnum";align-items:baseline;display:inline-flex;font-variant-numeric:tabular-nums;gap:6px}.restzeit b{color:var(--text);font-size:30px;font-weight:var(--weight-extrabold);letter-spacing:-.02em}.restzeit span{color:var(--text-3);font-size:14px;font-weight:var(--weight-bold)}.restzeit.knapp b{color:var(--rot)}.aufgabe{flex-direction:column;gap:8px;text-align:center}.aufgabe,.aufgabe-name{align-items:center;display:flex}.aufgabe-name{color:var(--text);font-size:34px;font-weight:var(--weight-extrabold);gap:12px;letter-spacing:-.02em;line-height:1;margin:0}.aufgabe-ikon{background:rgba(var(--rgb-gruen),.12);border:1px solid rgba(var(--rgb-gruen),.35);border-radius:var(--r-m);color:var(--gruen);display:grid;height:46px;place-items:center;width:46px}.aufgabe-text{color:var(--text-2);font-size:15px;line-height:1.45;margin:0;max-width:300px}.geraete{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.geraet{align-items:center;background:var(--flaeche-2);border:1.5px solid var(--linie);border-radius:var(--r-m);color:var(--text);cursor:pointer;display:flex;font-family:var(--font-sans);gap:12px;min-height:64px;padding:8px 14px;text-align:left;width:100%}.geraet.hier{background:linear-gradient(180deg,rgba(var(--rgb-gruen),.12),rgba(var(--rgb-gruen),.03));border-color:rgba(var(--rgb-gruen),.55)}.geraet-ikon{background:rgba(var(--rgb-gruen),.12);border:1px solid rgba(var(--rgb-gruen),.3);border-radius:var(--r-m);color:var(--gruen);display:grid;flex-shrink:0;height:40px;place-items:center;width:40px}.geraet-ikon.blau{background:rgba(var(--rgb-blau),.12);border-color:rgba(var(--rgb-blau),.3);color:var(--blau)}.geraet-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.geraet-text b{font-size:16px;font-weight:var(--weight-extrabold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.geraet-text small{color:var(--text-3);font-size:13px}.geraet-empfohlen{background:var(--gruen);border-radius:6px;color:var(--gruen-dunkel);font-size:11px;padding:3px 7px}.geraet-aktiv,.geraet-empfohlen{flex-shrink:0;font-weight:var(--weight-extrabold)}.geraet-aktiv{align-items:center;color:var(--gruen);display:inline-flex;font-size:12px;gap:4px}.geraet-aktiv i{background:var(--gruen);border-radius:50%;height:7px;width:7px}.geraete-leer{align-items:center;border:1px dashed var(--linie-2);border-radius:var(--r-m);color:var(--text-3);display:flex;flex-direction:column;font-size:14px;font-weight:var(--weight-semibold);gap:8px;padding:24px 18px;text-align:center}.geraete-leer b{color:var(--text);font-size:16px}.geraete-leer-ikon{background:rgba(var(--rgb-blau),.12);border:1px solid rgba(var(--rgb-blau),.3);border-radius:var(--r-m);color:var(--blau);display:grid;height:44px;place-items:center;width:44px}.sheet .reihe{display:flex;gap:10px}.sheet .reihe>*{flex:1 1;min-width:0}a.knopf{text-decoration:none}.knopf.text.geraete-protokoll{min-height:36px}.history-list{list-style:none;margin:0;padding:0}.history-entry,.history-list{display:flex;flex-direction:column;gap:10px}.history-entry{background:var(--flaeche-2);border:1px solid var(--linie);border-radius:var(--r-m);padding:14px}.history-entry-meta{color:var(--text-3);display:flex;font-size:12px;font-weight:var(--weight-extrabold);justify-content:space-between;letter-spacing:.1em;text-transform:uppercase}.history-song{align-items:center;display:flex;gap:10px}.history-aufgabe{background:rgba(var(--rgb-gruen),.12);border:1px solid rgba(var(--rgb-gruen),.35);border-radius:10px;color:var(--gruen);display:grid;flex-shrink:0;height:36px;place-items:center;width:36px}.history-song-text{display:flex;flex-direction:column;min-width:0}.history-song-text b{color:var(--text);font-size:16px;font-weight:var(--weight-extrabold);overflow-wrap:anywhere}.history-song-text small{color:var(--text-2);font-size:13px}.history-unten{align-items:center;display:flex;gap:8px}.punkt-chip{align-items:center;background:rgba(var(--rgb-gruen),.1);border:1px solid rgba(var(--rgb-gruen),.4);border-radius:var(--r-pill);color:var(--text);display:inline-flex;font-size:14px;font-weight:var(--weight-extrabold);gap:8px;height:36px;min-width:0;padding:0 12px 0 4px;white-space:nowrap}.punkt-chip.leer{background:#0000;border:1px dashed var(--linie-2);color:var(--text-3);padding:0 12px}.umbuchen{align-items:center;background:var(--flaeche-3);border:1px solid var(--linie-2);border-radius:10px;color:var(--text-2);cursor:pointer;display:inline-flex;font-size:13px;font-weight:var(--weight-extrabold);gap:6px;height:36px;margin-left:auto;padding:0 12px;position:relative}.umbuchen select{cursor:pointer;font-size:16px;inset:0;opacity:0;position:absolute;width:100%}.history-loeschen{background:rgba(var(--rgb-rot),.08);border:1px solid rgba(var(--rgb-rot),.3);border-radius:10px;color:var(--rot-hell);cursor:pointer;display:grid;flex-shrink:0;height:36px;place-items:center;width:36px}.history-leer{color:var(--text-3);font-size:14px;margin:12px 0;text-align:center}.zeile-knopf{align-items:center;background:var(--flaeche-2);border:1px solid var(--linie);border-radius:var(--r-m);color:var(--text);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:16px;font-weight:var(--weight-bold);gap:12px;min-height:56px;padding:0 12px 0 14px;text-align:left;width:100%}.zeile-knopf>.icon{color:var(--text-2)}.zeile-rechts{align-items:center;color:var(--text-3);display:flex;gap:8px;margin-left:auto}.zeile-rechts .status-chip{height:30px}.abschnitt-titel .einstellungen-h2{color:var(--text-3);font-size:13px;letter-spacing:.14em;text-transform:uppercase}.spieler-zeile{align-items:center;display:flex;gap:10px}.spieler-zeile .feld{flex:1 1}.spieler-zeile .feld[readonly]{color:var(--text-2)}.spieler-stand{font-feature-settings:"tnum";color:var(--gruen);font-size:18px;font-variant-numeric:tabular-nums;font-weight:var(--weight-extrabold);min-width:34px;text-align:right}.knopf.text.einstellungen-abmelden{color:var(--rot-hell);min-height:36px}.einstellungen-fuss{margin:-6px 0 0;text-align:center}.endstand{gap:22px;width:100%}.endstand,.sieger{align-items:center;display:flex;flex-direction:column}.sieger{gap:10px;text-align:center}.sieger-krone{animation:krone-schweben 2.4s ease-in-out infinite;color:var(--gold);filter:drop-shadow(0 4px 12px rgba(var(--rgb-gold),.45))}.sieger-krone .icon{stroke-width:1.7;fill:rgba(var(--rgb-gold),.18)}.sieger h1{font-size:36px;font-weight:var(--weight-extrabold);letter-spacing:-.03em;line-height:1.05;margin:0}.sieger p{color:var(--text-2);font-size:15px;margin:0}@keyframes krone-schweben{50%{transform:translateY(-5px)}}.podest{align-items:flex-end;display:flex;gap:10px;width:100%}.stufe{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.stufe-name{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stufe-block,.stufe-name{font-weight:var(--weight-extrabold)}.stufe-block{font-feature-settings:"tnum";background:linear-gradient(180deg,var(--flaeche-3),var(--flaeche));border:1px solid var(--linie-2);border-radius:14px 14px 6px 6px;box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.08);display:flex;font-size:24px;font-variant-numeric:tabular-nums;justify-content:center;padding-top:10px;width:100%}.stufe.platz-eins .stufe-block{height:140px}.stufe.platz-zwei .stufe-block{height:96px}.stufe.platz-drei .stufe-block{height:64px}.stufe.sieg .stufe-block{background:linear-gradient(180deg,var(--gruen-hell),var(--gruen) 45%,var(--gruen-tief));border-color:#0000;box-shadow:0 10px 30px rgba(var(--rgb-gruen),.25),inset 0 1px 0 rgba(var(--rgb-white),.4);color:var(--gruen-dunkel)}.stufe.platz-eins .ava{font-size:28px;height:64px;width:64px}.stufe.sieg .ava{box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--gold),0 0 30px rgba(var(--rgb-gold),.35)}.stufe.platz-eins .stufe-name{font-size:16px}@media (prefers-reduced-motion:reduce){.sieger-krone{animation:none}}.beitritt .spiel-mitte.oben{gap:16px;padding-top:24px}.beitritt-belegt{align-self:flex-start;text-align:left}.lobby .spiel-mitte{gap:20px}.lobby .ansage h1{font-size:34px}.lobby .abschnitt-titel{margin-bottom:0}.buzzer-zone{display:flex;flex-direction:column;gap:12px}.buzzer-zone.jahr-abgegeben{align-items:center;gap:14px}.wer-tippt{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.wer-tippt .ava.offen{background:#0000;border:1.5px dashed var(--linie-2);box-shadow:none;color:var(--text-3)}.wer-tippt .hinweis-text{margin-left:4px}.diag-list{background:var(--schatten-tief);border:1px solid var(--linie);border-radius:var(--r-m);display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.diag-entry{grid-gap:8px;border-bottom:1px solid var(--linie);color:var(--text-2);display:grid;font-size:12.5px;gap:8px;grid-template-columns:62px 82px 1fr;line-height:1.4;padding:9px 12px}.diag-entry:last-child{border-bottom:0}.diag-entry time{font-feature-settings:"tnum";color:var(--text-3);font-variant-numeric:tabular-nums}.diag-entry em{color:var(--blau);font-size:11px;font-style:normal;font-weight:var(--weight-extrabold);letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.diag-entry span{overflow-wrap:anywhere}.diag-count,.diag-data,.protokoll-leer{color:var(--text-3)}.protokoll-leer{font-size:14px;margin:8px 0;text-align:center}.diag-entry.diag-netz em,.diag-entry.diag-spotify em{color:var(--rot-hell)}.diag-entry.diag-geraet em,.diag-entry.diag-wachbleiben em{color:var(--gold)}.qr-gross{align-items:center;display:flex;flex-direction:column;gap:14px;padding:6px 0 4px}.qr-gross-bild{background:var(--white);border-radius:22px;line-height:0;padding:14px}.qr-gross b{color:var(--gruen);font-size:48px;font-weight:var(--weight-extrabold);letter-spacing:.18em;line-height:1}.qr-gross span{color:var(--text-2);font-size:14px}.qr-gross-hinweis{text-align:center}.jahr-auswertung{gap:16px;width:100%}.jahr-auswertung,.jahr-gross{align-items:center;display:flex;flex-direction:column}.jahr-gross{gap:2px}.jahr-gross b{font-feature-settings:"tnum";color:var(--gruen);font-size:64px;font-variant-numeric:tabular-nums;font-weight:var(--weight-extrabold);letter-spacing:-.03em;line-height:1;text-shadow:0 0 30px rgba(var(--rgb-gruen),.35)}.loesung{align-items:center;display:flex;gap:14px;width:100%}.loesung-cover{border-radius:12px;box-shadow:0 10px 24px rgba(var(--rgb-black),.5),inset 0 0 0 1px rgba(var(--rgb-white),.1);flex-shrink:0;height:84px;object-fit:cover;width:84px}.loesung-cover.leer{background:var(--flaeche-3);color:var(--text-3);display:grid;place-items:center}.loesung-text{display:flex;flex-direction:column;gap:3px;min-width:0}.loesung-titel{color:var(--text);font-size:21px;font-weight:var(--weight-extrabold);letter-spacing:-.015em;line-height:1.15;overflow-wrap:anywhere}.loesung-interpret{color:var(--text-2);font-size:16px}.loesung-interpret,.loesung-meta{font-weight:var(--weight-semibold)}.loesung-meta{color:var(--text-3);font-size:13px}.loesung.gross{flex-direction:column;gap:16px;text-align:center}.loesung.gross .loesung-cover{border-radius:18px;height:min(200px,52vw);width:min(200px,52vw)}.loesung.gross .loesung-text{align-items:center}.loesung.gross .loesung-titel{font-size:26px}.loesung.hinweis{justify-content:center;min-height:84px}.loesung-hinweis{align-items:center;color:var(--text-2);display:inline-flex;font-size:15px;font-weight:var(--weight-bold);gap:8px}.halten-ebene{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(var(--rgb-black),.7);gap:14px;inset:0;justify-content:flex-end;padding:16px 16px calc(26px + env(safe-area-inset-bottom));position:fixed;user-select:none;-webkit-user-select:none;z-index:var(--z-overlay)}.halten-ebene,.halten-sheet{align-items:center;display:flex;flex-direction:column}.halten-sheet{background:var(--flaeche);border:1px solid var(--linie-2);border-radius:26px;box-shadow:0 -10px 60px rgba(var(--rgb-black),.6);gap:16px;max-width:448px;padding:22px 18px;width:100%}.halten-griff{background:var(--linie-2);border-radius:3px;height:5px;margin-top:-8px;width:40px}.halten-finger{align-items:center;color:var(--text-2);display:flex;font-size:14px;font-weight:var(--weight-bold);gap:10px;margin:0}.halten-punkt{background:rgba(var(--rgb-blau),.18);border:2px solid rgba(var(--rgb-blau),.7);border-radius:50%;box-shadow:0 0 0 8px rgba(var(--rgb-blau),.08);height:54px;width:54px}.ava{background:var(--spieler-1);background:var(--c,var(--spieler-1));border-radius:50%;box-shadow:inset 0 -2px 0 rgba(var(--rgb-black),.18),inset 0 1px 0 rgba(var(--rgb-white),.35);color:var(--bg);display:inline-grid;flex-shrink:0;font-family:var(--font-sans);font-size:15px;font-weight:var(--weight-extrabold);height:36px;line-height:1;place-items:center;position:relative;width:36px}.ava[data-farbe="1"]{--c:var(--spieler-1)}.ava[data-farbe="2"]{--c:var(--spieler-2)}.ava[data-farbe="3"]{--c:var(--spieler-3)}.ava[data-farbe="4"]{--c:var(--spieler-4)}.ava[data-farbe="5"]{--c:var(--spieler-5)}.ava[data-farbe="6"]{--c:var(--spieler-6)}.ava[data-farbe="7"]{--c:var(--spieler-7)}.ava[data-farbe="8"]{--c:var(--spieler-8)}.ava.klein{font-size:12px;height:28px;width:28px}.ava.gross{font-size:30px;height:72px;width:72px}.ava.riesig{font-size:44px;height:104px;width:104px}.ava-puls:after,.ava-puls:before{animation:ava-welle 1.8s ease-out infinite;border:2px solid rgba(var(--rgb-gruen),.6);border-radius:50%;content:"";inset:-10px;position:absolute}.ava-puls:after{animation-delay:.9s}@keyframes ava-welle{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.ava-puls:after,.ava-puls:before{animation:none;opacity:.5}}.punkte-pille{align-items:center;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-pill);color:var(--text-2);cursor:pointer;display:flex;font-family:var(--font-sans);gap:8px;height:42px;min-width:0;padding:0 12px 0 6px}.punkte-pille .stapel{display:flex;flex-shrink:0}.punkte-pille .stapel .ava{border:2px solid var(--flaeche);margin-left:-8px}.punkte-pille .stapel .ava:first-child{margin-left:0}.punkte-pille .mehr{background:var(--flaeche-3);border:2px solid var(--flaeche);border-radius:var(--r-pill);color:var(--text-2);display:grid;font-size:11px;font-weight:var(--weight-extrabold);height:28px;margin-left:-8px;min-width:28px;padding:0 5px;place-items:center}.punkte-pille .zeile{align-items:center;display:flex;font-size:14px;font-weight:var(--weight-bold);gap:5px;min-width:0;overflow:hidden;white-space:nowrap}.punkte-pille .zeile b{color:var(--text);flex-shrink:0;font-size:15px;font-weight:var(--weight-extrabold);overflow:hidden;text-overflow:ellipsis}.punkte-pille .zeile .icon{color:var(--gold);flex-shrink:0}.spiel-kopf{align-items:center;display:flex;flex-shrink:0;gap:8px;min-height:44px}.spiel-kopf-runde{display:flex;flex-direction:column;line-height:1.1;margin-right:auto;min-width:0}.spiel-kopf-runde small{color:var(--text-3);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase}.spiel-kopf-runde strong{font-size:22px;font-weight:var(--weight-extrabold);letter-spacing:-.02em;white-space:nowrap}.spiel-kopf-runde .raum-hinweis{color:var(--rot-hell);font-size:11px;font-weight:var(--weight-bold);margin-top:2px}.ikon-knopf{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-m);box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.04);color:var(--text-2);cursor:pointer;display:grid;flex-shrink:0;height:42px;place-items:center;width:42px}.ikon-knopf:active{transform:translateY(1px)}.spiel{--hf:1;color:var(--text);display:flex;flex-direction:column;font-family:var(--font-sans);margin:0 auto;max-width:480px;min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));position:relative;width:100%}@media (max-height:820px){.spiel{--hf:0.88}}@media (max-height:740px){.spiel{--hf:0.76}}@media (max-height:660px){.spiel{--hf:0.64}}.spiel:before{content:"";inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .5s ease;z-index:-1}.spiel.stimmung-rot:before{background:radial-gradient(ellipse 120% 45% at 50% 105%,rgba(var(--rgb-rot),.16),#0000 70%);opacity:1}.spiel.stimmung-gruen:before{background:radial-gradient(ellipse 120% 55% at 50% 0,rgba(var(--rgb-gruen),.26),#0000 70%);opacity:1}.spiel-mitte{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:14px;justify-content:center;min-height:0;padding:12px 0}.spiel-mitte.oben{gap:18px;justify-content:flex-start;padding-top:20px}.daumenzone{flex-direction:column;flex-shrink:0}.daumenzone,.daumenzone .reihe{display:flex;gap:10px}.daumenzone .reihe>*{flex:1 1;min-width:0}.ueberzeile{color:var(--text-3);font-size:12px;font-weight:var(--weight-bold);letter-spacing:.14em;text-align:center;text-transform:uppercase}.ueberzeile.gruen{color:var(--gruen)}.hinweis-text{color:var(--text-3);font-size:13px;font-weight:var(--weight-semibold);line-height:1.4;margin:0;text-align:center}.deck-zeile{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.status-pille{align-items:center;background:rgba(var(--rgb-white),.04);border:1px solid var(--linie);border-radius:var(--r-pill);color:var(--text-2);display:inline-flex;font-size:13px;font-weight:var(--weight-bold);gap:8px;height:30px;padding:0 12px}.equalizer{align-items:flex-end;display:inline-flex;gap:2px;height:12px}.equalizer i{animation:equalizer .9s ease-in-out infinite alternate;background:var(--gruen);border-radius:1px;transform-origin:bottom;width:3px}.equalizer i:first-child{animation-delay:-.2s;height:40%}.equalizer i:nth-child(2){animation-delay:-.5s;height:100%}.equalizer i:nth-child(3){animation-delay:-.1s;height:60%}.equalizer i:nth-child(4){animation-delay:-.7s;height:80%}@keyframes equalizer{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.warte-punkte{display:inline-flex;gap:4px}.warte-punkte i{animation:warte-punkte 1.2s ease-in-out infinite;background:currentColor;border-radius:50%;height:5px;width:5px}.warte-punkte i:nth-child(2){animation-delay:.2s}.warte-punkte i:nth-child(3){animation-delay:.4s}@keyframes warte-punkte{0%,80%,to{opacity:.25}40%{opacity:1}}.warteflaeche{align-items:center;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-xl);color:var(--text-2);display:flex;font-size:15px;font-weight:var(--weight-bold);gap:10px;justify-content:center;min-height:64px;padding:14px 18px;text-align:center}.warteflaeche.buzzer-hoch{flex-direction:column;gap:12px;min-height:196px}.warteflaeche .wer{align-items:center;display:flex;flex-direction:column;gap:4px}.warteflaeche .wer b{color:var(--text);font-size:22px;font-weight:var(--weight-extrabold);letter-spacing:-.01em}.warteflaeche .wer span{align-items:center;color:var(--text-3);display:inline-flex;font-size:14px;gap:8px}.ansage{align-items:center;display:flex;flex-direction:column;gap:14px;text-align:center}.ansage h1{font-size:40px;font-weight:var(--weight-extrabold);letter-spacing:-.03em;line-height:1.02;margin:0}.ansage p{color:var(--text-2);font-size:16px;line-height:1.45;margin:0;max-width:290px}.chip{align-items:center;background:var(--flaeche-2);border:1px solid var(--linie-2);border-radius:var(--r-pill);display:inline-flex;font-size:15px;font-weight:var(--weight-extrabold);gap:8px;min-height:36px;padding:4px 14px 4px 10px}.chip .icon{color:var(--gruen)}.chip .ava{font-size:12px;height:26px;width:26px}.chip .plus{color:var(--gruen)}.abschnitt-titel{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:-6px;width:100%}.abschnitt-titel h2{font-size:18px;font-weight:var(--weight-extrabold);letter-spacing:-.01em;margin:0}.abschnitt-titel span{color:var(--text-3);font-size:13px;font-weight:var(--weight-bold)}@media (prefers-reduced-motion:reduce){.equalizer i,.warte-punkte i{animation:none}}.loesung-karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-l);box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.04),var(--schatten-karte);padding:14px;width:100%}.stopp{align-items:center;background:radial-gradient(ellipse 80% 70% at 50% 0,rgba(var(--rgb-white),.28),#0000 60%),linear-gradient(180deg,var(--rot-hell) 0,var(--rot) 55%,var(--rot-satt) 100%);border:0;border-radius:var(--r-xl);box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.45),0 9px 0 var(--rot-tief),0 26px 46px rgba(var(--rgb-rot),.3);color:var(--white);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-sans);font-size:34px;font-weight:var(--weight-extrabold);gap:4px;height:132px;justify-content:center;letter-spacing:.1em;position:relative;text-shadow:0 2px 0 rgba(var(--rgb-black),.15);touch-action:manipulation;transition:transform .06s ease,box-shadow .06s ease;user-select:none;-webkit-user-select:none;width:100%}.stopp small{font-size:13px;font-weight:var(--weight-bold);letter-spacing:.02em;opacity:.85;text-shadow:none}.stopp:active{box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.45),0 2px 0 var(--rot-tief),0 10px 20px rgba(var(--rgb-rot),.25);transform:translateY(7px)}.stopp.gross{font-size:40px;height:196px}.stopp.scharf:after{animation:stopp-puls 1.6s ease-out infinite;border:2px solid rgba(var(--rgb-rot),.55);border-radius:calc(var(--r-xl) + 6px);content:"";inset:-6px;pointer-events:none;position:absolute}@keyframes stopp-puls{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.06,1.12)}}.stopp.aus{background:var(--flaeche-2);border:1px dashed var(--linie-2);box-shadow:0 9px 0 var(--schatten-tief);color:var(--text-3);cursor:default;font-size:19px;gap:8px;letter-spacing:.01em;padding:0 24px;text-shadow:none;transform:none}.stopp.aus small{font-weight:var(--weight-semibold)}@media (prefers-reduced-motion:reduce){.stopp.scharf:after{animation:none;opacity:.6}}.sheet-hintergrund{align-items:center;animation:sheet-hintergrund .18s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(var(--rgb-black),.7);inset:0;justify-content:flex-end;padding:16px 16px calc(16px + env(safe-area-inset-bottom));position:fixed;z-index:var(--z-modal)}.sheet,.sheet-hintergrund{display:flex;flex-direction:column}.sheet{animation:sheet-rein .22s cubic-bezier(.2,.9,.3,1);background:var(--flaeche);border:1px solid var(--linie-2);border-radius:26px;box-shadow:0 -10px 60px rgba(var(--rgb-black),.6);color:var(--text);font-family:var(--font-sans);gap:10px;max-height:88dvh;max-width:448px;overflow-y:auto;overscroll-behavior:contain;padding:18px 16px 16px;width:100%}.sheet-griff{align-self:center;background:var(--linie-2);border-radius:3px;height:5px;margin:-6px 0 2px;width:40px}.sheet-titel{font-size:18px;font-weight:var(--weight-extrabold);margin:0 0 4px;text-align:center}.sheet-hintergrund.mitte{justify-content:center}.sheet-kopf{align-items:center;display:flex;gap:10px}.sheet-kopf .sheet-titel{flex:1 1;font-size:20px;letter-spacing:-.01em;margin:0;text-align:left}.sheet-zu{background:var(--flaeche-2);border:1px solid var(--linie);border-radius:12px;color:var(--text-2);cursor:pointer;display:grid;flex-shrink:0;height:38px;place-items:center;width:38px}.sheet-inhalt{gap:14px;margin:0 -2px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px}.sheet-fuss,.sheet-inhalt{display:flex;flex-direction:column}.sheet-fuss{gap:8px;padding-top:4px}.sheet-fuss .reihe{display:flex;gap:10px}.sheet-fuss .reihe>*{flex:1 1;min-width:0}.sheet .reihe .knopf{font-size:15px;gap:8px;padding:0 12px;white-space:nowrap}.sheet-hinweis{color:var(--text-3);font-size:13px;line-height:1.45;margin:-4px 0 0}.menue-zeile{align-items:center;background:var(--flaeche-2);border:0;border-radius:var(--r-m);color:var(--text);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:16px;font-weight:var(--weight-bold);gap:14px;min-height:56px;padding:0 16px;text-align:left;width:100%}.menue-zeile .icon{color:var(--text-2)}.menue-zeile small{color:var(--text-3);font-size:13px;font-weight:var(--weight-semibold);margin-left:auto}.menue-zeile.gefahr,.menue-zeile.gefahr .icon{color:var(--rot-hell)}.menue-frage{color:var(--text-2);font-size:15px;font-weight:var(--weight-bold);margin:6px 0 2px;text-align:center}@keyframes sheet-rein{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes sheet-hintergrund{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-hintergrund{animation:none}}.kacheln{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;width:100%}.kachel{align-items:center;background:var(--flaeche);border:1.5px solid var(--linie);border-radius:var(--r-m);color:var(--text);cursor:pointer;display:flex;font-family:var(--font-sans);gap:10px;height:64px;min-width:0;padding:0 12px;position:relative;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.kachel:active{transform:translateY(1px)}.kachel-name{display:flex;flex-direction:column;font-size:16px;font-weight:var(--weight-extrabold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kachel-name small{color:var(--text-3);font-size:12px;font-weight:var(--weight-bold)}.kachel.an{background:linear-gradient(180deg,rgba(var(--rgb-gruen),.16),rgba(var(--rgb-gruen),.06));border-color:var(--gruen);box-shadow:0 0 0 3px rgba(var(--rgb-gruen),.12)}.kachel.an .kachel-name{padding-right:56px}.kachel-plus{align-items:center;background:var(--gruen);border-radius:var(--r-pill);color:var(--gruen-dunkel);display:flex;font-size:13px;font-weight:var(--weight-extrabold);gap:3px;height:26px;padding:0 8px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.kachel-plus .icon{stroke-width:2.6}.kachel.keiner{color:var(--text-2)}.kachel.keiner .keiner-ava{background:var(--flaeche-3);box-shadow:none;color:var(--text-2)}.ziffernblock{display:flex;flex-direction:column;gap:10px}.ziffern{display:flex;gap:10px;justify-content:center}.ziffern span{font-feature-settings:"tnum";background:var(--flaeche);border:1.5px solid var(--linie-2);border-radius:var(--r-m);color:var(--text);display:grid;font-size:36px;font-variant-numeric:tabular-nums;font-weight:var(--weight-extrabold);height:72px;place-items:center;width:62px}.ziffern span.voll{border-color:rgba(var(--rgb-gruen),.5)}.ziffern span.cursor{border-color:var(--gruen);box-shadow:0 0 0 3px rgba(var(--rgb-gruen),.15)}.ziffern span.cursor:after{animation:ziffer-blink 1s steps(1) infinite;background:var(--gruen);content:"";height:34px;width:2px}.ziffern.fest span{background:rgba(var(--rgb-gruen),.08);border-color:var(--gruen)}@keyframes ziffer-blink{50%{opacity:0}}.tasten{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.taste{background:var(--flaeche-2);border:0;border-radius:var(--r-m);box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.05),0 3px 0 var(--schatten-tief);color:var(--text);cursor:pointer;display:grid;font-family:var(--font-sans);font-size:22px;font-weight:var(--weight-bold);height:52px;place-items:center;touch-action:manipulation}.taste:active:not(:disabled){box-shadow:0 1px 0 var(--schatten-tief);transform:translateY(2px)}.taste.leise{background:#0000;box-shadow:none;color:var(--text-2)}.taste.leise:disabled{opacity:.3}.taste.ok{background:linear-gradient(180deg,var(--gruen-hell),var(--gruen));box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.4),0 3px 0 var(--gruen-tief);color:var(--gruen-dunkel)}.taste.ok:disabled{cursor:default;opacity:.35}@media (max-height:700px){.taste{height:46px}.ziffern span{font-size:30px;height:60px}}.rangliste{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0;width:100%}.rang{align-items:center;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-m);display:flex;gap:12px;min-height:58px;padding:0 14px}.rang-platz{color:var(--text-3);font-size:14px;width:18px}.rang-name,.rang-platz{font-weight:var(--weight-extrabold)}.rang-name{color:var(--text);display:flex;flex:1 1;flex-direction:column;font-size:16px;min-width:0}.rang-name-zeile{align-items:center;display:flex;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rang-name small{color:var(--text-3);font-size:12px;font-weight:var(--weight-semibold)}.rang-wert{font-feature-settings:"tnum";color:var(--text);font-size:18px;font-variant-numeric:tabular-nums;font-weight:var(--weight-extrabold)}.rang-wert.leer{color:var(--text-3)}.rang.sieg{background:linear-gradient(90deg,rgba(var(--rgb-gruen),.14),rgba(var(--rgb-gruen),.03));border-color:rgba(var(--rgb-gruen),.6)}.rang-plus{align-items:center;background:var(--gruen);border-radius:var(--r-pill);color:var(--gruen-dunkel);display:flex;font-size:13px;height:24px;padding:0 8px}.du-marke,.rang-plus{font-weight:var(--weight-extrabold)}.du-marke{background:var(--flaeche-3);border-radius:6px;color:var(--text-2);font-size:11px;font-style:normal;padding:2px 6px}.dran-ebene{animation:dran-rein .2s ease-out;background:var(--bg);inset:0;overflow-y:auto;position:fixed;z-index:var(--z-toast)}.dran-ebene .spiel{min-height:100%}.dran-frage{font-size:18px;font-weight:var(--weight-extrabold);margin:0 0 2px;text-align:center}@keyframes dran-rein{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dran-ebene{animation:none}}.host-spiel .knopf.halten.gedrueckt:after,.notiz{width:100%}.notiz{background:rgba(var(--rgb-blau),.08);border:1px solid rgba(var(--rgb-blau),.25);border-radius:var(--r-m);color:var(--text-2);display:flex;font-size:13.5px;gap:10px;line-height:1.45;padding:12px 14px;text-align:left}.notiz .icon{color:var(--blau);flex-shrink:0;margin-top:1px}.notiz b{color:var(--text)}.notiz.fehler{background:rgba(var(--rgb-rot),.1);border-color:rgba(var(--rgb-rot),.35);color:var(--rot-blass)}.notiz.fehler .icon{color:var(--rot)}.notiz.fehler b{color:var(--rot-blass)}.weg-karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-l);box-shadow:inset 0 1px 0 rgba(var(--rgb-white),.04);flex-direction:column;padding:16px;width:100%}.weg-karte,.weg-kopf{display:flex;gap:12px}.weg-kopf{align-items:center;text-align:left}.weg-ikon{background:rgba(var(--rgb-gruen),.12);border:1px solid rgba(var(--rgb-gruen),.3);border-radius:var(--r-m);color:var(--gruen);display:grid;flex-shrink:0;height:44px;place-items:center;width:44px}.weg-ikon.blau{background:rgba(var(--rgb-blau),.12);border-color:rgba(var(--rgb-blau),.3);color:var(--blau)}.weg-text{display:flex;flex-direction:column;gap:2px;min-width:0}.weg-text b{color:var(--text);font-size:18px;font-weight:var(--weight-extrabold)}.weg-text small{color:var(--text-2);font-size:14px;line-height:1.35}.code-felder{display:flex;gap:10px;justify-content:center;position:relative}.code-felder span{background:var(--flaeche);border:1.5px solid var(--linie-2);border-radius:var(--r-m);color:var(--text);display:grid;font-size:38px;font-weight:var(--weight-extrabold);height:76px;place-items:center;width:64px}.code-felder span.voll{border-color:rgba(var(--rgb-gruen),.5)}.code-felder:focus-within span.cursor{border-color:var(--gruen);box-shadow:0 0 0 3px rgba(var(--rgb-gruen),.15)}.code-felder:focus-within span.cursor:after{animation:code-blink 1s steps(1) infinite;background:var(--gruen);content:"";height:36px;width:2px}.code-eingabe{font-size:16px;inset:0;opacity:0;position:absolute;-webkit-user-select:text;user-select:text;width:100%}@keyframes code-blink{50%{opacity:0}}.feld{background:var(--flaeche);border:1.5px solid var(--linie-2);border-radius:var(--r-m);color:var(--text);font-family:var(--font-sans);font-size:18px;font-weight:var(--weight-bold);height:58px;min-width:0;outline:none;padding:0 16px;-webkit-user-select:text;user-select:text;width:100%}.feld::placeholder{color:var(--text-3);font-weight:var(--weight-semibold)}.feld:focus{border-color:var(--gruen);box-shadow:0 0 0 3px rgba(var(--rgb-gruen),.15)}.feld.klein{font-size:16px;height:52px}.qr-karte{align-items:center;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-l);box-shadow:var(--schatten-karte);display:flex;gap:16px;padding:18px;width:100%}.qr-bild{background:var(--white);border-radius:14px;flex-shrink:0;line-height:0;padding:10px}.qr-text{align-items:flex-start;display:flex;flex-direction:column;gap:6px;min-width:0}.qr-text small{color:var(--text-3);font-size:12px;font-weight:var(--weight-bold);letter-spacing:.14em;text-transform:uppercase}.qr-text b{color:var(--gruen);font-size:40px;font-weight:var(--weight-extrabold);letter-spacing:.16em;line-height:1}.qr-text span{color:var(--text-2);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.qr-teilen{align-items:center;background:none;border:0;color:var(--text);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:14px;font-weight:var(--weight-extrabold);gap:6px;margin-top:2px;padding:6px 0}.personen{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0;width:100%}.person{align-items:center;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-m);display:flex;gap:12px;min-height:58px;padding:8px 8px 8px 12px}.person.ich{border-color:rgba(var(--rgb-gruen),.45)}.person.offline .person-name,.person.offline>.ava{opacity:.5}.person-name{color:var(--text);flex:1 1;font-size:16px;font-weight:var(--weight-extrabold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-name small{color:var(--text-3);font-size:13px;font-weight:var(--weight-semibold)}.person-marke{background:var(--flaeche-3);border-radius:6px;color:var(--text-2);flex-shrink:0;font-size:11px;font-weight:var(--weight-extrabold);padding:3px 7px}.person-marke.host{background:rgba(var(--rgb-gold),.15);color:var(--gold)}.person-weg{background:#0000;border:0;border-radius:var(--r-s);color:var(--text-3);cursor:pointer;display:grid;flex-shrink:0;height:40px;place-items:center;width:40px}.person .knopf{font-size:14px;min-height:40px;padding:0 14px;width:auto}.leer-hinweis{border:1px dashed var(--linie-2);border-radius:var(--r-m);color:var(--text-3);font-size:14px;font-weight:var(--weight-semibold);padding:22px 16px;text-align:center;width:100%}.status-chip{align-items:center;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-pill);color:var(--text-2);display:inline-flex;flex-shrink:0;font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-extrabold);gap:8px;height:36px;padding:0 12px;white-space:nowrap}button.status-chip{cursor:pointer}.status-chip i{border-radius:50%;height:8px;width:8px}.status-chip i.gruen{background:var(--gruen);box-shadow:0 0 0 3px rgba(var(--rgb-gruen),.18)}.status-chip i.gelb{background:var(--gold);box-shadow:0 0 0 3px rgba(var(--rgb-gold),.18)}.status-chip i.rot{background:var(--rot);box-shadow:0 0 0 3px rgba(var(--rgb-rot),.18)}.modi{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;width:100%}.modus{align-items:flex-start;background:var(--flaeche);border:1.5px solid var(--linie);border-radius:var(--r-l);color:var(--text);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-sans);gap:8px;padding:14px;position:relative;text-align:left}.modus b{font-size:17px;font-weight:var(--weight-extrabold)}.modus-text{color:var(--text-2);font-size:13px;line-height:1.35}.modus-ikon{background:rgba(var(--rgb-gruen),.12);border:1px solid rgba(var(--rgb-gruen),.3);border-radius:var(--r-m);color:var(--gruen);display:grid;height:40px;place-items:center;width:40px}.modus.an{background:linear-gradient(180deg,rgba(var(--rgb-gruen),.14),rgba(var(--rgb-gruen),.04));border-color:var(--gruen);box-shadow:0 0 0 3px rgba(var(--rgb-gruen),.12)}.modus-haken{background:var(--gruen);border-radius:50%;color:var(--gruen-dunkel);display:grid;height:24px;place-items:center;position:absolute;right:12px;top:12px;width:24px}.modus-haken .icon{stroke-width:2.8}.schalter-gitter{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;width:100%}.schalt{align-items:center;background:var(--flaeche);border:1.5px solid var(--linie);border-radius:var(--r-m);color:var(--text-2);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:15px;font-weight:var(--weight-extrabold);gap:8px;justify-content:center;min-height:52px;padding:0 8px}.schalt.an{background:rgba(var(--rgb-gruen),.1);border-color:rgba(var(--rgb-gruen),.7);color:var(--text)}.schalt.an .icon{color:var(--gruen)}.zeit-reihe{display:flex;gap:6px;width:100%}.zeit-reihe .schalt{flex:1 1;font-size:14px;min-height:46px;min-width:0;padding:0 2px;white-space:nowrap}.daumenzone.klebt{background:linear-gradient(180deg,rgba(var(--rgb-bg),0) 0,rgba(var(--rgb-bg),.94) 26%,var(--bg) 60%);bottom:0;margin:0 -16px calc(-24px - env(safe-area-inset-bottom));padding:22px 16px calc(24px + env(safe-area-inset-bottom));position:-webkit-sticky;position:sticky;z-index:var(--z-raised)}.kopf-zurueck{align-items:center;display:flex;flex-shrink:0;gap:8px;min-height:44px}.kopf-zurueck h1{flex:1 1;font-size:17px;font-weight:var(--weight-extrabold);margin:0;text-align:center}.kopf-zurueck .platz{flex-shrink:0;width:42px}.marke{align-items:center;display:flex;flex-direction:column;gap:6px;text-align:center}.marke h1{font-size:42px;font-weight:var(--weight-extrabold);letter-spacing:-.035em;line-height:1;margin:0}.marke h1 span{color:var(--gruen)}.marke p{color:var(--text-2);font-size:15px;margin:0}.schritt-kopf{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.schritt-kopf h2{font-size:30px;font-weight:var(--weight-extrabold);letter-spacing:-.02em;line-height:1.05;margin:0}.schritt-kopf p{color:var(--text-2);font-size:15px;line-height:1.45;margin:0;max-width:300px}.code-gefunden{align-items:center;background:rgba(var(--rgb-gruen),.08);border:1px solid rgba(var(--rgb-gruen),.35);border-radius:var(--r-pill);color:var(--text-2);display:inline-flex;font-size:14px;font-weight:var(--weight-bold);gap:8px;height:34px;padding:0 12px 0 6px}.code-gefunden b{background:var(--gruen);border-radius:var(--r-pill);color:var(--gruen-dunkel);font-size:13px;letter-spacing:.18em;padding:3px 8px}.abschnitt{display:flex;flex-direction:column;gap:10px;width:100%}.abschnitt>h2{color:var(--text-3);font-size:13px;font-weight:var(--weight-extrabold);letter-spacing:.14em;margin:0;text-transform:uppercase}.mitspielen-zeile{display:flex;gap:8px;width:100%}.mitspielen-zeile .knopf{flex-shrink:0;min-height:52px;width:auto}.schritte{display:flex;gap:8px;list-style:none;margin:0;padding:0;width:100%}.schritte li{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-m);color:var(--text-2);display:flex;flex:1 1;flex-direction:column;font-size:13px;gap:6px;line-height:1.35;padding:12px 10px}.schritte b{background:var(--gruen);border-radius:50%;color:var(--gruen-dunkel);display:grid;font-size:13px;font-weight:var(--weight-extrabold);height:24px;place-items:center;width:24px}.eingabe-zeile{align-items:center;display:flex;gap:10px}.eingabe-zeile .feld{flex:1 1}.eingabe-weg{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-s);color:var(--text-3);cursor:pointer;display:grid;flex-shrink:0;height:44px;place-items:center;width:44px}.neu-zeile{background:#0000;border:1.5px dashed var(--linie-2);border-radius:var(--r-m);color:var(--text-2);cursor:pointer;font-family:var(--font-sans);font-size:15px;font-weight:var(--weight-extrabold);gap:8px;justify-content:center;min-height:52px}.neu-zeile,.trenner{align-items:center;display:flex;width:100%}.trenner{color:var(--text-3);font-size:12px;font-weight:var(--weight-bold);gap:12px;letter-spacing:.12em;text-transform:uppercase}.trenner:after,.trenner:before{background:var(--linie);content:"";flex:1 1;height:1px}.leiste{align-items:center;animation:leiste-rein .2s ease-out;background:var(--flaeche);border:1px solid var(--linie-2);border-radius:var(--r-l);box-shadow:0 14px 34px rgba(var(--rgb-black),.45);display:flex;gap:12px;margin-top:10px;padding:12px 12px 12px 14px;width:100%}.leiste-ikon{border:1px solid #0000;border-radius:10px;display:grid;flex-shrink:0;height:36px;place-items:center;width:36px}.leiste-text{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0;text-align:left}.leiste-text b{color:var(--text);font-size:14.5px;font-weight:var(--weight-extrabold)}.leiste-text small{color:var(--text-2);font-size:12.5px;line-height:1.35}.leiste .knopf{flex-shrink:0;font-size:14px;min-height:40px;padding:0 14px;white-space:nowrap;width:auto}.leiste.gelb{border-color:rgba(var(--rgb-gold),.45)}.leiste.gelb .leiste-ikon{background:rgba(var(--rgb-gold),.12);border-color:rgba(var(--rgb-gold),.35);color:var(--gold)}.leiste.rot{border-color:rgba(var(--rgb-rot),.45)}.leiste.rot .leiste-ikon{background:rgba(var(--rgb-rot),.12);border-color:rgba(var(--rgb-rot),.35);color:var(--rot)}.leiste-dreher{animation:spin .9s linear infinite;border:2px solid rgba(var(--rgb-rot),.3);border-radius:50%;border-top-color:var(--rot);flex-shrink:0;height:18px;width:18px}@keyframes leiste-rein{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.leiste,.leiste-dreher{animation:none}}
/*# sourceMappingURL=main.33893b51.css.map*/