:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0c0d10;--fg:#f2f4f8;--flaeche:#1f2126;--kachel-rand:#1f2126;--taste-bg:#1f2126;--taste-fg:#f2f4f8;--positionsrichtig-bg:#4ee1c2;--positionsrichtig-fg:#05201a;--vorhanden-bg:#8a6400;--vorhanden-fg:#fff;--nicht-vorhanden-bg:#3a3a3d;--nicht-vorhanden-fg:#fff;--fokus-ring:#6ea8ff;--tastatur-feedback-dauer-kurz:.12s;--tastatur-feedback-dauer-mittel:.26s;--tastatur-feedback-easing:cubic-bezier(.2, .7, .2, 1);--tastatur-feedback-fehler:#b3261e;--tastatur-feedback-bestaetigung:#4ee1c2;--tastatur-feedback-ignoriert:#6b7280;--radius-chrome:2px;--radius-tile:6px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f5f7f9;--fg:#12151a;--flaeche:#eef1f4;--kachel-rand:#d7dce2;--taste-bg:#eef1f4;--taste-fg:#12151a;--positionsrichtig-bg:#189e82;--positionsrichtig-fg:#05201a;--fokus-ring:#2b6fff}}:root[data-theme=dark]{--bg:#0c0d10;--fg:#f2f4f8;--flaeche:#1f2126;--kachel-rand:#1f2126;--taste-bg:#1f2126;--taste-fg:#f2f4f8;--positionsrichtig-bg:#4ee1c2;--positionsrichtig-fg:#05201a;--fokus-ring:#6ea8ff}:root[data-theme=light]{--bg:#f5f7f9;--fg:#12151a;--flaeche:#eef1f4;--kachel-rand:#d7dce2;--taste-bg:#eef1f4;--taste-fg:#12151a;--positionsrichtig-bg:#189e82;--positionsrichtig-fg:#05201a;--fokus-ring:#2b6fff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:system-ui,sans-serif}button:focus-visible{outline:3px solid var(--fokus-ring);outline-offset:2px}.sr-nur{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex}.kopfzeile{padding:max(.4rem, env(safe-area-inset-top)) .5rem .4rem;border-bottom:1px solid var(--kachel-rand);align-items:center;gap:.4rem;display:flex}.kopfzeile__versuch{text-align:right;font-variant-numeric:tabular-nums;opacity:.7;min-width:3rem;margin-left:auto;font-size:.75rem}.kopfzeile__taste{border-radius:var(--radius-chrome);background:var(--flaeche);color:var(--fg);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.1rem;display:inline-flex}.hilfe-overlay{z-index:10;animation:overlay-backdrop-einblenden .28s var(--tastatur-feedback-easing) both;background:0 0;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.hilfe__panel{border:1px solid var(--kachel-rand);border-radius:var(--radius-chrome);background:var(--bg);width:min(100%,32rem);max-height:100%;color:var(--fg);animation:overlay-panel-erscheinen .28s var(--tastatur-feedback-easing) both;padding:1.25rem;overflow:auto}.hilfe__kopf{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.hilfe__panel h1{margin:0;font-size:1.35rem}.hilfe__panel h2{margin:1.25rem 0 .4rem;font-size:1rem}.hilfe__panel p,.hilfe__panel li{line-height:1.45}.hilfe__panel p{margin:.5rem 0}.hilfe__panel ul{margin:0;padding-left:1.25rem}.hilfe__schliessen{border-radius:var(--radius-chrome);background:var(--taste-bg);width:44px;height:44px;color:var(--taste-fg);cursor:pointer;border:none;flex:none;font-size:1.5rem;line-height:1}.hilfe__fertig{border-radius:var(--radius-chrome);background:var(--positionsrichtig-bg);width:100%;min-height:44px;color:var(--positionsrichtig-fg);cursor:pointer;border:none;margin-top:1rem;padding:.6rem 1rem;font-weight:600;display:block}.statistik-overlay{z-index:10;animation:overlay-backdrop-einblenden .28s var(--tastatur-feedback-easing) both;background:0 0;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.statistik__panel{border:1px solid var(--kachel-rand);border-radius:var(--radius-chrome);background:var(--bg);width:min(100%,32rem);max-height:100%;color:var(--fg);animation:overlay-panel-erscheinen .28s var(--tastatur-feedback-easing) both;padding:1.25rem;overflow:auto}.statistik__kopf{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.statistik__panel h1{margin:0;font-size:1.35rem}.statistik__panel h2{margin:1.25rem 0 .4rem;font-size:1rem}.statistik__schliessen{border-radius:var(--radius-chrome);background:var(--taste-bg);width:44px;height:44px;color:var(--taste-fg);cursor:pointer;border:none;flex:none;font-size:1.5rem;line-height:1}.statistik__kennzahlen{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.statistik__kennzahl{border:1px solid var(--kachel-rand);border-radius:var(--radius-chrome);background:var(--flaeche);flex-direction:column;flex:5rem;align-items:center;gap:.15rem;padding:.6rem .4rem;display:flex}.statistik__wert{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.statistik__label{text-align:center;opacity:.75;font-size:.7rem}.statistik__verteilung{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.statistik__verteilungszeile{align-items:center;gap:.5rem;display:flex}.statistik__verteilungslabel{text-align:right;font-variant-numeric:tabular-nums;opacity:.75;width:1rem}.statistik__balken{background:var(--positionsrichtig-bg);min-width:1.5rem;height:1.4rem;color:var(--positionsrichtig-fg);border-radius:var(--radius-chrome);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;padding:0 .35rem;font-size:.8rem;display:flex}.statistik__zuruecksetzen{border:1px solid var(--kachel-rand);border-radius:var(--radius-chrome);background:var(--flaeche);width:100%;min-height:44px;color:var(--fg);cursor:pointer;margin-top:1.25rem;padding:.6rem 1rem;display:block}.statistik__zuruecksetzen--rueckfrage{background:var(--vorhanden-bg);color:var(--vorhanden-fg);border-color:var(--vorhanden-bg)}.statistik__fertig{border-radius:var(--radius-chrome);background:var(--positionsrichtig-bg);width:100%;min-height:44px;color:var(--positionsrichtig-fg);cursor:pointer;border:none;margin-top:.6rem;padding:.6rem 1rem;font-weight:600;display:block}.spielflaeche{flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .5rem;display:flex;position:relative}.raster{flex-direction:column;gap:.35rem;margin-top:.5rem;display:flex}.raster__zeile{gap:.35rem;display:flex}.raster__zeile--wackelt{animation:wackeln .4s var(--tastatur-feedback-easing)}.app--reduzierte-bewegung .raster__zeile--wackelt{animation:none}@keyframes wackeln{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.kachel{border:2px solid var(--kachel-rand);border-radius:var(--radius-tile);text-transform:uppercase;justify-content:center;align-items:center;width:3rem;height:3rem;font-family:ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,Quicksand,Segoe UI,system-ui,sans-serif;font-size:1.5rem;font-weight:700;display:flex;position:relative}.kachel--positionsrichtig,.kachel--vorhanden,.kachel--nicht_vorhanden{animation:kachel-aufdecken .32s var(--tastatur-feedback-easing) both}.kachel--zeile-position-0{animation-delay:0s}.kachel--zeile-position-1{animation-delay:50ms}.kachel--zeile-position-2{animation-delay:.1s}.kachel--zeile-position-3{animation-delay:.15s}.kachel--zeile-position-4{animation-delay:.2s}@keyframes kachel-aufdecken{0%{opacity:.4;transform:scale(.55)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.app--reduzierte-bewegung .kachel--positionsrichtig,.app--reduzierte-bewegung .kachel--vorhanden,.app--reduzierte-bewegung .kachel--nicht_vorhanden{animation:none}.kachel--positionsrichtig{background:var(--positionsrichtig-bg);color:var(--positionsrichtig-fg);border-color:var(--positionsrichtig-bg)}.kachel--vorhanden{background:var(--vorhanden-bg);color:var(--vorhanden-fg);border-color:var(--vorhanden-bg)}.kachel--nicht_vorhanden{background:repeating-linear-gradient(45deg, var(--nicht-vorhanden-bg), var(--nicht-vorhanden-bg) 4px, #2a2a2c 4px, #2a2a2c 8px);color:var(--nicht-vorhanden-fg);border-color:var(--nicht-vorhanden-bg)}.kachel--positionsrichtig:after,.kachel--vorhanden:after{content:"";width:8px;height:8px;position:absolute;bottom:3px;right:3px}.kachel--positionsrichtig:after{background:currentColor;border-radius:50%}.kachel--vorhanden:after{background:currentColor;transform:rotate(45deg)}.tastatur{width:100%;padding:.5rem .4rem calc(.5rem + env(safe-area-inset-bottom));background:var(--flaeche);border-top:1px solid var(--kachel-rand);flex-direction:column;gap:.4rem;display:flex}.tastatur__reihe{justify-content:center;gap:.3rem;display:flex}.taste{border-radius:var(--radius-chrome);background:var(--taste-bg);min-width:0;max-width:2.75rem;height:3.25rem;color:var(--taste-fg);cursor:pointer;transition:background-color var(--tastatur-feedback-dauer-kurz) var(--tastatur-feedback-easing), color var(--tastatur-feedback-dauer-kurz) var(--tastatur-feedback-easing);border:none;flex:1 1 0;font-size:1rem;font-weight:600}.app--reduzierte-bewegung .taste{transition:none}.taste:disabled{opacity:.5;cursor:default}.taste--breit{white-space:nowrap;flex:1.4 1 0;min-width:0;max-width:4rem;padding:0 .15rem;font-size:.65rem}.taste--positionsrichtig{background:var(--positionsrichtig-bg);color:var(--positionsrichtig-fg)}.taste--vorhanden{background:var(--vorhanden-bg);color:var(--vorhanden-fg)}.taste--nicht_vorhanden{background:var(--nicht-vorhanden-bg);color:var(--nicht-vorhanden-fg)}.taste--puls{animation:taste-puls var(--tastatur-feedback-dauer-kurz) var(--tastatur-feedback-easing) both}.taste--fehler{animation:taste-fehler var(--tastatur-feedback-dauer-mittel) var(--tastatur-feedback-easing) both}.taste--ignoriert{animation:taste-ignoriert var(--tastatur-feedback-dauer-kurz) var(--tastatur-feedback-easing) both}.taste--bestaetigung{animation:taste-bestaetigung var(--tastatur-feedback-dauer-kurz) var(--tastatur-feedback-easing) both}.taste--gesperrt{animation:taste-gesperrt var(--tastatur-feedback-dauer-kurz) var(--tastatur-feedback-easing) both}.app--reduzierte-bewegung .taste--puls,.app--reduzierte-bewegung .taste--fehler,.app--reduzierte-bewegung .taste--ignoriert,.app--reduzierte-bewegung .taste--bestaetigung,.app--reduzierte-bewegung .taste--gesperrt{animation:none}@keyframes taste-puls{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes taste-fehler{0%,to{box-shadow:0 0 0 0 var(--tastatur-feedback-fehler);transform:translate(0)}25%{box-shadow:0 0 0 2px var(--tastatur-feedback-fehler);transform:translate(-3px)}75%{box-shadow:0 0 0 2px var(--tastatur-feedback-fehler);transform:translate(3px)}}@keyframes taste-ignoriert{0%,to{opacity:1}50%{opacity:.4}}@keyframes taste-bestaetigung{0%{box-shadow:0 0 0 0 var(--tastatur-feedback-bestaetigung)}50%{box-shadow:0 0 0 3px var(--tastatur-feedback-bestaetigung)}to{box-shadow:0 0 0 0 var(--tastatur-feedback-bestaetigung)}}@keyframes taste-gesperrt{0%,to{background:var(--taste-bg)}50%{background:var(--tastatur-feedback-ignoriert)}}.abschlusskarte{background:var(--flaeche);border:1px solid var(--kachel-rand);border-radius:var(--radius-chrome);width:100%;max-width:20rem;animation:abschlusskarte-erscheinen .3s var(--tastatur-feedback-easing) both;flex-direction:column;align-items:center;gap:.4rem;padding:1rem 1.25rem;display:flex;position:relative;overflow:hidden}.abschlusskarte--feier{animation:abschlusskarte-erscheinen .3s var(--tastatur-feedback-easing) both, abschlusskarte-feier .7s var(--tastatur-feedback-easing) .15s both}.abschlusskarte--feier:after{content:"";pointer-events:none;border-radius:var(--radius-chrome);background:radial-gradient(circle at 50% 0%, var(--positionsrichtig-bg) 0%, transparent 70%);opacity:0;animation:abschlusskarte-feier-glow .9s var(--tastatur-feedback-easing) .15s both;position:absolute;inset:-2px}.app--reduzierte-bewegung .abschlusskarte--feier,.app--reduzierte-bewegung .abschlusskarte--feier:after{animation:none}@keyframes abschlusskarte-feier{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes abschlusskarte-feier-glow{0%{opacity:0}35%{opacity:.65}to{opacity:0}}@keyframes abschlusskarte-erscheinen{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app--reduzierte-bewegung .abschlusskarte{animation:none}.abschlusskarte__ergebnis{margin:0;font-size:1.25rem;font-weight:700}.abschlusskarte button{border-radius:var(--radius-chrome);background:var(--positionsrichtig-bg);color:var(--positionsrichtig-fg);cursor:pointer;border:none;margin-top:.5rem;padding:.6rem 1.5rem;font-size:1rem;font-weight:600}.aktualisierungs-hinweis{z-index:30;background:var(--flaeche);border:2px solid var(--kachel-rand);border-radius:var(--radius-chrome);color:var(--fg);text-align:center;animation:aktualisierungs-hinweis-erscheinen 2s var(--tastatur-feedback-easing) both;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}@keyframes aktualisierungs-hinweis-erscheinen{0%{opacity:0;transform:translate(-50%)translateY(8px)}15%{opacity:1;transform:translate(-50%)translateY(0)}85%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(0)}}@keyframes overlay-backdrop-einblenden{0%{background:0 0}to{background:#0000008c}}@keyframes overlay-panel-erscheinen{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.raster__zeile--wackelt,.kachel--positionsrichtig,.kachel--vorhanden,.kachel--nicht_vorhanden{animation:none}.taste{transition:none}.abschlusskarte,.aktualisierungs-hinweis,.hilfe-overlay,.statistik-overlay,.hilfe__panel,.statistik__panel{animation:none}}.hilfe__fuss{text-align:center;margin:1rem 0 0}.hilfe__version{min-height:44px;color:var(--tastatur-feedback-ignoriert);font:inherit;cursor:default;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:none;padding:.5rem .75rem;font-size:.8rem}.wortpruefung-overlay{z-index:10;animation:overlay-backdrop-einblenden .28s var(--tastatur-feedback-easing) both;background:0 0;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.wortpruefung__panel{border:1px solid var(--kachel-rand);border-radius:var(--radius-chrome);background:var(--bg);width:min(100%,32rem);max-height:100%;color:var(--fg);animation:overlay-panel-erscheinen .28s var(--tastatur-feedback-easing) both;padding:1.25rem;overflow:auto}.wortpruefung__kopf{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.wortpruefung__panel h1{margin:0;font-size:1.35rem}.wortpruefung__schliessen{border-radius:var(--radius-chrome);background:var(--taste-bg);width:44px;height:44px;color:var(--taste-fg);cursor:pointer;border:none;flex:none;font-size:1.5rem;line-height:1}.wortpruefung__hinweis{color:var(--tastatur-feedback-ignoriert);margin:.5rem 0 1rem;font-size:.85rem}.wortpruefung__label{margin-bottom:.3rem;font-size:.9rem;display:block}.wortpruefung__eingabe{box-sizing:border-box;border:1px solid var(--kachel-rand);border-radius:var(--radius-tile);background:var(--flaeche);width:100%;min-height:48px;color:var(--fg);font:inherit;letter-spacing:.25em;text-transform:uppercase;padding:.5rem .75rem;font-size:1.4rem}.wortpruefung__eingabe:focus-visible{outline:2px solid var(--fokus-ring);outline-offset:2px}.wortpruefung__ergebnis{margin-top:1rem;display:block}.wortpruefung__leer{color:var(--tastatur-feedback-ignoriert);margin:0}.wortpruefung__befunde{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.wortpruefung__befund{border-radius:var(--radius-tile);background:var(--flaeche);justify-content:space-between;align-items:center;min-height:44px;padding:.5rem .75rem;display:flex}.wortpruefung__befund--ja{background:var(--positionsrichtig-bg);color:var(--positionsrichtig-fg)}.wortpruefung__befund--nein{background:var(--nicht-vorhanden-bg);color:var(--nicht-vorhanden-fg)}