.spielplatz:where(.astro-3cyn23pi){--sp-falsch:#ff7b72;--sp-richtig:#56d364;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-7);border-radius:.6rem;margin-block:1.5rem;padding:1rem 1.2rem}[data-theme=light] .spielplatz:where(.astro-3cyn23pi){--sp-falsch:#b42318;--sp-richtig:#176b2f}.sp-hinweis:where(.astro-3cyn23pi),.sp-tasten:where(.astro-3cyn23pi),.sp-selbstkontrolle:where(.astro-3cyn23pi){font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);margin:0 0 .6rem}.sp-tasten:where(.astro-3cyn23pi){margin:.3rem 0 0}.sp-hinweis:where(.astro-3cyn23pi) a:where(.astro-3cyn23pi){color:var(--sl-color-text-accent)}.sp-raster:where(.astro-3cyn23pi){gap:.8rem;display:grid}@media (width>=56rem){.spielplatz:where(.astro-3cyn23pi):not(.sp-geraetemodus) .sp-raster:where(.astro-3cyn23pi){grid-template-columns:1fr 1fr}}.sp-raster:where(.astro-3cyn23pi)>:where(.astro-3cyn23pi){min-width:0}.sp-reiter:where(.astro-3cyn23pi){gap:.25rem;display:flex}.sp-reiter:where(.astro-3cyn23pi) button:where(.astro-3cyn23pi),.sp-knoepfe:where(.astro-3cyn23pi) button:where(.astro-3cyn23pi),.sp-leiste:where(.astro-3cyn23pi) button:where(.astro-3cyn23pi),.sp-oeffnen:where(.astro-3cyn23pi){font:inherit;font-size:var(--sl-text-sm);border:1px solid var(--sl-color-gray-4);background:var(--sl-color-bg);color:var(--sl-color-text);cursor:pointer;border-radius:.25rem;padding:.3rem .7rem}.sp-reiter:where(.astro-3cyn23pi) button:where(.astro-3cyn23pi){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.sp-reiter:where(.astro-3cyn23pi) button:where(.astro-3cyn23pi)[aria-selected=true]{background:var(--sl-color-accent-low);color:var(--sl-color-text);border-color:var(--sl-color-text-accent);font-weight:600}.sp-editor:where(.astro-3cyn23pi) textarea:where(.astro-3cyn23pi){width:100%;height:calc(var(--sp-hoehe) + 2.4rem);resize:vertical;border:1px solid var(--sl-color-text-accent);color:#e8e4e1;font-family:var(--__sl-font-mono);tab-size:2;white-space:pre;background:#1b1918;border-radius:0 .4rem .4rem;margin:0;padding:.6rem .7rem;font-size:.8rem;line-height:1.5;display:block;overflow:auto}@media (width<=56rem){.sp-editor:where(.astro-3cyn23pi) textarea:where(.astro-3cyn23pi){height:16rem}}.sp-editor:where(.astro-3cyn23pi) textarea:where(.astro-3cyn23pi)[hidden]{display:none}.sp-editor:where(.astro-3cyn23pi) textarea:where(.astro-3cyn23pi):focus-visible{outline:2px solid var(--sl-color-text-accent);outline-offset:1px}.sp-leiste:where(.astro-3cyn23pi){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.sp-titel:where(.astro-3cyn23pi){font-weight:600;font-size:var(--sl-text-sm)}.sp-rahmen:where(.astro-3cyn23pi){overflow:hidden}.sp-geraetemodus:where(.astro-3cyn23pi) iframe:where(.astro-3cyn23pi){transform-origin:0 0}.sp-geraete:where(.astro-3cyn23pi){gap:.25rem;display:flex}.sp-geraete:where(.astro-3cyn23pi) button:where(.astro-3cyn23pi)[aria-pressed=true]{background:var(--sl-color-accent-low);border-color:var(--sl-color-text-accent);font-weight:600}.sp-breite-info:where(.astro-3cyn23pi){font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);margin:.25rem 0 0}.sp-breite-info:where(.astro-3cyn23pi):empty{display:none}.sp-ausgabe:where(.astro-3cyn23pi) iframe:where(.astro-3cyn23pi){width:100%;height:var(--sp-hoehe);border:1px solid var(--sl-color-gray-4);background:#fff;border-radius:.4rem;display:block}.sp-konsole:where(.astro-3cyn23pi){color:#e8e4e1;max-height:8rem;font-family:var(--__sl-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#1b1918;border-radius:.4rem;margin:.4rem 0 0;padding:.4rem .6rem;font-size:.75rem;overflow:auto}.sp-konsole:where(.astro-3cyn23pi)[hidden]{display:none}.sp-konsole:where(.astro-3cyn23pi) .sp-fehler{color:#ffb4ab}.sp-knoepfe:where(.astro-3cyn23pi){flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.sp-knoepfe:where(.astro-3cyn23pi) .sp-pruefen:where(.astro-3cyn23pi){border-color:var(--sl-color-text-accent);background:var(--sl-color-text-accent);color:var(--sl-color-black);font-weight:600}.sp-oeffnen:where(.astro-3cyn23pi) input:where(.astro-3cyn23pi){opacity:0;width:1px;height:1px;position:absolute}.sp-oeffnen:where(.astro-3cyn23pi):focus-within{outline:2px solid var(--sl-color-text-accent);outline-offset:2px}.sp-pruefung:where(.astro-3cyn23pi){margin-top:.8rem}.sp-pruefung:where(.astro-3cyn23pi) ul:where(.astro-3cyn23pi){margin:0;padding:0;list-style:none}.sp-pruefung:where(.astro-3cyn23pi) li{text-indent:-1.6rem;font-size:var(--sl-text-sm);margin:.2rem 0;padding-left:1.6rem}.sp-pruefung:where(.astro-3cyn23pi) li:before{content:"○ ";text-indent:0;width:1.6rem;color:var(--sl-color-gray-3);display:inline-block}.sp-pruefung:where(.astro-3cyn23pi) li.richtig{color:var(--sp-richtig)}.sp-pruefung:where(.astro-3cyn23pi) li.richtig:before{content:"✓ ";color:var(--sp-richtig)}.sp-pruefung:where(.astro-3cyn23pi) li.falsch{color:var(--sp-falsch)}.sp-pruefung:where(.astro-3cyn23pi) li.falsch:before{content:"✗ ";color:var(--sp-falsch)}.sp-pruefung:where(.astro-3cyn23pi) li .sp-tipp{text-indent:0;font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);display:block}.sp-meldung:where(.astro-3cyn23pi){margin:.6rem 0 0;font-weight:600}.sp-meldung:where(.astro-3cyn23pi):empty{display:none}.sp-meldung:where(.astro-3cyn23pi).richtig,.sp-meldung:where(.astro-3cyn23pi).falsch{background:color-mix(in srgb, currentColor 12%, transparent);border-inline-start:4px solid;border-radius:.25rem;padding:.5rem .75rem}.sp-meldung:where(.astro-3cyn23pi).richtig{color:var(--sp-richtig)}.sp-meldung:where(.astro-3cyn23pi).richtig:before{content:"✓ "}.sp-meldung:where(.astro-3cyn23pi).falsch{color:var(--sp-falsch);animation:.35s ease-in-out sp-wackeln}.sp-meldung:where(.astro-3cyn23pi).falsch:before{content:"✗ "}@keyframes sp-wackeln{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.sp-meldung:where(.astro-3cyn23pi).falsch{animation:none}}