.anmeldung{max-width:420px;margin-inline:auto;padding:var(--abstand-l);display:flex;flex-direction:column;gap:var(--abstand-m)}.anmeldung__titel{margin:0;color:var(--farbe-text);font-size:32px;font-weight:var(--schriftgewicht-hervor);line-height:1.2}.anmeldung__meldung{margin:0;padding:var(--abstand-s) var(--abstand-m);border-radius:var(--radius-flaeche);background-color:var(--farbe-flaeche);color:var(--farbe-text-fehler);font-weight:var(--schriftgewicht-hervor)}.anmeldung__formular{display:flex;flex-direction:column;gap:var(--abstand-m);padding:var(--abstand-l);border-radius:var(--radius-kachel);background-color:var(--farbe-flaeche)}.anmeldung__feld{display:flex;flex-direction:column;gap:var(--abstand-s)}.anmeldung__beschriftung{color:var(--farbe-text);font-weight:var(--schriftgewicht-hervor)}.anmeldung__eingabe{padding:var(--abstand-s) var(--abstand-m);border:1px solid var(--farbe-rand);border-radius:var(--radius-flaeche);background-color:var(--farbe-flaeche-hoch);color:var(--farbe-text);font-family:inherit;font-size:var(--schriftgroesse-grund);line-height:var(--zeilenhoehe-grund)}.anmeldung__eingabe[aria-invalid=true]{border-color:var(--farbe-text-fehler);border-width:2px}.anmeldung__hinweis{margin:0;color:var(--farbe-text-leise);font-size:var(--schriftgroesse-grund)}.anmeldung__hinweis-satz{display:block}.anmeldung__feldmeldung{margin:0;color:var(--farbe-text-fehler);font-weight:var(--schriftgewicht-hervor)}.anmeldung__absenden{padding:var(--abstand-s) var(--abstand-m);border:none;border-radius:var(--radius-flaeche);background-color:var(--farbe-aktion);color:var(--farbe-text-auf-farbe);font-family:inherit;font-size:var(--schriftgroesse-grund);font-weight:var(--schriftgewicht-hervor);line-height:var(--zeilenhoehe-grund);cursor:pointer}.anmeldung__absenden:hover,.anmeldung__absenden:active{background-color:var(--farbe-aktion-hoch)}.anmeldung__fuss{display:flex;flex-direction:column;align-items:flex-start;gap:var(--abstand-m)}.anmeldung__nebenbereich{align-self:stretch;display:flex;flex-direction:column;gap:var(--abstand-m)}.anmeldung__nebentitel{margin:0;color:var(--farbe-text);font-size:24px;font-weight:var(--schriftgewicht-hervor);line-height:1.2}.anmeldung__verweis{color:var(--farbe-text);text-decoration:underline}.anmeldung__nebenaktion{padding:var(--abstand-s) var(--abstand-m);border:1px solid var(--farbe-rand);border-radius:var(--radius-flaeche);background-color:transparent;color:var(--farbe-text);font-family:inherit;font-size:var(--schriftgroesse-grund);line-height:var(--zeilenhoehe-grund);cursor:pointer}.anmeldung__nebenaktion:hover,.anmeldung__nebenaktion:active{background-color:var(--farbe-flaeche)}.beispiel-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto repeat(4,minmax(0,1fr));gap:var(--abstand-s);width:100%;height:100%;overflow:hidden}.beispiel-board__kategorie{display:flex;align-items:center;justify-content:center;padding:var(--abstand-s);border-radius:var(--radius-flaeche);background-color:var(--farbe-kategorie-kopf);color:var(--farbe-text-auf-farbe);font-weight:var(--schriftgewicht-hervor);white-space:nowrap;overflow:hidden;text-align:center;text-transform:uppercase;letter-spacing:.02em}.beispiel-board__punktkachel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--abstand-s);padding:var(--abstand-s);border-radius:var(--radius-kachel);background-color:var(--farbe-punktkachel-von);background-image:var(--verlauf-punktkachel);overflow:hidden;text-align:center}.beispiel-board__punktwert{color:var(--farbe-text-punktwert);font-size:1.75rem;font-weight:var(--schriftgewicht-hervor);font-variant-numeric:tabular-nums;line-height:1.1}.beispiel-board__beispieltext{color:var(--farbe-text-auf-farbe);font-size:.8125rem;line-height:1.3;overflow:hidden}.beispiel-board-hinweis{display:flex;flex-direction:column;gap:var(--abstand-s);padding:var(--abstand-l);border:1px solid var(--farbe-rand);border-radius:var(--radius-flaeche);background-color:var(--farbe-flaeche);width:100%;height:100%;overflow:hidden}.beispiel-board-hinweis__text{margin:0;color:var(--farbe-text-fehler);font-size:1.25rem;font-weight:var(--schriftgewicht-hervor)}.beispiel-board-hinweis__liste{margin:0;padding-inline-start:var(--abstand-m);color:var(--farbe-text-leise);font-size:.875rem;overflow:hidden}.beispiel-board-hinweis__feldpfad{margin-inline-end:var(--abstand-s);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.buzz-anzeige{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:4%;overflow:hidden;background-color:var(--farbe-flaeche);border-radius:var(--radius-flaeche)}.buzz-anzeige__text{max-width:100%;margin:0;overflow:hidden;font-size:min(40px,2.2vw);font-weight:var(--schriftgewicht-hervor);line-height:1.1;text-align:center;white-space:nowrap}.buzz-anzeige__text--name{color:var(--farbe-hervorhebung)}.buzz-anzeige__text--bereit{color:var(--farbe-text-leise)}.teilnehmer-kachel{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--radius-kachel);outline:0 solid var(--farbe-hervorhebung);outline-offset:calc(-1 * var(--umrandung-hervorhebung));background-color:var(--farbe-kachel)}.teilnehmer-kachel[data-hervorgehoben=ja]{outline-width:var(--umrandung-hervorhebung)}.teilnehmer-kachel__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.teilnehmer-kachel__platzhalter{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--abstand-s);background-color:var(--farbe-kachel)}.teilnehmer-kachel__initialen{color:var(--farbe-text);font-size:calc(var(--schriftgroesse-badge) * 2);font-weight:var(--schriftgewicht-hervor);line-height:1;letter-spacing:.04em}.teilnehmer-kachel__meldung{margin:0;padding-inline:var(--abstand-s);color:var(--farbe-text-leise);text-align:center}.teilnehmer-kachel__badge{position:absolute;inset-inline:0;bottom:0;z-index:2;display:flex;height:25%;flex-direction:column;align-items:center;justify-content:center;padding-inline:var(--abstand-s);background-color:var(--farbe-badge);font-size:var(--schriftgroesse-badge);line-height:1.2}.teilnehmer-kachel__name{max-width:100%;overflow:hidden;color:var(--farbe-text);font-weight:var(--schriftgewicht-hervor);white-space:nowrap}.teilnehmer-kachel__punktestand{color:var(--farbe-text);font-variant-numeric:tabular-nums}.buehne{display:grid;width:100vw;height:100vh;overflow:hidden;grid-template-columns:30% 5% 30% 5% 30%;grid-template-rows:25% 50% 25%;background-color:var(--farbe-grund)}.buehne__moderator{grid-area:1 / 1 / 2 / 2;overflow:hidden}.buehne__logo{display:flex;align-items:center;justify-content:center;grid-area:1 / 3 / 2 / 4;overflow:hidden}.buehne__logo-bild{width:auto;height:auto;max-width:100%;max-height:100%}.buehne__buzz{grid-area:1 / 5 / 2 / 6;overflow:hidden}.buehne__board{grid-area:2 / 1 / 3 / 6;width:80%;margin-inline:auto;overflow:hidden}.buehne__spieler{display:flex;align-items:center;justify-content:center;gap:var(--abstand-m);grid-area:3 / 1 / 4 / 6;padding-inline:var(--abstand-l);overflow:hidden}.buehne__spieler-kachel{flex:0 0 calc((100% - 5 * var(--abstand-m)) / 6);height:calc(100% * 8 / 9)}.buehne--meldung{display:flex;align-items:center;justify-content:center;padding:var(--abstand-l)}.buehne__meldung{margin:0;color:var(--farbe-text);font-size:min(40px,4vw);font-weight:var(--schriftgewicht-hervor);text-align:center}.buzz-warteschlange-liste{display:flex;flex-direction:column;gap:var(--abstand-s);margin:0;padding:0;list-style:none}.buzz-warteschlange-liste__eintrag{display:grid;grid-template-columns:auto 1fr auto;gap:var(--abstand-m);align-items:center;padding:var(--abstand-s) var(--abstand-m);background-color:var(--farbe-flaeche);border-radius:var(--radius-flaeche);color:var(--farbe-text)}.buzz-warteschlange-liste__eintrag--am-zug{background-color:var(--farbe-flaeche-hoch)}.buzz-warteschlange-liste__position{min-width:1.5em;font-variant-numeric:tabular-nums;font-weight:var(--schriftgewicht-hervor);text-align:right}.buzz-warteschlange-liste__anzeigename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buzz-warteschlange-liste__reaktionszeit{color:var(--farbe-text-leise);font-variant-numeric:tabular-nums;white-space:nowrap}.am-zug{display:inline-flex;gap:var(--abstand-s);align-items:center;min-width:0}.am-zug__anzeigename{padding:2px var(--abstand-s);overflow:hidden;border-radius:var(--radius-flaeche);color:var(--farbe-text);text-overflow:ellipsis;white-space:nowrap;outline:var(--umrandung-am-zug) solid var(--farbe-hervorhebung)}.am-zug__beschriftung{color:var(--farbe-hervorhebung);font-weight:var(--schriftgewicht-hervor);letter-spacing:.02em;white-space:nowrap}.rueckfrage__ausloeser,.rueckfrage__schaltflaeche{padding:var(--abstand-s) var(--abstand-m);border:none;border-radius:var(--radius-flaeche);color:var(--farbe-text-auf-farbe);font-family:inherit;font-size:inherit;font-weight:var(--schriftgewicht-hervor);line-height:inherit;cursor:pointer}.rueckfrage__ausloeser,.rueckfrage__schaltflaeche--bestaetigen{background-color:var(--farbe-gefahr)}.rueckfrage__schaltflaeche--abbrechen{background-color:var(--farbe-aktion)}.rueckfrage__hintergrund{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--abstand-l);background-color:color-mix(in srgb,var(--farbe-grund) 72%,transparent)}.rueckfrage{max-width:min(520px,100%);padding:var(--abstand-l);background-color:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-flaeche);color:var(--farbe-text)}.rueckfrage__bezeichnung{margin:0 0 var(--abstand-l);font-size:var(--schriftgroesse-badge);font-weight:var(--schriftgewicht-hervor)}.rueckfrage__schaltflaechen{display:flex;gap:var(--abstand-m);justify-content:flex-end}.verbindungs-hinweis{display:flex;flex-direction:column;align-items:center;gap:var(--abstand-m);padding:var(--abstand-l);background-color:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-flaeche);color:var(--farbe-text)}.verbindungs-hinweis__meldung{margin:0;font-size:var(--schriftgroesse-badge);font-weight:var(--schriftgewicht-hervor);text-align:center}.verbindungs-hinweis__schaltflaeche{padding:var(--abstand-s) var(--abstand-m);border:none;border-radius:var(--radius-flaeche);background-color:var(--farbe-aktion);color:var(--farbe-text-auf-farbe);font-family:inherit;font-size:inherit;font-weight:var(--schriftgewicht-hervor);line-height:inherit;cursor:pointer}.moderator{display:flex;flex-direction:column;gap:var(--abstand-l);min-height:100vh;padding:var(--abstand-l);background-color:var(--farbe-grund);color:var(--farbe-text)}.moderator--meldung{align-items:center;justify-content:center}.moderator__meldung{margin:0;font-size:var(--schriftgroesse-badge)}.moderator__kopf{display:flex;flex-wrap:wrap;gap:var(--abstand-m);align-items:center;justify-content:space-between;padding-bottom:var(--abstand-m);border-bottom:1px solid var(--farbe-rand)}.moderator__raumcode{display:flex;gap:var(--abstand-s);align-items:baseline;margin:0}.moderator__raumcode-bezeichnung{color:var(--farbe-text-leise)}.moderator__raumcode-wert{font-size:var(--schriftgroesse-badge);font-weight:var(--schriftgewicht-hervor);font-variant-numeric:tabular-nums;letter-spacing:.08em}.moderator__kopf-aktionen{display:flex;gap:var(--abstand-m);align-items:center}.moderator__buehnen-verweis{color:var(--farbe-text);text-decoration:underline;text-underline-offset:3px}.moderator__bereich{display:flex;flex-direction:column;gap:var(--abstand-m)}.moderator__ueberschrift{margin:0;color:var(--farbe-text-leise);font-size:var(--schriftgroesse-grund);font-weight:var(--schriftgewicht-hervor);text-transform:none}.moderator__schaltflaechen{display:flex;flex-wrap:wrap;gap:var(--abstand-m)}.moderator__schaltflaeche{padding:var(--abstand-s) var(--abstand-m);background-color:var(--farbe-aktion);border:none;border-radius:var(--radius-flaeche);color:var(--farbe-text-auf-farbe);font-family:inherit;font-size:inherit;font-weight:var(--schriftgewicht-hervor);line-height:inherit;cursor:pointer}.moderator__schaltflaeche--richtig{background-color:var(--farbe-erfolg)}.moderator__schaltflaeche--falsch{background-color:var(--farbe-gefahr)}.moderator__schaltflaeche:disabled,.punkte-steuerung__senden:disabled{background-color:var(--farbe-aus);color:var(--farbe-text-aus);cursor:default}.moderator__am-zug{display:flex;gap:var(--abstand-s);align-items:center}.teilnehmer-liste{display:flex;flex-direction:column;gap:var(--abstand-s);margin:0;padding:0;list-style:none}.teilnehmer-liste__eintrag{display:flex;flex-wrap:wrap;gap:var(--abstand-m);align-items:center;padding:var(--abstand-s) var(--abstand-m);background-color:var(--farbe-flaeche);border-radius:var(--radius-flaeche);color:var(--farbe-text)}.teilnehmer-liste__eintrag[data-hervorgehoben=ja]{outline:var(--umrandung-am-zug) solid var(--farbe-hervorhebung)}.teilnehmer-liste__anzeigename{min-width:8em;overflow:hidden;font-weight:var(--schriftgewicht-hervor);text-overflow:ellipsis;white-space:nowrap}.teilnehmer-liste__rolle,.teilnehmer-liste__verbindung,.teilnehmer-liste__kamera{color:var(--farbe-text-leise);white-space:nowrap}.teilnehmer-liste__punktestand{margin-inline-start:auto;font-variant-numeric:tabular-nums;font-weight:var(--schriftgewicht-hervor)}.punkte-steuerung{display:flex;flex-wrap:wrap;gap:var(--abstand-s);align-items:center}.punkte-steuerung__feld{width:6em;padding:var(--abstand-s);background-color:var(--farbe-grund);border:1px solid var(--farbe-rand);border-radius:var(--radius-flaeche);color:var(--farbe-text);font-family:inherit;font-size:inherit;font-variant-numeric:tabular-nums;line-height:inherit;text-align:right}.punkte-steuerung__senden{padding:var(--abstand-s) var(--abstand-m);background-color:var(--farbe-aktion);border:none;border-radius:var(--radius-flaeche);color:var(--farbe-text-auf-farbe);font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer}.punkte-steuerung__meldung{flex-basis:100%;margin:0;color:var(--farbe-text-fehler)}.rollen-ansicht{display:flex;justify-content:center;padding:var(--abstand-l)}.rollen-ansicht__meldung{margin:0;color:var(--farbe-text);font-size:var(--schriftgroesse-grund);line-height:var(--zeilenhoehe-grund)}.rollen-ansicht[data-rollen-lage=hinweis] .rollen-ansicht__meldung{color:var(--farbe-text-fehler);font-weight:var(--schriftgewicht-hervor)}.buzz-schaltflaeche{background-color:var(--farbe-aktion);color:var(--farbe-text-auf-farbe);border:none;border-radius:var(--radius-kachel);padding:var(--abstand-m);font-family:inherit;font-size:48px;font-weight:var(--schriftgewicht-hervor);line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.buzz-schaltflaeche:hover:enabled,.buzz-schaltflaeche:active:enabled{background-color:var(--farbe-aktion-hoch)}.buzz-schaltflaeche:disabled{background-color:var(--farbe-aus);color:var(--farbe-text-aus);cursor:default}.kamera-schalter{display:inline-flex;align-items:baseline;gap:var(--abstand-s);background-color:var(--farbe-aktion);color:var(--farbe-text-auf-farbe);border:none;border-radius:var(--radius-flaeche);padding:var(--abstand-s) var(--abstand-m);font-family:inherit;font-size:var(--schriftgroesse-grund);line-height:var(--zeilenhoehe-grund);cursor:pointer}.kamera-schalter:hover,.kamera-schalter:active{background-color:var(--farbe-aktion-hoch)}.kamera-schalter__beschriftung{font-weight:var(--schriftgewicht-grund)}.kamera-schalter__wert{font-weight:var(--schriftgewicht-hervor);text-transform:none}:root{--dauer-hervorhebung: .22s;--dauer-punktestand: .22s;--dauer-einblendung: .26s;--zeitkurve: ease-out}@keyframes kachel-einblenden{0%{opacity:0}to{opacity:1}}.teilnehmer-kachel{animation:kachel-einblenden var(--dauer-einblendung) var(--zeitkurve)}@keyframes punktestand-wechsel{0%{transform:translateY(.3em);opacity:0}to{transform:none;opacity:1}}.teilnehmer-kachel__punktestand,.teilnehmer-liste__punktestand,.spieler-ansicht__punktestand{animation:punktestand-wechsel var(--dauer-punktestand) var(--zeitkurve)}.teilnehmer-kachel[data-hervorgehoben=ja]{transition:outline-width var(--dauer-hervorhebung) var(--zeitkurve)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:100 900;font-display:block;src:url(/assets/roboto-condensed-variabel-latin-CGryKNg8.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--farbe-grund: hsl(222 18% 8%);--farbe-flaeche: hsl(222 16% 12%);--farbe-flaeche-hoch: hsl(221 15% 17%);--farbe-kachel: hsl(220 16% 14%);--farbe-badge: hsl(223 24% 10%);--farbe-aus: hsl(221 14% 20%);--farbe-kategorie-kopf: hsl(6 72% 46%);--farbe-punktkachel-von: hsl(220 60% 22%);--farbe-punktkachel-bis: hsl(212 60% 36%);--farbe-aktion: hsl(212 62% 40%);--farbe-aktion-hoch: hsl(212 62% 34%);--farbe-erfolg: hsl(150 52% 30%);--farbe-gefahr: hsl(6 66% 42%);--farbe-text: hsl(210 20% 96%);--farbe-text-leise: hsl(214 14% 74%);--farbe-text-aus: hsl(214 10% 68%);--farbe-text-fehler: hsl(6 86% 70%);--farbe-text-auf-farbe: hsl(0 0% 100%);--farbe-text-punktwert: hsl(45 90% 64%);--farbe-fokus: hsl(48 100% 62%);--farbe-hervorhebung: hsl(174 72% 54%);--farbe-rand: hsl(220 12% 52%);--verlauf-punktkachel: linear-gradient( 180deg, var(--farbe-punktkachel-von) 0%, var(--farbe-punktkachel-bis) 100% );--umrandung-fokus: 2px;--umrandung-hervorhebung: 4px;--umrandung-am-zug: 2px;--fokus-abstand: 2px;--schrift: "Roboto Condensed", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--schriftgroesse-grund: 16px;--schriftgroesse-badge: 20px;--schriftgewicht-grund: 400;--schriftgewicht-hervor: 600;--zeilenhoehe-grund: 1.4;--abstand-s: 8px;--abstand-m: 16px;--abstand-l: 24px;--radius-flaeche: 8px;--radius-kachel: 12px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--farbe-grund);color:var(--farbe-text);font-family:var(--schrift);font-size:var(--schriftgroesse-grund);font-weight:var(--schriftgewicht-grund);line-height:var(--zeilenhoehe-grund);-webkit-font-smoothing:antialiased}*:focus-visible{outline:var(--umrandung-fokus) solid var(--farbe-fokus);outline-offset:var(--fokus-abstand)}