:root{--pink: #ff2e88;--lila: #7b2ff7;--blau: #2563eb;--cyan: #11c5e8;--gelb: #ffcc00;--gruen: #22c55e;--rot: #e11d48;--nacht: #2b1b57;--nacht-tief: #1d1140;--karte: #ffffff;--tinte: #1c1340;--gedaempft: #6b7194;--linie: #e7e9f5;--radius: 20px;--schatten: 0 8px 22px rgba(20, 10, 50, .18);--schatten-gross: 0 16px 40px rgba(20, 10, 50, .3);--verlauf: linear-gradient(100deg, #ff2e88 0%, #7b2ff7 38%, #2563eb 68%, #11c5e8 100%);--schrift: "Nunito", ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, -apple-system, sans-serif;--touch: 56px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;touch-action:manipulation;-webkit-text-size-adjust:100%}body,#root{height:100%}html,body,#root{overflow:hidden;overscroll-behavior:none}body{margin:0;font-family:var(--schrift);color:var(--tinte);background:var(--nacht);background-image:radial-gradient(circle at 12% 8%,rgba(255,46,136,.22),transparent 42%),radial-gradient(circle at 88% 12%,rgba(17,197,232,.2),transparent 44%),radial-gradient(circle at 50% 100%,rgba(123,47,247,.28),transparent 48%);background-attachment:fixed;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}img{max-width:100%}.app-shell{height:100%;height:100svh;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}.inhalt{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px}.inhalt.mittig{display:flex;flex-direction:column}.inhalt.mittig>*{margin-block:auto}.splash{height:100svh;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;padding:24px;text-align:center}.topbar{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:10px 14px;color:#fff}.topbar-mitte{flex:1;min-width:0;text-align:center}.topbar-mitte h1{margin:0;font-size:clamp(17px,2.6vmin,24px);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-mitte p{margin:2px 0 0;font-size:clamp(12px,1.8vmin,15px);opacity:.75}.topbar-rechts{display:flex;gap:8px}.icon-btn{min-width:var(--touch);min-height:var(--touch);display:grid;place-items:center;font-size:24px;line-height:1;border:0;border-radius:16px;background:#ffffff24;color:#fff;cursor:pointer;transition:transform .1s ease,background .15s ease}.icon-btn:active{transform:scale(.92);background:#ffffff3d}.icon-btn.ghost{background:none;pointer-events:none}.board{--gap: clamp(5px, 1.2vmin, 14px);flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--cols, 4),var(--card, 80px));grid-auto-rows:var(--card, 80px);gap:var(--gap);place-content:center;padding:var(--gap)}.board-laedt{flex:1;display:grid;place-items:center;color:#fff;font-weight:700}.card{width:100%;height:100%;padding:0;border:0;background:none;perspective:1000px;cursor:pointer;touch-action:manipulation}.card:disabled{cursor:default}.card-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .26s cubic-bezier(.2,.7,.3,1)}.card.is-up .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;border-radius:clamp(10px,12%,22px);backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);box-shadow:var(--schatten);transition:visibility 0s linear .13s}.card-face.front{visibility:hidden}.card.is-up .card-face.front{visibility:visible}.card.is-up .card-face.back{visibility:hidden}.card-face.back{background:repeating-linear-gradient(45deg,#ffffff29 0 8px,#fff0 8px 16px),var(--verlauf)}.card-face.back:after{content:"?";font-size:calc(var(--card, 80px) * .3);font-weight:900;color:#fff9}.card-face.front{transform:rotateY(180deg);background:var(--karte);padding:8%}.card-face.front img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.zaehl-gitter{display:grid;grid-template-columns:repeat(var(--zaehl-cols, 2),1fr);gap:6%;width:100%;height:100%;place-content:center;place-items:center}.zaehl-gitter img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.glyph{font-size:calc(var(--card, 80px) * .5);font-weight:900;line-height:1;background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent}.card.is-done .card-inner{animation:pop-in .38s ease}.card.is-done .card-face.front{box-shadow:0 0 0 4px var(--gruen),var(--schatten)}@keyframes pop-in{0%{transform:rotateY(180deg) scale(1)}45%{transform:rotateY(180deg) scale(1.12)}to{transform:rotateY(180deg) scale(1)}}@media(prefers-reduced-motion:reduce){.card-inner{transition-duration:1ms}.card-face{transition-delay:0s}.card.is-done .card-inner{animation:none}}.kachel-gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;max-width:1100px;margin:0 auto}.kachel{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:190px;padding:22px 16px;border:0;border-radius:var(--radius);background:var(--karte);box-shadow:var(--schatten);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;border-top:8px solid var(--kachel-farbe, var(--lila))}.kachel:active{transform:translateY(2px) scale(.98)}.kachel:disabled{opacity:.5;cursor:default}.kachel-icon{font-size:56px;line-height:1}.kachel-name{font-size:22px;font-weight:800}.kachel-info{font-size:14px;color:var(--gedaempft)}.kachel-sterne{position:absolute;top:12px;right:12px;font-size:14px;font-weight:800;color:var(--gedaempft)}.leer-hinweis{color:#fff;text-align:center;opacity:.8;padding:32px 16px}.level-gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;max-width:900px;margin:0 auto}.level-knopf{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:100px;border:0;border-radius:16px;background:var(--karte);box-shadow:var(--schatten);cursor:pointer;transition:transform .12s ease}.level-knopf:active{transform:scale(.96)}.level-knopf:disabled{opacity:.42;cursor:default}.level-knopf.geschafft{background:#f2fbf5}.level-knopf.naechstes{outline:4px solid var(--kachel-farbe, var(--lila));outline-offset:-4px}.level-zahl{font-size:30px;font-weight:900}.level-paare{font-size:12px;color:var(--gedaempft)}.level-stern,.level-schloss{position:absolute;top:6px;right:8px;font-size:14px}.overlay{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#1d1140b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10}.overlay-karte{width:min(460px,100%);max-height:90svh;overflow-y:auto;padding:28px 24px;text-align:center;border-radius:26px;background:var(--karte);box-shadow:var(--schatten-gross)}.overlay-emoji{font-size:64px;line-height:1}.overlay-karte h2{margin:8px 0 4px;font-size:30px;font-weight:900}.overlay-karte p{margin:0 0 20px;color:var(--gedaempft)}.overlay-knoepfe{display:flex;flex-direction:column;gap:10px}.btn-gross{min-height:var(--touch);padding:0 22px;font-family:inherit;font-size:19px;font-weight:800;border:0;border-radius:16px;cursor:pointer;transition:transform .1s ease,opacity .15s ease}.btn-gross:active{transform:scale(.97)}.btn-gross:disabled{opacity:.6;cursor:default}.btn-haupt{background:var(--verlauf);color:#fff}.btn-zweit{background:var(--linie);color:var(--tinte)}.btn-klein{min-height:40px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:700;border:1px solid var(--linie);border-radius:10px;background:#fff;color:var(--tinte);cursor:pointer}.btn-klein.haupt{background:var(--lila);border-color:var(--lila);color:#fff}.btn-klein.gefahr{color:var(--rot);border-color:#f3c9d1}.login-seite{height:100svh;display:grid;place-items:center;padding:20px}.login-karte{width:min(400px,100%);padding:30px 26px;text-align:center;border-radius:26px;background:var(--karte);box-shadow:var(--schatten-gross)}.login-emoji{font-size:56px;line-height:1}.login-karte h1{margin:6px 0 4px;font-size:30px;font-weight:900}.login-hinweis{margin:0 0 22px;font-size:14px;color:var(--gedaempft)}.feld{display:block;text-align:left;margin-bottom:14px}.feld span{display:block;margin-bottom:5px;font-size:14px;font-weight:700}.feld input,.neu-form input{width:100%;min-height:48px;padding:0 14px;font-size:16px;font-family:inherit;border:1.5px solid var(--linie);border-radius:12px;background:#fff;color:var(--tinte);-webkit-appearance:none;appearance:none}.feld input:focus,.neu-form input:focus{outline:3px solid rgba(123,47,247,.35)}.login-karte .btn-gross{width:100%;margin-top:6px}.fehler{margin:10px 0;padding:10px 12px;font-size:14px;font-weight:700;color:var(--rot);background:#ffe4e9;border-radius:10px}.hinweis{margin:10px 0;font-size:14px;color:var(--gedaempft)}.verwaltung{max-width:900px;margin:0 auto;width:100%}.karte{padding:20px;margin-bottom:16px;border-radius:var(--radius);background:var(--karte);box-shadow:var(--schatten)}.karte h2{margin:0 0 14px;font-size:21px;font-weight:800}.abschnitt{margin:22px 0 4px;font-size:16px;font-weight:800}.kat-liste{list-style:none;margin:0 0 16px;padding:0}.kat-liste li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--linie)}.kat-liste li.aktiv{background:#faf7ff}.kat-waehlen{flex:1;min-width:180px;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 8px;font-family:inherit;font-size:16px;text-align:left;border:0;border-radius:10px;background:none;color:var(--tinte);cursor:pointer}.kat-meta{font-size:13px;color:var(--gedaempft)}.kat-aktionen{display:flex;gap:8px}.neu-form{display:flex;gap:10px;flex-wrap:wrap}.neu-form input{flex:1;min-width:200px}.uploader{margin-bottom:8px}.uploader .btn-gross{width:100%}.karten-gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-top:14px}.karten-vorschau{margin:0;padding:8px;text-align:center;border:1px solid var(--linie);border-radius:14px}.karten-vorschau img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.karten-vorschau figcaption{margin:6px 0;font-size:12px;color:var(--gedaempft);overflow-wrap:anywhere}.glyph.klein{font-size:46px}.karten-vorschau{position:relative}.karten-vorschau.waehlbar{cursor:pointer}.karten-vorschau.gewaehlt{border-color:var(--lila);box-shadow:0 0 0 3px #7b2ff74d}.karten-vorschau .kartenbild{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:10px;background:#faf9ff;overflow:hidden}.karten-vorschau .kartenbild img{width:100%;height:100%;object-fit:cover}.paar-marke{position:absolute;top:6px;left:6px;padding:1px 7px;font-size:11px;font-weight:800;color:#fff;background:var(--lila);border-radius:8px}.paar-leiste{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;padding:12px;border-radius:14px;background:#f4f1fb;border:1px solid var(--linie)}.paar-leiste p{margin:0;flex:1;min-width:180px;font-size:14px}