@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-ext-wght-normal.CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-wght-normal.DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-ext-wght-normal.CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal.BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f5f3ff)var(--lightningcss-dark,#13102a);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1e1a3a);--surface2:var(--lightningcss-light,#f0edfb)var(--lightningcss-dark,#2a2550);--text:var(--lightningcss-light,#1a1433)var(--lightningcss-dark,#f7f5ff);--muted:var(--lightningcss-light,#514a6b)var(--lightningcss-dark,#c8c2e5);--border:var(--lightningcss-light,#d6d0ee)var(--lightningcss-dark,#4a4380);--border-stark:var(--lightningcss-light,#857cbb)var(--lightningcss-dark,#736bb0);--primary:var(--lightningcss-light,#7c3aed)var(--lightningcss-dark,#a78bfa);--on-primary:var(--lightningcss-light,#fff)var(--lightningcss-dark,#13102a);--primary-press:var(--lightningcss-light,#4c1d95)var(--lightningcss-dark,#6d28d9);--link:var(--lightningcss-light,#6d28d9)var(--lightningcss-dark,#c4b5fd);--hero-bg:var(--lightningcss-light,#7c3aed)var(--lightningcss-dark,#4c1d95);--hero-text:#fff;--live:var(--lightningcss-light,#14783a)var(--lightningcss-dark,#4ade80);--ok:var(--lightningcss-light,#166534)var(--lightningcss-dark,#86efac);--ok-bg:var(--lightningcss-light,#dcfce7)var(--lightningcss-dark,#14532d);--schatten-1:var(--lightningcss-light,#4c1d950f)var(--lightningcss-dark,#0000);--schatten-2:var(--lightningcss-light,#4c1d9514)var(--lightningcss-dark,#0000);--schatten-3:var(--lightningcss-light,#4c1d951a)var(--lightningcss-dark,#0000);--shadow:0 2px 0 var(--schatten-1), 0 10px 28px var(--schatten-2);--shadow-sm:0 2px 8px var(--schatten-3);--fokus:var(--lightningcss-light,#1a1433)var(--lightningcss-dark,#f7f5ff);--fokus-rand:var(--lightningcss-light,#fff)var(--lightningcss-dark,#13102a);--akzent:#facc15;--akzent-text:#1f1600;--board-bg:var(--lightningcss-light,#2563eb)var(--lightningcss-dark,#1e3a8a);--board-text:var(--lightningcss-light,#fff)var(--lightningcss-dark,#dbeafe);--water:var(--lightningcss-light,#dbeafe)var(--lightningcss-dark,#2b4c9b);--ship:var(--lightningcss-light,#1e3a8a)var(--lightningcss-dark,#93c5fd);--miss-mark:var(--lightningcss-light,#1e40af)var(--lightningcss-dark,#dbeafe);--brett-linie:var(--lightningcss-light,#1e40af)var(--lightningcss-dark,#93c5fd);--vier:#15803d;--vier-text:#fff;--vier-press:#14532d;--schiffe:#2563eb;--schiffe-text:#fff;--schiffe-press:#1e3a8a;--kniffel:#facc15;--kniffel-text:#1f1600;--kniffel-press:#a16207;--mensch:#e11d48;--mensch-text:#fff;--mensch-press:#9f1239;--schach:#334155;--schach-text:#fff;--schach-press:#0f172a;--quiz:#7c3aed;--quiz-text:#fff;--quiz-press:#4c1d95;--wort:#0f766e;--wort-text:#fff;--wort-press:#134e4a;--farbcode:#fb923c;--farbcode-text:#1f0a00;--farbcode-press:#c2410c;--raetsel:#db2777;--raetsel-text:#fff;--raetsel-press:#9d174d;--schrift-titel:"Fredoka Variable", system-ui, sans-serif;--schrift-text:"Nunito Variable", system-ui, sans-serif;--schrift-code:ui-monospace, "SF Mono", Menlo, monospace;--radius-feld:8px;--radius-abzeichen:16px;--radius-karte:28px;--radius-gross:32px;--radius-knopf:999px;--radius-rund:50%;--abstand-4:4px;--abstand-8:8px;--abstand-12:12px;--abstand-16:16px;--abstand-20:20px;--abstand-24:24px;--abstand-32:32px;--abstand-40:40px;--abstand-48:48px;--abstand-64:64px;--ueberstand-brett:calc(var(--abstand-12) * -1);--einzug-feld:12%;--einzug-figur:10%;--einzug-mitte:22%;--groesse-klein:.9375rem;--groesse-text:1rem;--groesse-gross:1.15rem;--groesse-h3:1.3rem;--groesse-marke:1.4rem;--groesse-h2:1.6rem;--groesse-h1:clamp(1.8rem, 4vw, 2.5rem);--groesse-held:clamp(2rem, 5vw, 3.25rem);--groesse-zahl:3.2rem;--gewicht-normal:400;--gewicht-mittel:500;--gewicht-halb:600;--gewicht-fett:700;--gewicht-extra:800;--zeile-titel:1.15;--zeile-text:1.55;--ebene-kopf:1;--ebene-sprung:2;--ebene-fokus:1;--ebene-feier:3;--tempo:1;--leuchten-anzahl:3;--bewegung-weite:1;--dauer-kurz:calc(80ms * var(--tempo));--dauer-mittel:calc(.16s * var(--tempo));--dauer-lang:calc(.32s * var(--tempo));--dauer-sehr-lang:calc(.64s * var(--tempo));--dauer-feier:calc(1.8s * var(--tempo));--kurve-sanft:cubic-bezier(.25, .1, .25, 1);--kurve-federnd:cubic-bezier(.34, 1.56, .64, 1);--breite-inhalt:1180px;--tippflaeche:44px;--kopf-rand:88px;--brett-hoehenrand:100px;--breite-abbildung-text:220px;--linie:1px;--druck:3px;--ring:3px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-tempo=langsam]{--tempo:1.5}:root[data-tempo=schnell]{--tempo:.6}:root[data-bewegung=ruhig]{--bewegung-weite:.3;--kurve-federnd:var(--kurve-sanft)}:root[data-modus=hell]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-modus=dunkel]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-block:var(--kopf-rand)}body{color:var(--text);background:var(--bg);font-family:var(--schrift-text);font-size:var(--groesse-text);line-height:var(--zeile-text);margin:0}h1,h2,h3{font-family:var(--schrift-titel);font-weight:var(--gewicht-halb);line-height:var(--zeile-titel);margin:0}a{color:var(--link)}:focus-visible{outline:var(--ring) solid var(--fokus);outline-offset:var(--ring);box-shadow:0 0 0 var(--ring) var(--fokus-rand)!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root[data-bewegung=aus] *,:root[data-bewegung=aus] :before,:root[data-bewegung=aus] :after{transition:none!important;animation:none!important}.seite{animation:einblenden var(--dauer-lang) var(--kurve-sanft)}@keyframes einblenden{0%{opacity:0;transform:translateY(calc(var(--abstand-8) * var(--bewegung-weite)))}}.knopf{min-height:var(--tippflaeche);padding:0 var(--abstand-20);color:var(--knopf-text,var(--on-primary));background:var(--knopf,var(--primary));border-radius:var(--radius-knopf);box-shadow:0 var(--druck) 0 var(--knopf-druck,var(--primary-press));font:inherit;font-weight:var(--gewicht-extra);cursor:pointer;transition:transform var(--dauer-kurz) var(--kurve-sanft);border:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.knopf:active:not(:disabled,[aria-disabled=true]){transform:translateY(var(--druck));box-shadow:0 0 0 var(--knopf-druck,var(--primary-press))}.knopf:disabled,.knopf[aria-disabled=true]{opacity:.55;cursor:not-allowed}.knopf.ruhig{color:var(--text);background:var(--surface2);box-shadow:0 0 0 var(--linie) var(--border-stark)}.unsichtbar{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.karte{padding:var(--abstand-24);background:var(--surface);border-radius:var(--radius-karte);box-shadow:var(--shadow)}.stapel{gap:var(--abstand-16);animation:hochgleiten var(--dauer-lang) var(--kurve-federnd);align-content:start;display:grid}.stapel>p,.stapel>h2{margin:0}.stapel>h2{font-size:var(--groesse-h3)}.stapel>.knopf{justify-self:start}@keyframes hochgleiten{0%{opacity:0;transform:translateY(calc(var(--abstand-12) * var(--bewegung-weite)))}}.logo.svelte-o39fpl{flex:none;width:40px;height:40px;display:block}.blau.svelte-o39fpl{fill:var(--schiffe)}.gelb.svelte-o39fpl{fill:var(--kniffel)}.rot.svelte-o39fpl{fill:var(--mensch)}.violett.svelte-o39fpl{fill:var(--quiz)}.umschalter.svelte-i223k2{padding:var(--abstand-4);gap:var(--abstand-4);background:var(--surface2);border:var(--linie) solid var(--border-stark);border-radius:var(--radius-knopf);display:inline-flex}button.svelte-i223k2{width:var(--tippflaeche);height:var(--tippflaeche);color:var(--muted);border-radius:var(--radius-knopf);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}button[aria-checked=true].svelte-i223k2{color:var(--on-primary);background:var(--primary)}svg.svelte-i223k2{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.willkommen.svelte-1mdk9m5{gap:var(--abstand-24);display:grid}.held.svelte-1mdk9m5{padding:var(--abstand-40);color:var(--hero-text);background:var(--hero-bg);border-radius:var(--radius-gross);animation:svelte-1mdk9m5-auftauchen var(--dauer-sehr-lang) var(--kurve-federnd) both;position:relative;overflow:hidden}.marke.svelte-1mdk9m5{width:var(--abstand-64);height:var(--abstand-64);margin-bottom:var(--abstand-16);padding:var(--abstand-12);background:var(--surface);border-radius:var(--radius-abzeichen);box-shadow:var(--shadow-sm);animation:svelte-1mdk9m5-wippen var(--dauer-feier) var(--kurve-sanft) both;place-items:center;display:inline-grid}.abzeichen.svelte-1mdk9m5{margin:0 0 var(--abstand-12);padding:var(--abstand-4) var(--abstand-12);color:var(--akzent-text);background:var(--akzent);border-radius:var(--radius-knopf);font-weight:var(--gewicht-extra);display:inline-block}h1.svelte-1mdk9m5{max-width:22ch;font-size:var(--groesse-held)}.einleitung.svelte-1mdk9m5{max-width:38rem;margin:var(--abstand-12) 0 0;font-size:var(--groesse-gross)}.raster.svelte-1mdk9m5{gap:var(--abstand-20);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;display:grid}h2.svelte-1mdk9m5{font-size:var(--groesse-h3)}.punkte.svelte-1mdk9m5,.regeln.svelte-1mdk9m5{gap:var(--abstand-12);margin:0;padding:0;list-style:none;display:grid}.punkte.svelte-1mdk9m5 li:where(.svelte-1mdk9m5),.regeln.svelte-1mdk9m5 li:where(.svelte-1mdk9m5){padding-left:var(--abstand-32);position:relative}.punkte.svelte-1mdk9m5 li:where(.svelte-1mdk9m5):before{content:"✓";color:var(--ok);font-weight:var(--gewicht-extra);position:absolute;left:0}.regeln.svelte-1mdk9m5{counter-reset:regel}.regeln.svelte-1mdk9m5 li:where(.svelte-1mdk9m5){counter-increment:regel}.regeln.svelte-1mdk9m5 li:where(.svelte-1mdk9m5):before{width:var(--abstand-24);height:var(--abstand-24);content:counter(regel);color:var(--on-primary);background:var(--primary);border-radius:var(--radius-rund);font-size:var(--groesse-klein);font-weight:var(--gewicht-extra);place-items:center;display:inline-grid;position:absolute;left:0}.stapel.svelte-1mdk9m5>.knopf:where(.svelte-1mdk9m5){align-self:flex-start}.teil.svelte-1mdk9m5{animation:svelte-1mdk9m5-auftauchen var(--dauer-sehr-lang) var(--kurve-federnd) both;animation-delay:calc(var(--nummer) * var(--dauer-mittel))}.weiter.svelte-1mdk9m5{justify-items:start;gap:var(--abstand-12);display:grid}.gross.svelte-1mdk9m5{min-height:calc(var(--tippflaeche) + var(--abstand-12));padding-inline:var(--abstand-32);font-size:var(--groesse-gross)}.leise.svelte-1mdk9m5{color:var(--muted);margin:0}.fehler.svelte-1mdk9m5{padding:var(--abstand-12) var(--abstand-16);border:var(--ring) solid var(--mensch);border-radius:var(--radius-abzeichen);font-weight:var(--gewicht-fett);margin:0}@keyframes svelte-1mdk9m5-auftauchen{0%{opacity:0;transform:translateY(calc(var(--abstand-24) * var(--bewegung-weite)))}}@keyframes svelte-1mdk9m5-wippen{30%{transform:rotate(calc(-8deg * var(--bewegung-weite))) scale(calc(1 + .08 * var(--bewegung-weite)))}60%{transform:rotate(calc(6deg * var(--bewegung-weite)))}}@media (width<=720px){.held.svelte-1mdk9m5{padding:var(--abstand-32) var(--abstand-24)}}.sprung.svelte-12qhfyh{z-index:var(--ebene-sprung);padding:var(--abstand-12) var(--abstand-16);color:var(--on-primary);background:var(--primary);border-radius:var(--radius-knopf);position:absolute;top:-60px;left:16px}.sprung.svelte-12qhfyh:focus{top:8px}.kopf.svelte-12qhfyh{z-index:var(--ebene-kopf);background:var(--surface);border-bottom:var(--linie) solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:0}.kopf-innen.svelte-12qhfyh{align-items:center;gap:var(--abstand-24);max-width:var(--breite-inhalt);padding:var(--abstand-8) var(--abstand-24);margin:0 auto;display:flex}.marke.svelte-12qhfyh{align-items:center;gap:var(--abstand-12);min-height:var(--tippflaeche);color:var(--text);font-family:var(--schrift-titel);font-size:var(--groesse-marke);font-weight:var(--gewicht-fett);text-decoration:none;display:inline-flex}nav.svelte-12qhfyh{gap:var(--abstand-8);margin-right:auto;display:flex}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){min-height:var(--tippflaeche);padding:0 var(--abstand-16);color:var(--muted);border-radius:var(--radius-knopf);font-weight:var(--gewicht-fett);align-items:center;text-decoration:none;display:inline-flex}.abzeichen.svelte-12qhfyh{min-width:var(--abstand-20);height:var(--abstand-20);margin-left:var(--abstand-4);padding:0 var(--abstand-4);color:var(--akzent-text);background:var(--akzent);border-radius:var(--radius-knopf);font-size:var(--groesse-klein);font-weight:var(--gewicht-extra);animation:svelte-12qhfyh-aufspringen var(--dauer-lang) var(--kurve-federnd);place-items:center;display:inline-grid}@keyframes svelte-12qhfyh-aufspringen{0%{transform:scale(calc(1 - .6 * var(--bewegung-weite)))}}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--text);background:var(--surface2)}nav.svelte-12qhfyh a[aria-current=page]:where(.svelte-12qhfyh){color:var(--text);background:var(--surface2);text-decoration:underline;text-decoration-thickness:var(--ring);text-underline-offset:var(--abstand-4)}.fuss.svelte-12qhfyh{max-width:var(--breite-inhalt);padding:0 var(--abstand-24) var(--abstand-32);margin:0 auto}.fuss.svelte-12qhfyh nav:where(.svelte-12qhfyh){justify-content:center;gap:var(--abstand-8);padding:var(--abstand-16) 0 0;border-top:var(--linie) solid var(--border);background:0 0;flex-wrap:wrap;margin:0;display:flex;position:static}.hinweisleiste.svelte-12qhfyh{gap:var(--abstand-12);padding:var(--abstand-8) var(--abstand-16);color:var(--akzent-text);background:var(--akzent);font-weight:var(--gewicht-fett);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;margin:0;display:flex}main.svelte-12qhfyh{max-width:var(--breite-inhalt);padding:var(--abstand-32) var(--abstand-24) var(--abstand-64);margin:0 auto}@media (width<=360px){.marke.svelte-12qhfyh{min-width:var(--tippflaeche);justify-content:center}.marke.svelte-12qhfyh span:where(.svelte-12qhfyh){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=720px){.kopf-innen.svelte-12qhfyh{padding:var(--abstand-4) var(--abstand-16);justify-content:space-between}nav.svelte-12qhfyh{padding:var(--abstand-4) var(--abstand-8) calc(var(--abstand-4) + env(safe-area-inset-bottom));background:var(--surface);border-top:var(--linie) solid var(--border);justify-content:space-around;margin:0;position:fixed;inset:auto 0 0}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){padding:0 var(--abstand-8)}main.svelte-12qhfyh{padding:var(--abstand-20) var(--abstand-16) var(--abstand-32)}.fuss.svelte-12qhfyh{padding:0 var(--abstand-16) calc(var(--abstand-64) + var(--abstand-32) + env(safe-area-inset-bottom))}}@media (width<=360px){nav.svelte-12qhfyh{padding-left:var(--abstand-4);padding-right:var(--abstand-4);gap:0}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){min-width:var(--tippflaeche);padding:0 var(--abstand-4);font-size:var(--groesse-klein);justify-content:center}}