:root{--grund:#fff8ef;--text:#2b2440;--karte:#fff;--linie:#e8dccb;--dick:#5b4e7a;--verwandt:#f3ecff;--gewaehlt:#ffe27a;--falsch:#ff5c5c;--fest:#2b2440;--eigen:#2f6fd0;--profil:#7b5cd6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{color:var(--text);background:var(--grund);-webkit-user-select:none;user-select:none;padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px, env(safe-area-inset-left));margin:0;font:600 18px/1.4 ui-rounded,SF Pro Rounded,Nunito,system-ui,sans-serif}main,.karte{max-width:560px;margin:0 auto;padding:16px 0 32px}.karte{gap:12px;margin-top:20vh;display:grid}h1{text-align:center;margin:8px 0 20px;font-size:34px}input,button{font:inherit;border:2px solid var(--linie);background:var(--karte);color:inherit;border-radius:16px;padding:12px 14px}button{cursor:pointer}.karte button{background:var(--profil);color:#fff;border:0}button:disabled{opacity:.4}.fehler{color:#c0392b}.mitte{text-align:center;margin-top:40vh}.start{padding-top:12vh}.profile{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profil{color:#fff;border:0;border-radius:28px;gap:6px;padding:28px 8px;font-size:30px;display:grid;box-shadow:0 6px #00000026}.profil:active{transform:translateY(4px);box-shadow:0 2px #00000026}.tier{font-size:72px;line-height:1}.tier.klein{font-size:22px}.kopf{justify-content:space-between;align-items:center;gap:8px;display:flex}.wechseln{color:var(--profil);background:0 0;border:0;padding:8px 4px}.sterne{font-size:18px}.spiele{grid-template-columns:1fr 1fr;gap:16px;display:grid}.spiel{border:3px solid var(--profil);box-shadow:0 5px 0 var(--profil);border-radius:24px;justify-items:center;gap:10px;padding:20px 8px;font-size:22px;display:grid}.spiel:active{box-shadow:0 2px 0 var(--profil);transform:translateY(3px)}.spiel.bald{box-shadow:none;opacity:.55;border-style:dashed}.spiel-bild{grid-template-columns:1fr 1fr;gap:4px;width:76px;height:76px;display:grid}.spiel-bild i{background:#f1e9db;border-radius:10px;place-items:center;font-size:22px;font-style:normal;display:grid}.spiel-bild.leer{background:#f1e9db;border-radius:16px;grid-template-columns:1fr;place-items:center;font-size:40px;display:grid}.umschalter{justify-content:center;gap:10px;margin-bottom:18px;display:flex}.umschalter button{justify-content:center;align-items:center;gap:6px;min-width:120px;font-size:22px;display:flex}.umschalter .an{border-color:var(--profil);background:var(--profil);color:#fff}.punkt{border:2px solid #fff;border-radius:50%;width:16px;height:16px;display:inline-block}.level{gap:10px;display:grid}.level button{grid-template-columns:56px 64px 1fr;align-items:center;gap:16px;padding:10px 16px;display:grid}.level-tier{font-size:44px;line-height:1}.level-tier.klein{font-size:30px}.minibrett{aspect-ratio:1;background:var(--dick);border:2px solid var(--dick);border-radius:6px;gap:1px;width:64px;display:grid;overflow:hidden}.minibrett i{background:#fff}.level-sterne{letter-spacing:-2px;text-align:right;font-size:20px}.level-sterne.leer{opacity:.35;font-size:26px}.bild-zeile{justify-content:center;align-items:center;gap:8px;min-height:34px;display:flex}.werkzeuge .symbol{padding:8px 20px;font-size:30px}.wechseln{font-size:28px}.hinweis{font-size:30px}.spielseite{--rand:min(100vw - 32px, 520px)}.brett{grid-template-columns:repeat(var(--n), 1fr);width:var(--rand);aspect-ratio:1;border:4px solid var(--dick);background:var(--karte);border-radius:14px;max-width:100%;margin:8px auto 16px;display:grid;overflow:hidden}.zelle{border:0;border-right:1px solid var(--linie);border-bottom:1px solid var(--linie);font-size:calc(var(--rand) / var(--n) * .55);color:var(--eigen);background:var(--karte);border-radius:0;place-items:center;padding:0;display:grid}.n9 .zelle{font-size:calc(var(--rand) / 9 * .6)}.zelle.rechts{border-right:3px solid var(--dick)}.zelle.unten{border-bottom:3px solid var(--dick)}.zelle.fest{color:var(--fest);background:#faf4ea}.zelle.verwandt{background:var(--verwandt)}.zelle.gleich{background:#e4f5dc}.zelle.gewaehlt{background:var(--gewaehlt)}.zelle.falsch{color:var(--falsch);animation:.35s wackeln}.zelle.falsch .farbe{outline:4px dashed var(--falsch);outline-offset:2px}.farbe{border-radius:50%;width:72%;height:72%;display:block;box-shadow:inset 0 -4px #0000002e}@keyframes wackeln{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.tasten{grid-template-columns:repeat(min(var(--n), 5), minmax(0, 1fr));gap:8px;margin-bottom:12px;display:grid}.tasten button{aspect-ratio:1.3;border-color:var(--profil);min-width:0;box-shadow:0 4px 0 var(--profil);place-items:center;padding:0;font-size:30px;display:grid}.tasten button:active{box-shadow:0 1px 0 var(--profil);transform:translateY(3px)}.tasten.farben{grid-template-columns:repeat(4,minmax(0,1fr))}.n6~.tasten{grid-template-columns:repeat(6,minmax(0,1fr))}.tasten .farbe{aspect-ratio:1;width:auto;height:70%}.werkzeuge{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.werkzeuge button{font-size:17px}.hinweis{text-align:center;opacity:.6;margin:12px 0 0}.geschafft{text-align:center}.geschafft h2{color:var(--profil);margin:4px 0;font-size:34px}.konfetti{justify-content:center;gap:4px;font-size:40px;display:flex}.konfetti span{animation:.9s ease-in-out infinite alternate huepfen;display:inline-block}@keyframes huepfen{0%{transform:translateY(0)}to{transform:translateY(-14px)rotate(10deg)}}.bilder{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.bildkarte{border-radius:22px;justify-items:center;gap:6px;padding:14px 10px;display:grid}.bildkarte small{opacity:.65;font-size:15px;font-weight:500}.vorschau{aspect-ratio:1;align-content:center;width:100%;max-width:120px;display:grid}.vorschau i{aspect-ratio:1}.malbrett{width:var(--rand);border:4px solid var(--dick);touch-action:none;background:#f4f1ec;border-radius:14px;max-width:100%;margin:8px auto 16px;display:grid;overflow:hidden}.feld{aspect-ratio:1;font-style:normal;font-size:calc(var(--rand) / var(--n) * .52);color:#7a7088;border-bottom:1px solid #e3dccf;border-right:1px solid #e3dccf;place-items:center;transition:background .15s;display:grid}.feld.dran{color:#2b2440;background:#fff3b0}.feld.voll{border-color:#0000}.feld.falsch{background:#ffd6d6;animation:.35s wackeln}.malbrett.fertig .feld{border:0}.palette{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.farbtopf{width:58px;height:58px;box-shadow:0 0 0 2px var(--linie), 0 4px 0 #00000026;border:3px solid #fff;border-radius:50%;padding:0;font-size:24px}.farbtopf.an{box-shadow:0 0 0 4px var(--profil), 0 4px 0 #00000026;transform:scale(1.18)}.farbtopf:disabled{opacity:.45}