main.wl-db .spl-huelle{background:var(--db-glas-stark);border-color:color-mix(in oklab, var(--color-raise) 60%, transparent);box-shadow:0 30px 70px -52px color-mix(in oklab, var(--color-night) 40%, transparent);margin-bottom:20px}main.wl-db .wl-db-spiele-tictactoe>.spl-huelle{max-width:560px}main.wl-db .wl-db-spiele-tictactoe .wl-spiel-marke,main.wl-db .wl-db-spiele-tictactoe .wl-spiel-rolle{justify-content:center}.spl-tictactoe .wl-spiel-fuss{min-height:112px;margin-top:14px}.spl-tictactoe .wl-spiel-zug{margin:0;line-height:22px}.spl-tictactoe .wl-ausgang-marke,.spl-tictactoe .wl-ausgang-hinweis{display:none}.spl-tictactoe .wl-ausgang-titel{margin:0;line-height:32px}.spl-tictactoe .wl-ausgang-text{white-space:nowrap;margin:4px 0 10px;line-height:22px}.spl-tictactoe .wl-ausgang .wl-knopf{height:44px;min-height:44px;margin:0}.spl-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:0 0 14px;display:flex}.spl-marke{background:var(--color-ink-04);color:var(--color-ink-72);border-radius:14px;align-items:flex-start;gap:8px;margin:0;padding:6px 12px;font-size:13px;line-height:1.45;display:inline-flex}.spl-marke b{color:var(--color-ink);font-weight:600}.spl-marke-form{border:2px solid var(--color-ink-55);border-radius:50%;flex:none;width:12px;height:12px;margin-top:3px}.spl-anleitung{color:var(--color-ink-72);text-wrap:pretty;margin:0 0 18px;font-size:14.5px;line-height:1.6}.spl-anleitung b{color:var(--color-ink);font-weight:600}.spl-fuss{border-top:1px solid var(--color-ink-08);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-top:18px;padding-top:16px;display:flex}.spl-status{min-height:1.5em;color:var(--color-ink);margin:0;font-size:15px;font-weight:600;line-height:1.5}@media (max-width:719px){.spl-fuss{grid-template-columns:minmax(0,1fr);justify-items:start;display:grid}.spl-status{min-height:3em}}@media (pointer:coarse){.spl-nur-tastatur{display:none}}.spl-wertung{margin:0 0 20px}:is(.spl-karte,.spl-neu,.spl-mm-stelle,.spl-mm-farbe,.spl-vier-spalte,.spl-hm-stufe,.spl-hm-taste):focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.spl-sammlung{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.spl-sammlung>li{min-width:0;display:flex}.spl-karte{width:100%;color:var(--color-ink);background:color-mix(in oklab, var(--color-raise) 80%, transparent);border:1px solid var(--color-ink-08);transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s ease;border-radius:24px;flex-direction:column;gap:8px;padding:18px 18px 20px;text-decoration:none;display:flex}button.spl-karte{font:inherit;text-align:left;cursor:pointer;margin:0}.spl-karte:hover{border-color:var(--color-ink-40);box-shadow:0 24px 48px -36px color-mix(in oklab, var(--color-night) 40%, transparent)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.spl-karte:hover{transform:translateY(-2px)}}.spl-karte-bild{background:var(--color-bg);border:1px solid var(--color-ink-08);border-radius:16px;margin:0 0 6px;display:block}.spl-bild{aspect-ratio:3/2;width:100%;height:auto;display:block}.spl-karte-kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.spl-karte-name{font-family:var(--font-display);letter-spacing:-.025em;font-size:22px;font-weight:500;line-height:1.2}.spl-karte-stufe{border-radius:var(--radius-pill);background:var(--color-ink-04);color:var(--color-ink-72);white-space:nowrap;padding:2px 9px;font-size:12px;font-weight:600}.spl-karte-satz{color:var(--color-ink-72);text-wrap:pretty;font-size:14.5px;line-height:1.55}.spl-karte-weiter{margin-top:auto;padding-top:6px;font-size:14px;font-weight:600}.spl-karte-weiter:after{content:" →";color:var(--color-pulse-deep)}@media (max-width:559px){.spl-sammlung{grid-template-columns:minmax(0,1fr);gap:12px}.spl-karte{grid-template-rows:auto auto 1fr;grid-template-columns:112px minmax(0,1fr);gap:4px 14px;padding:14px;display:grid}.spl-karte-bild{grid-row:1/span 3;align-self:start;margin:0}.spl-karte-name{font-size:19px}.spl-karte-satz{font-size:13.5px}.spl-karte-weiter{padding-top:2px}}.spl-bild .l{fill:none;stroke:var(--color-ink-40);stroke-width:2.4px;stroke-linecap:round}.spl-bild .p{fill:var(--color-pulse)}.spl-bild .p-ring{fill:none;stroke:var(--color-pulse);stroke-width:3.2px}.spl-bild .p-ring.dick{fill:var(--color-raise);stroke-width:3px}.spl-bild .t{fill:var(--color-ink)}.spl-bild .t-strich{fill:none;stroke:var(--color-ink);stroke-width:3px;stroke-linecap:round}.spl-bild .c{fill:var(--color-calm)}.spl-bild .b{fill:var(--color-blush);stroke:var(--color-ink-08)}.spl-bild .l-ring{fill:none;stroke:var(--color-ink-55);stroke-width:1.4px}.spl-bild .flaeche{fill:var(--color-raise);stroke:var(--color-ink-08)}.spl-bild .loch{fill:var(--color-bg);stroke:var(--color-ink-08)}.spl-bild .kachel{fill:var(--color-raise);stroke:var(--color-ink-40)}.spl-bild .kachel.leer{fill:var(--color-bg);stroke:var(--color-ink-08)}.spl-bild .buchstabe{fill:none;stroke:var(--color-ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.spl-stein{border:1px solid var(--color-ink-08);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:inline-grid}.spl-stein.klein{width:22px;height:22px}.spl-stein.leer{border:1.5px dashed var(--color-ink-40);background:0 0}.spl-form{width:64%;height:64%}.spl-stein.f0{background:var(--color-pulse)}.spl-stein.f1{background:var(--color-calm)}.spl-stein.f2{background:var(--color-ink)}.spl-stein.f3{background:var(--color-blush);border-color:var(--color-ink-40)}.spl-stein.f4{background:var(--color-mint);border-color:var(--color-ink-40)}.spl-stein.f5{background:var(--color-raise);border-color:var(--color-ink-55)}.spl-stein:is(.f0,.f1,.f2) .spl-form{fill:var(--color-raise)}.spl-stein:is(.f3,.f4,.f5) .spl-form{fill:var(--color-ink)}.spl-mm-verlauf{gap:6px;margin:18px 0 0;padding:0;list-style:none;display:grid}.spl-mm-zeile.leer{border-style:dashed;border-color:var(--color-ink-08);background:0 0}.spl-mm-zeile.leer .spl-mm-nr{color:var(--color-ink-40)}.spl-mm-zeile.leer .spl-stein.leer{border-color:var(--color-ink-08)}.spl-mm-zeile{background:var(--color-ink-04);border:1px solid #0000;border-radius:14px;grid-template-columns:22px auto auto minmax(0,1fr);align-items:center;gap:12px;padding:8px 12px;display:grid}.spl-mm-nr{font-family:var(--font-mono);color:var(--color-ink-72);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.spl-mm-code{gap:4px;display:flex}.spl-mm-stecker{grid-template-columns:repeat(2,9px);gap:3px;display:grid}.spl-mm-stecker i{border:1px solid var(--color-ink-08);border-radius:50%;width:9px;height:9px}.spl-mm-stecker i.exakt{background:var(--color-ink);border-color:var(--color-ink)}.spl-mm-stecker i.fehl{background:var(--color-raise);border:2px solid var(--color-ink)}.spl-mm-text{min-height:1.4em;color:var(--color-ink-72);font-size:13px;line-height:1.4}@media (max-width:719px){.spl-mm-zeile{grid-template-columns:18px auto minmax(0,1fr);gap:4px 10px}.spl-mm-text{grid-column:2/-1;min-height:2.8em;font-size:12.5px}}.spl-mm-reihe{justify-content:center;gap:10px;display:flex}.spl-mm-stelle{cursor:pointer;border:1px solid var(--color-ink-55);background:var(--color-raise);border-radius:16px;place-items:center;width:56px;height:56px;padding:0;transition:box-shadow .16s,border-color .16s;display:grid}.spl-mm-stelle.an{border:2px solid var(--color-ink);box-shadow:0 0 0 4px var(--color-pulse-soft)}.spl-mm-farben{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:16px 0 0;display:grid}.spl-mm-farbe{cursor:pointer;border:1px solid var(--color-ink-08);background:var(--color-raise);min-width:44px;min-height:72px;color:var(--color-ink);font:600 12px/1.2 var(--font-sans);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 2px;transition:border-color .16s,background-color .16s;display:flex}.spl-mm-farbe:hover{border-color:var(--color-ink-55)}@media (max-width:519px){.spl-mm-farben{grid-template-columns:repeat(3,minmax(0,1fr))}.spl-mm-farbe{gap:4px;min-height:64px;font-size:12.5px}.spl-mm-farbe .spl-stein{width:28px;height:28px}}.spl-mm-aktionen{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.spl-mm-hinweis{text-align:center;min-height:3em;color:var(--color-ink-72);text-wrap:balance;margin:10px 0 0;font-size:13px;line-height:1.5}.spl-mm-feld{display:grid}.spl-mm-feld>*{grid-area:1/1;min-width:0}.spl-mm-eingabe[inert]{visibility:hidden}.spl-mm-ende{background:var(--color-ink-04);text-align:center;border-radius:18px;align-self:center;padding:18px 16px}.spl-mm-ende:empty{visibility:hidden}.spl-mm-ende-titel{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);margin:0;font-size:26px}.spl-mm-ende-satz{color:var(--color-ink-72);margin:4px 0 10px;font-size:14px}.spl-mm-loesung{justify-content:center;gap:8px;margin:0;display:flex}.spl-vier-rollen{color:var(--color-ink-72);align-items:center;gap:6px;margin:0;font-size:13px;display:inline-flex}.spl-vier-mini{border-radius:50%;width:14px;height:14px}.spl-vier-mini.du{border:3.5px solid var(--color-pulse)}.spl-vier-mini.rechner{background:var(--color-ink);margin-left:10px}.spl-vier-brett{background:var(--color-bg);border:1px solid var(--color-ink-08);border-radius:22px;grid-template-columns:repeat(7,minmax(0,1fr));width:min(100%,476px);margin:0 auto;padding:6px;display:grid}.spl-vier-spalte{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:14px;grid-template-rows:18px repeat(6,auto);gap:5px;min-width:44px;padding:4px 4px 6px;transition:background-color .16s;display:grid}.spl-vier-spalte:hover:not([aria-disabled]){background:var(--color-pulse-soft)}.spl-vier-spalte[aria-disabled]{cursor:default}.spl-vier-spalte:focus-visible{outline-offset:-2px}.spl-vier-kopf{font-family:var(--font-mono);text-align:center;color:var(--color-ink-72);font-size:11px;line-height:18px}.spl-vier-spalte.voll .spl-vier-kopf{letter-spacing:.04em}.spl-vier-zelle{aspect-ratio:1;background:var(--color-raise);border:1px solid var(--color-ink-55);border-radius:50%;display:block}.spl-vier-zelle.du{background:radial-gradient(circle, var(--color-raise) 0 36%, var(--color-pulse) 38%);border:0}.spl-vier-zelle.rechner{border-color:var(--color-ink);background:var(--color-ink)}.spl-vier-zelle.rechner.neu{background:radial-gradient(circle, var(--color-raise) 0 14%, var(--color-ink) 16%)}.spl-vier-zelle.linie{outline:3px solid var(--color-ink);outline-offset:2px}.spl-vier-brett.fertig .spl-vier-zelle:not(.du):not(.rechner){border-color:var(--color-ink-08)}.spl-vier-voll{text-align:center;min-height:1.5em;color:var(--color-ink-72);margin:10px 0 0;font-size:13px;line-height:1.5}@media (prefers-reduced-motion:no-preference){.spl-vier-zelle:is(.du,.rechner){animation:spl-fall .26s var(--ease)}}@keyframes spl-fall{0%{opacity:0;transform:translateY(-60%)}to{opacity:1;transform:none}}@media (max-width:479px){main.wl-db .spl-huelle.spl-vier{padding-inline:10px}.spl-vier-brett{background:0 0;border:0;width:100%;padding:0}.spl-vier-spalte{border-radius:12px;gap:4px;padding:2px 3px 4px}.spl-huelle.spl-vier :is(.spl-kopf,.spl-anleitung,.spl-fuss){margin-inline:6px}}.spl-hm-stufen{border-radius:var(--radius-pill);background:var(--color-ink-04);border:1px solid var(--color-ink-08);gap:2px;padding:3px;display:inline-flex}.spl-hm-stufe{cursor:pointer;border-radius:var(--radius-pill);min-height:44px;color:var(--color-ink-72);font:600 13.5px/1 var(--font-sans);background:0 0;border:0;padding:0 14px}.spl-hm-stufe[aria-pressed=true]{background:var(--color-raise);color:var(--color-ink);box-shadow:0 1px 0 var(--color-ink-08), 0 0 0 1px var(--color-ink-55);font-weight:700}.spl-hm-stufensatz{color:var(--color-ink-72);margin:-6px 0 16px;font-size:13px}.spl-hm-leben{justify-content:center;gap:10px;min-height:14px;margin:0 0 18px;display:flex}.spl-hm-leben i{background:var(--color-pulse);border:1.5px solid var(--color-pulse);width:14px;height:14px;transition:background-color .3s ease, border-color .3s ease, transform .3s var(--ease);border-radius:50%}.spl-hm-leben i.weg{border-color:var(--color-ink-40);background:0 0;transform:scale(.72)}.spl-hm-wort{margin:0 0 22px;container-type:inline-size}.spl-hm-kacheln{grid-template-columns:repeat(var(--n), minmax(0, 40px));justify-content:center;gap:clamp(2px,1.2cqi,6px);display:grid}.spl-hm-feld{aspect-ratio:4/5;border-bottom:3px solid var(--color-ink);color:var(--color-ink);font-family:var(--font-mono);font-weight:700;font-size:clamp(13px, calc(78cqi / var(--n)), 26px);place-items:end center;padding-bottom:2px;line-height:1;display:grid}.spl-hm-feld.leer{border-bottom-color:var(--color-ink-40)}.spl-hm-feld.verpasst{color:var(--color-pulse-deep);border-bottom-style:dashed}.spl-hm-wort.ende.sieg .spl-hm-feld{border-bottom-color:var(--color-calm)}.spl-hm-tasten{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;display:grid}.spl-hm-taste{cursor:pointer;border:1px solid var(--color-ink-55);background:var(--color-raise);min-width:44px;min-height:46px;color:var(--color-ink);font:600 16px/1 var(--font-mono);border-radius:12px;padding:0;transition:background-color .16s,border-color .16s,opacity .16s;position:relative}.spl-hm-taste:hover:not([aria-disabled]){background:var(--color-pulse-soft);border-color:var(--color-pulse)}.spl-hm-taste[aria-disabled]{cursor:default}.spl-hm-taste.richtig{background:var(--color-calm-soft);border-color:var(--color-calm);color:var(--color-calm-deep)}.spl-hm-taste.richtig:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:6px;left:50%}.spl-hm-taste.falsch{opacity:.5;border-color:var(--color-ink-08);background:var(--color-ink-04);text-decoration:line-through}.spl-hm-tasten.fertig .spl-hm-taste:not(.richtig):not(.falsch){opacity:.45;border-color:var(--color-ink-08)}@media (prefers-reduced-motion:reduce){.spl-karte,.spl-mm-stelle,.spl-mm-farbe,.spl-vier-spalte,.spl-hm-leben i,.spl-hm-taste{transition:none}.spl-karte:hover{transform:none}.spl-vier-zelle{animation:none}}html[data-hz-ruhig] .spl-vier-zelle{animation:none}html[data-hz-ruhig] .spl-hm-leben i{transition:none}