:root{color-scheme:light dark;--bg: #ffffff;--fg: #1b1b1f;--kachel-rand: #767676;--taste-bg: #e3e3e6;--taste-fg: #1b1b1f;--positionsrichtig-bg: #1e7a34;--positionsrichtig-fg: #ffffff;--vorhanden-bg: #8a6400;--vorhanden-fg: #ffffff;--nicht-vorhanden-bg: #3a3a3d;--nicht-vorhanden-fg: #ffffff;--fokus-ring: #2b6fff}@media(prefers-color-scheme:dark){:root{--bg: #1b1b1f;--fg: #f2f2f2;--kachel-rand: #767676;--taste-bg: #3a3a3d;--taste-fg: #f2f2f2;--fokus-ring: #6ea8ff}}:root[data-theme=dark]{--bg: #1b1b1f;--fg: #f2f2f2;--kachel-rand: #767676;--taste-bg: #3a3a3d;--taste-fg: #f2f2f2;--fokus-ring: #6ea8ff}:root[data-theme=light]{--bg: #ffffff;--fg: #1b1b1f;--kachel-rand: #767676;--taste-bg: #e3e3e6;--taste-fg: #1b1b1f;--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{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;padding:.5rem}.kopfzeile{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.kopfzeile__marke{font-weight:700;letter-spacing:.05em}.kopfzeile__version{font-weight:400;font-size:.65rem;opacity:.6;letter-spacing:normal}.kopfzeile__versuch{min-width:3.5rem;text-align:right;font-variant-numeric:tabular-nums}.kopfzeile__links{display:flex;align-items:center;gap:.6rem;min-width:3.5rem}.kopfzeile__neue-partie,.kopfzeile__anzeigemodus{border:none;background:none;color:var(--fg);font-size:.8rem;text-decoration:underline;cursor:pointer;padding:.25rem 0}.spielflaeche{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;position:relative}.raster{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.raster__zeile{display:flex;gap:.35rem}.raster__zeile--wackelt{animation:wackeln .4s ease-in-out}.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{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border:2px solid var(--kachel-rand);border-radius:4px;position:relative;text-transform:uppercase}.kachel--positionsrichtig,.kachel--vorhanden,.kachel--nicht_vorhanden{animation:aufdecken .35s ease-out both}.kachel--zeile-position-0{animation-delay:0ms}.kachel--zeile-position-1{animation-delay:60ms}.kachel--zeile-position-2{animation-delay:.12s}.kachel--zeile-position-3{animation-delay:.18s}.kachel--zeile-position-4{animation-delay:.24s}@keyframes aufdecken{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.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:"";position:absolute;bottom:3px;right:3px;width:8px;height:8px}.kachel--positionsrichtig:after{border-radius:50%;background:currentColor}.kachel--vorhanden:after{transform:rotate(45deg);background:currentColor}.tastatur{display:flex;flex-direction:column;gap:.4rem;width:100%;padding-bottom:env(safe-area-inset-bottom)}.tastatur__reihe{display:flex;gap:.3rem;justify-content:center}.taste{flex:1;max-width:2.5rem;height:3rem;border:none;border-radius:4px;background:var(--taste-bg);color:var(--taste-fg);font-weight:600;font-size:.95rem;cursor:pointer}.taste:disabled{opacity:.5;cursor:default}.taste--breit{max-width:4rem;font-size:.75rem}.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)}.abschlusskarte{background:var(--bg);border:2px solid var(--kachel-rand);border-radius:8px;padding:1rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;max-width:20rem;box-shadow:0 4px 24px #0000004d}.abschlusskarte__ergebnis{font-size:1.25rem;font-weight:700;margin:0}.abschlusskarte button{margin-top:.5rem;padding:.6rem 1.5rem;border:none;border-radius:4px;background:var(--positionsrichtig-bg);color:var(--positionsrichtig-fg);font-weight:600;font-size:1rem;cursor:pointer}@media(prefers-reduced-motion:reduce){.raster__zeile--wackelt,.kachel--positionsrichtig,.kachel--vorhanden,.kachel--nicht_vorhanden{animation:none}}