.sw-seite{--sw-papier:#fbf3e2;--sw-papier-2:#f3e6cc;--sw-tinte:#2a2620;--sw-akzent:#a4552f;--sw-gruen:#3f9a4a;background:radial-gradient(circle at 15% 10%, #f2c2302e, transparent 40%), radial-gradient(circle at 90% 85%, #2f6fd824, transparent 45%), var(--sw-papier);min-height:100dvh;color:var(--sw-tinte);padding:12px 16px 32px;overflow-x:hidden}@media (prefers-color-scheme:dark){.sw-seite{--sw-papier:#f4ead6}}.sw-titel{opacity:.7;text-align:center;margin:0 0 4px;font-size:15px;font-weight:600}.sw{touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:16px;max-width:620px;margin:0 auto;display:flex;position:relative}.sw-leiste{justify-content:flex-end;align-self:stretch;display:flex}.sw-klein{cursor:pointer;background:#ffffffb3;border:0;border-radius:50%;width:48px;height:48px;font-size:22px}.sw-start{flex-direction:column;align-items:center;gap:22px;padding-top:8px;display:flex}.sw-start-art{border-radius:28px;animation:3.2s ease-in-out infinite sw-schweben;position:relative}.sw-start-art .art-portrait{border-radius:28px;overflow:hidden;box-shadow:0 14px 30px #0000002e}.sw-start-art .art-portrait img{width:100%;height:auto;display:block}.sw-start-art .sw-klecks{animation:1.1s ease-in-out infinite sw-huepfen;position:absolute;bottom:18px;right:-28px}.sw-los{cursor:pointer;background:var(--sw-akzent);color:#fff;border:0;border-radius:50%;width:132px;height:132px;font-size:58px;line-height:1;animation:1.6s ease-in-out infinite sw-puls;box-shadow:0 10px #7a3d20,0 18px 30px #0003}.sw-los span{margin-left:10px}.sw-los:active{transform:translateY(6px);box-shadow:0 4px #7a3d20}.sw-art{align-items:flex-end;gap:10px;width:100%;animation:.5s cubic-bezier(.2,1.4,.4,1) both sw-herein;display:flex}.sw-art-bild{cursor:pointer;background:#fff;border:0;border-radius:50%;flex:none;width:112px;height:112px;padding:0;overflow:hidden;box-shadow:0 6px 16px #0000001f}.sw-art-bild .art-portrait{width:112px!important;height:112px!important}.sw-art-bild img{object-fit:cover;object-position:50% 18%;width:100%;height:100%;display:block}.sw-art.freut .sw-art-bild{animation:.7s ease-in-out 2 sw-freude}.sw-blase{background:#fff;border-radius:22px 22px 22px 6px;flex:1;padding:14px 52px 14px 16px;position:relative;box-shadow:0 4px 14px #00000014}.sw-blase p{margin:0;font-size:17px;line-height:1.45}.sw-hoeren{background:var(--sw-papier-2);cursor:pointer;border:0;border-radius:50%;width:44px;height:44px;font-size:20px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.sw-weiter{cursor:pointer;background:var(--sw-gruen);color:#fff;border:0;border-radius:50%;width:96px;height:96px;font-size:44px;animation:.4s both sw-herein,1.6s ease-in-out .4s infinite sw-puls;box-shadow:0 8px #2b6b33}.sw-weiter:active{transform:translateY(5px);box-shadow:0 3px #2b6b33}.sw-film{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.sw-film>:first-child{border-radius:18px;width:100%;overflow:hidden}.sw-feld{aspect-ratio:4/5;width:100%;max-height:62dvh;box-shadow:inset 0 0 0 3px var(--sw-papier-2);background:#fff;border-radius:26px;position:relative;overflow:hidden}.sw-fang{cursor:pointer;background:0 0;border:0;padding:8px;transition:left .45s cubic-bezier(.3,1.5,.5,1),top .45s cubic-bezier(.3,1.5,.5,1);position:absolute;transform:translate(-50%,-50%)}.sw-fang .sw-klecks{animation:.6s ease-in-out infinite sw-wackeln;display:block}.sw-spritzer{pointer-events:none;background:radial-gradient(circle,#2f6fd840,#0000 30%);animation:.4s ease-out forwards sw-blitz;position:absolute;inset:0}.sw-punkte{gap:10px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.sw-punkte span{background:#fff;border:3px solid #2f6fd8;border-radius:50%;width:22px;height:22px;transition:background .2s,transform .2s}.sw-punkte span.voll{background:#2f6fd8;transform:scale(1.2)}.sw-klecks.kichert{animation:.35s ease-in-out infinite sw-kichern}.sw-wahl{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;display:grid}.sw-wahl.n3{grid-template-columns:repeat(3,1fr)}.sw-karte{aspect-ratio:1;cursor:pointer;box-shadow:0 8px 0 var(--sw-papier-2), 0 12px 24px #00000014;background:#fff;border:0;border-radius:26px;font-size:clamp(52px,17vw,92px);line-height:1;transition:transform .2s,opacity .3s}.sw-karte:active{transform:translateY(5px)scale(.98)}.sw-karte.an{box-shadow:0 0 0 5px var(--sw-gruen), 0 12px 24px #0000001f;transform:scale(1.07)}.sw-karte.aus{opacity:.35;transform:scale(.92)}.sw-karte:disabled{cursor:default;color:inherit}.sw-misch{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.sw-wunsch{background:#fff;border-radius:40px;align-items:center;gap:8px;padding:6px 18px 6px 8px;font-size:34px;font-weight:700;display:flex}.sw-schuessel{width:190px;height:120px;box-shadow:inset 0 -10px 0 var(--sw-papier-2), 0 10px 24px #0000001a;background:#fff;border-radius:0 0 110px 110px;position:relative;overflow:hidden}.sw-farbe-innen{border-radius:0 0 90px 90px;height:56%;transition:background .5s;position:absolute;bottom:14px;left:10%;right:10%}.sw-schuessel.voll .sw-farbe-innen{animation:.8s ease-in-out sw-ruehren}.sw-toepfe{justify-content:center;gap:18px;display:flex}.sw-topf{cursor:grab;touch-action:none;width:86px;height:86px;box-shadow:0 7px 0 var(--sw-papier-2);background:#fff;border:0;border-radius:22px 22px 30px 30px;place-items:center;display:grid}.sw-topf-farbe{background:var(--topf);border-radius:50%;width:58px;height:58px;box-shadow:inset 0 -6px #00000026}.sw-topf.leer{opacity:.4}.sw-topf.tipp{animation:1s ease-in-out infinite sw-glanz}.sw-tropfen{pointer-events:none;z-index:10;border-radius:50% 50% 50% 8%;width:54px;height:54px;position:fixed;transform:translate(-50%,-50%)rotate(-45deg);box-shadow:0 6px 14px #0003}.sw-mal{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.sw-idee{margin:0;font-size:46px;line-height:1;animation:2.6s ease-in-out infinite sw-schweben}.sw-leinwand{justify-content:center;width:100%;display:flex}.sw-leinwand canvas{touch-action:none;cursor:crosshair;background:#fffaf0;border-radius:18px;box-shadow:0 0 0 4px #fff,0 12px 28px #0000001f}.sw-palette{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sw-stift{background:var(--stift);cursor:pointer;border:4px solid #fff;border-radius:50%;width:48px;height:48px;box-shadow:0 3px 8px #00000026}.sw-stift.an{box-shadow:0 0 0 4px var(--sw-tinte);transform:scale(1.18)}.sw-stift.radier{background:repeating-linear-gradient(45deg,#fff 0 6px,#eadfc8 6px 12px)}.sw-werkzeuge{align-items:center;gap:14px;display:flex}.sw-werkzeug{cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:60px;height:60px;font-size:28px;display:grid}.pinsel-duenn,.pinsel-dick{background:var(--sw-tinte);border-radius:50%;display:block}.pinsel-duenn{width:8px;height:8px}.pinsel-dick{width:22px;height:22px}.sw-fertig{background:var(--sw-gruen);color:#fff;cursor:pointer;border:0;border-radius:50%;width:84px;height:84px;font-size:40px;box-shadow:0 7px #2b6b33}.sw-ende{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.sw-rahmen{background:#fff;border-radius:10px;max-width:86%;margin:0;padding:14px;animation:.6s cubic-bezier(.2,1.4,.4,1) both sw-herein;box-shadow:0 0 0 10px #c8964f,0 0 0 14px #8a5a26,0 22px 40px #0003}.sw-rahmen img{border-radius:4px;width:100%;max-width:420px;height:auto;display:block}.sw-rahmen.leer{padding:30px 40px;font-size:80px}.sw-ende-knoepfe{gap:18px;margin-top:10px;display:flex}.sw-rund{width:76px;height:76px;color:var(--sw-tinte);cursor:pointer;box-shadow:0 6px 0 var(--sw-papier-2);background:#fff;border:0;border-radius:50%;place-items:center;font-size:34px;text-decoration:none;display:grid}.sw-mission{background:#fff;border-radius:26px;gap:14px;padding:12px 18px;font-size:44px;display:flex}.sw-eltern{-webkit-user-select:text;user-select:text;background:#ffffffb3;border-radius:16px;width:100%;margin-top:18px;padding:12px 16px;font-size:15px;line-height:1.5}.sw-eltern summary{cursor:pointer;align-items:center;min-height:32px;font-weight:600;display:flex}.sw-eltern ul{padding-left:20px}@keyframes sw-herein{0%{opacity:0;transform:translateY(18px)scale(.92)}to{opacity:1;transform:none}}@keyframes sw-schweben{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sw-huepfen{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-26px)scale(.95,1.08)}80%{transform:translateY(0)scale(1.12,.88)}}@keyframes sw-puls{0%,to{scale:1}50%{scale:1.06}}@keyframes sw-freude{0%,to{transform:rotate(0)translateY(0)}30%{transform:rotate(-8deg)translateY(-10px)}60%{transform:rotate(8deg)translateY(-4px)}}@keyframes sw-wackeln{0%,to{transform:rotate(-6deg)scale(1)}50%{transform:rotate(6deg)scale(1.06,.94)}}@keyframes sw-kichern{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)scale(1.04)}}@keyframes sw-blitz{0%{opacity:1}to{opacity:0}}@keyframes sw-ruehren{0%{transform:scale(.6)rotate(-20deg)}60%{transform:scale(1.08)rotate(8deg)}to{transform:none}}@keyframes sw-glanz{0%,to{box-shadow:0 7px 0 var(--sw-papier-2), 0 0 0 0 #f2c23000}50%{box-shadow:0 7px 0 var(--sw-papier-2), 0 0 0 10px #f2c23099}}@media (prefers-reduced-motion:reduce){.sw *,.sw :before,.sw :after{transition:none!important;animation:none!important}}@media (min-width:700px){.sw-blase p{font-size:19px}.sw-feld{aspect-ratio:4/3}}.sw-verstecke{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;display:grid}.sw-verstecke.n2{grid-template-columns:repeat(2,1fr);max-width:420px}.sw-versteck{aspect-ratio:1;cursor:pointer;box-shadow:0 8px 0 var(--sw-papier-2), 0 12px 24px #00000014;background:#fff;border:0;border-radius:30px;position:relative;overflow:hidden}.sw-ding,.sw-deckel{place-items:center;font-size:clamp(54px,18vw,96px);line-height:1;transition:transform .45s cubic-bezier(.3,1.6,.5,1),opacity .3s;display:grid;position:absolute;inset:0}.sw-ding{opacity:0;transform:scale(.2)}.sw-deckel{animation:2.4s ease-in-out infinite sw-rascheln}.sw-versteck.offen .sw-ding{opacity:1;animation:.8s ease-in-out .3s 2 sw-hallo;transform:scale(1)}.sw-versteck.offen .sw-deckel{opacity:0;transform:translateY(80%)scale(.7)}.sw-versteck:disabled{cursor:default;color:inherit}.sw-begleitung{text-align:left;-webkit-user-select:text;user-select:text;background:#fffc;border-radius:16px;max-width:460px;margin:0;padding:12px 16px;font-size:15px;line-height:1.5}@keyframes sw-rascheln{0%,to{transform:rotate(0)}10%{transform:rotate(-5deg)}20%{transform:rotate(4deg)}30%{transform:rotate(0)}}@keyframes sw-hallo{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.12)rotate(-6deg)}}.sw-prog{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.sw-raster{aspect-ratio:1;background:var(--sw-papier-2);border-radius:16px;gap:4px;width:min(100%,360px);padding:6px;display:grid}.sw-feld-zelle{background:#fffaf0;border-radius:8px;place-items:center;transition:background .25s;display:grid;position:relative}.sw-feld-zelle.ziel:after{content:"";background:var(--sw-tinte);opacity:.55;border-radius:50%;width:26%;height:26%}.sw-feld-zelle.bemalt.ziel:after{opacity:.9;background:#fff}.sw-pinsel{z-index:1;font-size:clamp(22px,8vw,40px);line-height:1;animation:.4s ease-in-out sw-hallo;position:absolute}.sw-programm{flex-wrap:wrap;justify-content:center;gap:6px;max-width:420px;margin:0;padding:0;list-style:none;display:flex}.sw-programm li{width:34px;height:34px;box-shadow:0 2px 0 var(--sw-papier-2);background:#fff;border-radius:9px;place-items:center;font-size:18px;display:grid}.sw-programm li.leer{box-shadow:inset 0 0 0 2px var(--sw-papier-2);background:0 0}.sw-befehle{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sw-befehl{cursor:pointer;width:64px;height:64px;box-shadow:0 6px 0 var(--sw-papier-2);background:#fff;border:0;border-radius:18px;font-size:30px}.sw-befehl.leise{background:var(--sw-papier-2)}.sw-befehl:disabled,.sw-start-prog:disabled{opacity:.4;cursor:default}.sw-start-prog{background:var(--sw-gruen);color:#fff;cursor:pointer;border:0;border-radius:50%;width:64px;height:64px;font-size:28px;box-shadow:0 6px #2b6b33}.cl{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.cl-raster{gap:3px;width:min(100%,400px);padding:5px}.cl-raster .sw-feld-zelle{border-radius:5px}.cl-raster .sw-feld-zelle.ziel:after{width:30%;height:30%}.cl-robo{color:var(--sw-tinte);z-index:1;font-size:clamp(14px,4.4vw,24px);line-height:1;transition:transform .15s;position:absolute}.cl-programm{background:#fff;border-radius:18px;flex-direction:column;gap:8px;width:100%;max-width:560px;padding:10px;display:flex;box-shadow:0 4px 14px #0000000f}.cl-haupt{font:600 14px/1 var(--f-ui,system-ui);background:var(--sw-papier-2);cursor:pointer;border:0;border-radius:10px;align-self:flex-start;padding:6px 12px}.cl-haupt.gewaehlt,.cl-schleife.gewaehlt>.cl-kopf .cl-wahl{background:var(--sw-gruen);color:#fff}.cl-reihe,.cl-koerper{flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;display:flex}.cl-block{background:var(--sw-papier);cursor:pointer;width:44px;height:44px;box-shadow:0 3px 0 var(--sw-papier-2);border:0;border-radius:11px;font-size:22px}.cl-schleife{border:2px solid var(--sw-papier-2);border-radius:14px;flex-direction:column;gap:6px;padding:6px;display:flex}.cl-schleife.gewaehlt{border-color:var(--sw-gruen)}.cl-kopf{align-items:center;gap:6px;display:flex}.cl-wahl{font:700 15px/1 var(--f-ui,system-ui);background:var(--sw-papier-2);cursor:pointer;border:0;border-radius:10px;min-height:40px;padding:8px 10px}.cl-zahl{background:var(--sw-papier);cursor:pointer;border:0;border-radius:10px;width:40px;height:40px;font-size:20px;font-weight:700}.cl-koerper{border-left:3px solid var(--sw-papier-2);padding-left:10px}.cl-leer{opacity:.6;padding:0 6px;font-size:13px}.cl-zaehler{font:600 14px/1.3 var(--f-ui,system-ui);margin:0}.cl-zaehler.zuviel{color:#b3261e}.cl-palette{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cl-block:disabled,.cl-wahl:disabled,.cl-zahl:disabled{cursor:default}.cl-meldung{background:#fff3e8;border-radius:12px;max-width:520px;margin:0;padding:10px 14px;font-size:15px;line-height:1.45}.cl-meldung.ok{background:#e7f4e8}
