:root{--grund:#fbf6ee;--karte:#fff;--karte-hoch:#fffdf9;--tinte:#3c2b20;--tinte-leise:#7c6a57;--kante:#e8dbc6;--kante-stark:#d6c3a6;--primaer:#6257e3;--primaer-tief:#4a40c4;--primaer-grund:#ecebfc;--erfolg:#2f8238;--erfolg-grund:#eaf4e9;--fehler:#c4452d;--fehler-grund:#fbeae6;--gold:#f3cd74;--gold-tief:#a8781a;--welt-hauptkueche:#675a49;--welt-pur:#c08851;--welt-stadtherz:#2f8238;--welt-konditorei:#ca813b;--welt-wurst:#184b44;--welt-empfang:#0c6980;--welt-wellness:#00a8a8;--welt-ohne:#7c6a57;--radius:18px;--radius-klein:12px;--kante-tiefe:4px;--griff-min:46px;--schrift-spiel:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--schrift-fach:"Playfair Display", Georgia, "Iowan Old Style", serif}@media (prefers-color-scheme:dark){:root{--grund:#201811;--karte:#2c221a;--karte-hoch:#35291f;--tinte:#f6ece0;--tinte-leise:#b7a68f;--kante:#453626;--kante-stark:#5a4632;--primaer:#9d92ff;--primaer-tief:#7b6ff0;--primaer-grund:#241f45;--erfolg:#6fc078;--erfolg-grund:#23361f;--fehler:#f08a72;--fehler-grund:#3d2019;--gold-tief:#f3cd74;--welt-hauptkueche:#a3927c;--welt-pur:#d9a670;--welt-stadtherz:#6fc078;--welt-konditorei:#e0a163;--welt-wurst:#4f9b8f;--welt-empfang:#4aa8c4;--welt-wellness:#2fd0cf;--welt-ohne:#b7a68f}}:root[data-theme=dark]{--grund:#201811;--karte:#2c221a;--karte-hoch:#35291f;--tinte:#f6ece0;--tinte-leise:#b7a68f;--kante:#453626;--kante-stark:#5a4632;--primaer:#9d92ff;--primaer-tief:#7b6ff0;--primaer-grund:#241f45;--erfolg:#6fc078;--erfolg-grund:#23361f;--fehler:#f08a72;--fehler-grund:#3d2019;--gold-tief:#f3cd74;--welt-hauptkueche:#a3927c;--welt-pur:#d9a670;--welt-stadtherz:#6fc078;--welt-konditorei:#e0a163;--welt-wurst:#4f9b8f;--welt-empfang:#4aa8c4;--welt-wellness:#2fd0cf;--welt-ohne:#b7a68f}:root[data-theme=light]{--grund:#fbf6ee;--karte:#fff;--karte-hoch:#fffdf9;--tinte:#3c2b20;--tinte-leise:#7c6a57;--kante:#e8dbc6;--kante-stark:#d6c3a6;--primaer:#6257e3;--primaer-tief:#4a40c4;--primaer-grund:#ecebfc;--erfolg:#2f8238;--erfolg-grund:#eaf4e9;--fehler:#c4452d;--fehler-grund:#fbeae6;--gold-tief:#a8781a;--welt-hauptkueche:#675a49;--welt-pur:#c08851;--welt-stadtherz:#2f8238;--welt-konditorei:#ca813b;--welt-wurst:#184b44;--welt-empfang:#0c6980;--welt-wellness:#00a8a8;--welt-ohne:#7c6a57}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--grund);color:var(--tinte);font-family:var(--schrift-spiel);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;line-height:1.55}.buehne{max-width:480px;min-height:100%;padding:20px 18px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:20px;margin:0 auto;display:flex}.kopf{align-items:center;gap:12px;min-height:32px;display:flex}.kopf .platzhalter{flex:1}.inhalt{flex-direction:column;flex:1;gap:18px;display:flex}.inhalt.mitte{justify-content:center}h1.titel{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(24px,6vw,30px);font-weight:800;line-height:1.15}p.hilfe{color:var(--tinte-leise);max-width:34ch;margin:0;font-size:15.5px}.schritte{gap:6px;display:flex}.schritte i{background:var(--kante);border-radius:99px;flex:1;height:6px}.schritte i.getan{background:var(--primaer)}.knopf{font:inherit;min-height:var(--griff-min);border-radius:var(--radius-klein);cursor:pointer;background:var(--primaer);color:#fff;box-shadow:0 var(--kante-tiefe) 0 var(--primaer-tief);border:none;width:100%;padding:13px 18px;font-size:16.5px;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .15s}.knopf:hover:not(:disabled){filter:brightness(1.06)}.knopf:active:not(:disabled){transform:translateY(var(--kante-tiefe));box-shadow:0 0 0 var(--primaer-tief)}.knopf:disabled{opacity:.45;cursor:default}.knopf.leise{background:var(--karte);color:var(--tinte);border:2px solid var(--kante-stark);box-shadow:0 var(--kante-tiefe) 0 var(--kante)}.knopf.warnung{background:var(--fehler);box-shadow:0 var(--kante-tiefe) 0 color-mix(in srgb, var(--fehler) 65%, #000)}.knopf-reihe{flex-direction:column;gap:10px;margin-top:auto;display:flex}.zurueck{font:inherit;color:var(--tinte-leise);cursor:pointer;min-height:var(--griff-min);background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px 8px 0;font-size:15px;font-weight:700;display:inline-flex}.zurueck:hover{color:var(--tinte)}:focus-visible{outline:3px solid var(--primaer);outline-offset:3px;border-radius:8px}.feld{flex-direction:column;gap:7px;display:flex}.feld label{letter-spacing:.04em;text-transform:uppercase;color:var(--tinte-leise);font-size:13px;font-weight:700}.feld input{font:inherit;min-height:var(--griff-min);border-radius:var(--radius-klein);border:2px solid var(--kante-stark);background:var(--karte);color:var(--tinte);width:100%;padding:12px 14px;font-size:18px}.feld input:focus{border-color:var(--primaer);outline:none}.feld.code input{text-transform:uppercase;letter-spacing:.12em;font-weight:800}.meldung{border-radius:var(--radius-klein);border:2px solid;align-items:flex-start;gap:9px;padding:11px 13px;font-size:15px;font-weight:600;display:flex}.meldung .zeichen{flex:none;font-weight:800}.meldung.gut{background:var(--erfolg-grund);border-color:var(--erfolg);color:var(--erfolg)}.meldung.schlecht{background:var(--fehler-grund);border-color:var(--fehler);color:var(--fehler)}.avatar-vorschau{border:3px solid var(--kante-stark);background:var(--karte);border-radius:50%;align-self:center;place-items:center;width:108px;height:108px;font-size:54px;display:grid}.wahl{flex-direction:column;gap:9px;display:flex}.wahl>span{letter-spacing:.04em;text-transform:uppercase;color:var(--tinte-leise);font-size:13px;font-weight:700}.wahl-reihe{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.plaettchen{font:inherit;cursor:pointer;min-height:var(--griff-min);border-radius:var(--radius-klein);border:2px solid var(--kante-stark);background:var(--karte);color:var(--tinte);box-shadow:0 3px 0 var(--kante);flex-direction:column;align-items:center;gap:5px;padding:10px 6px;font-size:13px;font-weight:700;transition:transform 80ms,box-shadow 80ms,border-color .15s,background .15s;display:flex}.plaettchen:active{box-shadow:0 0 0 var(--kante);transform:translateY(3px)}.plaettchen[aria-pressed=true]{border-color:var(--primaer);background:var(--primaer-grund)}.plaettchen .zeichen{font-size:26px;line-height:1}.plaettchen .klecks{border-radius:50%;width:26px;height:26px}.karte{background:var(--karte);border:2px solid var(--kante);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.stand{align-items:center;gap:14px;display:flex}.stand .avatar-vorschau{border-width:2px;align-self:auto;width:62px;height:62px;font-size:30px}.stand .wer{flex-direction:column;gap:2px;min-width:0;display:flex}.stand .nick{letter-spacing:-.01em;font-size:19px;font-weight:800}.stand .punkte{color:var(--gold-tief);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.welten{flex-wrap:wrap;gap:8px;display:flex}.welt-chip{background:color-mix(in srgb, var(--welt) 13%, var(--karte));border:2px solid color-mix(in srgb, var(--welt) 38%, transparent);border-radius:99px;align-items:center;gap:7px;padding:7px 12px;font-size:13.5px;font-weight:700;display:inline-flex}.welt-chip .kugel{background:var(--welt);border-radius:50%;flex:none;width:14px;height:14px}.welt-chip .zahl{color:var(--tinte-leise);font-variant-numeric:tabular-nums}.marke{background:var(--kante);color:var(--tinte-leise);border-radius:99px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:700}.hinweis{color:var(--tinte-leise);align-items:flex-start;gap:8px;font-size:13.5px;display:flex}.fusszeile{justify-content:center;padding-top:4px;display:flex}.fusszeile button{font:inherit;color:var(--tinte-leise);cursor:pointer;text-underline-offset:3px;min-height:var(--griff-min);background:0 0;border:none;padding:0 12px;font-size:14px;font-weight:700;text-decoration:underline}.laden{min-height:60vh;color:var(--tinte-leise);place-items:center;display:grid}@media (prefers-reduced-motion:reduce){.knopf,.plaettchen{transition:none}}.wortmarke{letter-spacing:.16em;text-transform:uppercase;color:var(--primaer);margin:0 0 2px;font-size:13px;font-weight:800}.runden-leiste{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.runden-leiste .zaehler{color:var(--tinte-leise);font-size:14px;font-weight:700}.runden-leiste .punkte{color:var(--gold-tief);font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.frage-karte{background:var(--karte-hoch)}.frage-kopf{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.marke.vorab{border:1px dashed var(--kante-stark);color:var(--tinte-leise);background:0 0}.frage-text{font-family:var(--schrift-fach);text-wrap:pretty;max-width:40ch;margin:0;font-size:clamp(19px,4.8vw,23px);line-height:1.35}.antworten{flex-direction:column;gap:10px;display:flex}.antwort{font:inherit;text-align:left;min-height:var(--griff-min);border-radius:var(--radius-klein);border:2px solid var(--kante-stark);background:var(--karte);color:var(--tinte);box-shadow:0 3px 0 var(--kante);cursor:pointer;padding:13px 16px;font-size:16px;font-weight:700;transition:transform 80ms,box-shadow 80ms,border-color .15s,background .15s}.antwort:hover:not(:disabled){border-color:var(--primaer)}.antwort:active:not(:disabled){box-shadow:0 0 0 var(--kante);transform:translateY(3px)}.antwort:disabled{cursor:default}.antwort.richtig{border-color:var(--erfolg);background:var(--erfolg-grund);color:var(--erfolg);opacity:1}.antwort.daneben{border-color:var(--fehler);background:var(--fehler-grund);color:var(--fehler);opacity:1}.antwort.blass{opacity:.5}.aufloesung{border-radius:var(--radius);border:2px solid;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.aufloesung.gut{border-color:var(--erfolg);background:var(--erfolg-grund)}.aufloesung.schlecht{border-color:var(--fehler);background:var(--fehler-grund)}.aufloesung .urteil{align-items:center;gap:9px;display:flex}.aufloesung .zeichen{font-size:20px;font-weight:800}.aufloesung .wort{font-size:18px;font-weight:800}.aufloesung.gut .zeichen,.aufloesung.gut .wort{color:var(--erfolg)}.aufloesung.schlecht .zeichen,.aufloesung.schlecht .wort{color:var(--fehler)}.punkte-gross{color:var(--gold-tief);font-variant-numeric:tabular-nums;margin-left:auto;font-size:17px;font-weight:800}.aufloesung .trost{color:var(--tinte-leise);margin:0;font-size:14.5px}.aufloesung .loesung{font-family:var(--schrift-fach);margin:0;font-size:18px;line-height:1.3}.aufloesung .begruendung{border-radius:var(--radius-klein);background:var(--karte);border:1px solid var(--kante);flex-direction:column;gap:6px;padding:12px;display:flex}.aufloesung .begruendung p{margin:0;font-size:15.5px}.aufloesung .neben{color:var(--tinte-leise);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.karte.ergebnis{text-align:center;align-items:center;gap:6px}.karte.ergebnis .gross{font-size:22px;font-weight:800}.karte.ergebnis .punkte-gross{margin-left:0;font-size:19px}.wahl-spalte{flex-direction:column;gap:9px;display:flex}.plaettchen.breit{text-align:left;flex-direction:row;justify-content:flex-start;padding:13px 16px;font-size:15px}@media (prefers-reduced-motion:reduce){.antwort{transition:none}}