html,body.insel{margin:0;height:100%;overflow:hidden;background:#f5dde8;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,sans-serif;color:#2b2340;-webkit-user-select:none;user-select:none}#buehne{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.leiste{position:fixed;display:flex;gap:10px;z-index:2}#oben{top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left))}#unten{bottom:max(14px,env(safe-area-inset-bottom));right:max(14px,env(safe-area-inset-right));align-items:flex-end}#zoom{top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));flex-direction:column}button{font:inherit;font-weight:700;font-size:16px;color:#2b2340;background:#fff8eceb;border:0;border-radius:18px;min-height:48px;min-width:48px;padding:0 16px;box-shadow:0 3px #2b234029,0 8px 20px #5c468c2e;cursor:pointer}button:active{transform:translateY(2px);box-shadow:0 1px #2b234029}button small{display:block;font-weight:600;font-size:11px;color:#5b5273;margin-top:-2px}.marke{background:#fff8eceb;border-radius:18px;padding:9px 14px;font-weight:700;font-size:14px;box-shadow:0 8px 20px #5c468c24}.marke small{display:block;font-weight:600;font-size:11px;color:#5b5273}#hinweis{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);background:#2b2340c7;color:#fff8ec;border-radius:16px;padding:9px 16px;font-weight:600;font-size:14px;transition:opacity .6s;pointer-events:none;white-space:nowrap;z-index:1}#fehler{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-weight:700;pointer-events:none}@media (max-width:560px){#hinweis{bottom:84px}}#intro{display:none}body.intro #intro{display:block}body.intro #oben,body.intro #zoom,body.intro #unten,body.intro #hinweis{display:none}#intro-skip{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:6;min-height:40px;font-size:14px;background:#fff8ecc7}#intro-blase{display:none;position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(520px,calc(100% - 28px));box-sizing:border-box;z-index:6;background:#fff8ecf7;border-radius:24px;padding:12px 18px 14px;box-shadow:0 10px 30px #5c468c47}#intro-blase.an{display:block;animation:blase .35s cubic-bezier(.2,1.4,.4,1)}@keyframes blase{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.96)}to{opacity:1;transform:translate(-50%)}}.i-name{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8e72c4}.i-gross{font-size:24px;font-weight:800;line-height:1.15;margin:1px 0 2px}.i-klein{font-size:14px;line-height:1.3;color:#5b5273;font-weight:600}.i-eingabe:empty{display:none}#intro-blase.oben{bottom:auto;top:max(12px,env(safe-area-inset-top))}.i-karten{display:flex;gap:12px;margin-top:10px}.i-karte{flex:1;min-height:64px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;background:#fff;border:3px solid #E4DAF3;border-radius:18px;color:#2b2340}.i-karte span{font-size:32px;display:flex}.i-karten.drei{gap:8px}.i-karten.drei .i-karte{flex-direction:column;gap:2px;min-height:76px;font-size:16px;padding:4px}.i-karte[aria-pressed=true]{border-color:#f07a5a;background:#ffe9e0}.i-feld{width:100%;box-sizing:border-box;margin-top:8px;min-height:48px;font-size:20px;font-weight:700;padding:6px 14px;border:3px solid #E4DAF3;border-radius:16px;background:#fff;color:#2b2340}.i-feld:focus{outline:none;border-color:#9a6bd8}.i-knoepfe button:disabled{opacity:.45}.i-knoepfe{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.i-knoepfe:empty{display:none}.i-knoepfe button{min-height:44px;font-size:15px}.i-knoepfe button.primaer{background:#f07a5a;color:#fff}body.umkleide #oben .marke,body.umkleide #zoom,body.umkleide #unten,body.umkleide #hinweis{display:none}#konfig{display:none;position:fixed;inset:0;z-index:5;pointer-events:none}body.umkleide #konfig{display:block}#konfig button{pointer-events:auto}.k-dreh{position:absolute;left:0;top:0;bottom:0;right:var(--panel-b);pointer-events:auto;touch-action:none}.k-ecke{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));display:flex;gap:10px}.k-rund{width:52px;height:52px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.k-rund:disabled{opacity:.45}#k-fertig{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));min-width:132px;min-height:56px;font-size:20px;background:#f07a5a;color:#2b2340;border-radius:20px;box-shadow:0 4px #2b234047,0 10px 24px #f07a5a59}.k-panel{--panel-pad:12px;position:absolute;pointer-events:auto;background:#fff8ecf2;box-shadow:0 12px 40px #5c468c38;display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#konfig{--panel-b:min(56vw,540px)}@media (orientation:landscape){.k-panel{top:max(10px,env(safe-area-inset-top));bottom:max(10px,env(safe-area-inset-bottom));right:max(10px,env(safe-area-inset-right));width:var(--panel-b);border-radius:26px}}@media (orientation:portrait){#konfig{--panel-b:0px}.k-dreh{bottom:56%}.k-panel{left:0;right:0;bottom:0;height:56%;border-radius:26px 26px 0 0;padding-bottom:env(safe-area-inset-bottom)}#k-fertig{bottom:calc(56% + 14px);left:auto;right:14px;min-width:112px;min-height:52px}}.k-teile{display:flex;gap:6px;padding:10px 12px 6px;flex:none}.k-teile button{flex:1;min-height:44px;border-radius:14px;background:transparent;box-shadow:none;font-size:17px;color:#5b5273}.k-teile button[aria-selected=true]{background:#2b2340;color:#fff8ec}.k-inhalt{display:flex;flex:1;min-height:0}.k-kats{display:flex;flex-direction:column;gap:6px;padding:4px 6px 10px 10px;overflow-y:auto;flex:none}.k-kat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:68px;min-height:58px;padding:6px 2px;border-radius:16px;background:transparent;box-shadow:none;color:#5b5273}.k-kat span{font-size:11px;font-weight:700}.k-kat.an{background:#ffe3d3;color:#2b2340;box-shadow:inset 0 0 0 2px #f07a5a}.k-auswahl{flex:1;overflow-y:auto;padding:4px 12px 14px 4px;-webkit-overflow-scrolling:touch}.k-abschnitt{margin-bottom:12px}.k-abschnitt h3{margin:6px 2px 8px;font-size:14px;font-weight:800;color:#2b2340}.k-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.k-kachel{display:flex;flex-direction:column;align-items:center;padding:4px 4px 6px;border-radius:16px;background:#fff4ea;box-shadow:0 2px #2b234014;min-height:0}.k-kachel img{width:100%;aspect-ratio:1;border-radius:12px;display:block;background:#fff4ea}.k-kachel img.laedt{background:linear-gradient(110deg,#fff4ea 30%,#fbe6da,#fff4ea 70%);background-size:200% 100%;animation:schimmer 1.2s linear infinite}.k-kachel span{font-size:12px;font-weight:700;margin-top:3px;line-height:1.15;text-align:center}.k-kachel.an{box-shadow:inset 0 0 0 3px #f07a5a,0 2px #2b234014;background:#ffe9de}.k-farben{display:flex;flex-wrap:wrap;gap:8px}.k-farbe{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;box-shadow:inset 0 0 0 2px #2b234024}.k-farbe.an{box-shadow:0 0 0 3px #fff8ec,0 0 0 6px #2b2340}.k-farbe.keine{background:#fffdf8 linear-gradient(135deg,transparent 46%,#F07A5A 46%,#F07A5A 54%,transparent 54%)}.k-schalter{display:flex;gap:8px}.k-schalter button{min-height:44px;flex:1;max-width:140px;background:#fff4ea;box-shadow:0 2px #2b234014}.k-schalter button.an{background:#2b2340;color:#fff8ec}.k-regler{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#5b5273;min-height:44px}.k-regler input{flex:1;accent-color:#F07A5A;height:32px}@media (orientation:portrait){.k-kats{flex-direction:row;padding:0 10px 6px;overflow-x:auto}.k-inhalt{flex-direction:column}.k-kat{width:auto;min-width:64px}.k-auswahl{padding:4px 12px 14px}}.k-hinweis{margin:12px 4px;padding:12px 14px;border-radius:14px;background:#fff9;font-size:14px;line-height:1.4;color:#5b5273}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-display:swap;src:url("./assets/fredoka-500-OUUUWGSI.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url("./assets/fredoka-600-IGOOT6D2.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url("./assets/atkinson-400-F6TRCEKM.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url("./assets/atkinson-700-VG4UMXNS.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--creme: #FFF8EC;--karte: #FFFDF8;--linie: #EADFCB;--tinte: #2B2340;--gedaempft: #5B5273;--lila: #6F52B0;--lila-hell: #EAE2F7;--koralle: #C94A2E;--sonne: #F2B04B;--sonne-dunkel: #B9791A;--gut: #2E8B57;--gut-text: #1D5C3A;--gut-flaeche: #DDF3E4;--sanft-koralle: #FFE3D8;--kachel-meer: #D6ECFA;--kachel-muschel: #FFE3D8;--kachel-tiere: #E6F3D5;--kachel-sonne: #FFF0C9;--radius-karte: 20px;--radius-knopf: 22px;--radius-blatt: 32px;--schatten-blatt: 0 -10px 30px rgba(92,70,140,.18);--schatten-knopf: 0 8px 18px rgba(201,74,46,.32);--anzeige: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--text: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif}:root{--sea: var(--lila);--sea-deep: #54398F;--sky: var(--lila-hell);--coral: var(--koralle);--coral-deep: #A33A22;--sun: var(--sonne);--lilac: var(--lila);--ink: var(--tinte);--muted: var(--gedaempft);--card: var(--karte);--line: var(--linie);--good: var(--gut);--bad: #D9694F;--shadow: 0 4px 0 rgba(43,35,64,.08);--display: var(--anzeige);--body: var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--creme);background-image:none;background-attachment:fixed;color:var(--ink);font-family:var(--body);font-size:1.05rem;line-height:1.45;padding-inline:16px;padding-block:14px 56px}#app{max-width:34rem;margin:0 auto;display:grid;gap:1rem}#app>*{min-width:0}h1,h2,h3{font-family:var(--display);font-weight:600;margin:0;text-wrap:balance;line-height:1.15}h2{font-size:1.35rem}p{margin:0}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--lilac);outline-offset:3px}.top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.chips{display:flex;gap:.4rem;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--card);border:2px solid var(--line);border-radius:99px;padding:.25rem .8rem;font-weight:700;font-variant-numeric:tabular-nums}.iconbtn{background:var(--card);border:2px solid var(--line);border-radius:99px;width:2.6rem;height:2.6rem;display:grid;place-items:center;font-size:1.1rem}.card{background:var(--card);border:2px solid var(--line);border-radius:1.4rem;padding:1rem;box-shadow:var(--shadow)}.btn{border:0;border-radius:1.1rem;padding:.85rem 1.2rem;min-height:3.2rem;font-family:var(--display);font-weight:600;font-size:1.2rem;background:var(--coral);color:#fff;box-shadow:0 5px 0 var(--coral-deep);transition:transform .08s,box-shadow .08s}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--coral-deep)}.btn.sea{background:var(--sea);box-shadow:0 5px 0 var(--sea-deep)}.btn.sea:active{box-shadow:0 1px 0 var(--sea-deep)}.btn.ghost{background:var(--card);color:var(--ink);border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.btn:disabled{opacity:.45;box-shadow:none;transform:none;cursor:not-allowed}.btn.wide{width:100%}.hero{display:grid;grid-template-columns:7.5rem 1fr;gap:.9rem;align-items:center;background:linear-gradient(160deg,#ffffff 0%,var(--creme) 100%)}.hero svg{width:100%;height:auto;display:block}.hero .say{display:grid;gap:.5rem}.bubble{background:var(--sky);border-radius:1rem 1rem 1rem .2rem;padding:.55rem .8rem;font-size:1rem}.lvl{color:var(--muted);font-size:.9rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.stat{background:var(--card);border:2px solid var(--line);border-radius:1.1rem;padding:.6rem .4rem;text-align:center;display:grid;gap:.1rem;justify-items:center}.stat b{font-family:var(--display);font-size:1.5rem;line-height:1.1;font-variant-numeric:tabular-nums}.stat span{font-size:.8rem;color:var(--muted);line-height:1.2}.ring{width:3.4rem;height:3.4rem}.ring text{font-family:var(--display);font-weight:600;font-size:22px;fill:var(--ink)}.plan{display:grid;gap:.5rem}.plan label{font-weight:700}.plan input[type=date],.field{font:inherit;border:2px solid var(--line);border-radius:.9rem;padding:.6rem .8rem;background:#fff;color:var(--ink);width:100%;min-height:3rem}.islands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.isle{border:2px solid var(--line);border-radius:1.4rem;background:var(--card);padding:.85rem;text-align:left;display:grid;gap:.35rem;box-shadow:var(--shadow);position:relative;overflow:hidden}.isle .em{font-size:2.1rem;line-height:1}.isle h3{font-size:1.1rem}.isle small{color:var(--muted);font-size:.85rem}.isle.done{border-color:var(--sun);background:var(--kachel-sonne)}.bar{height:.7rem;border-radius:99px;background:var(--sky);overflow:hidden;border:1px solid var(--line)}.bar i{display:block;height:100%;background:var(--sea);border-radius:99px;transition:width .4s}.bar i.sunny{background:var(--sun)}.sticker-row{display:flex;flex-wrap:wrap;gap:.4rem}.sticker{width:2.8rem;height:2.8rem;border-radius:.9rem;display:grid;place-items:center;font-size:1.6rem;background:var(--sky);border:2px dashed var(--line)}.sticker.got{background:#fff;border:2px solid var(--sun);animation:pop .4s}.sticker.locked{opacity:.8}.minis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.minis .btn{font-size:1rem;padding:.7rem .4rem}.qhead{display:flex;align-items:center;gap:.7rem}.qhead .bar{flex:1;height:.9rem}.q{display:grid;gap:.9rem;text-align:center}.q .tag{font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}.q .word{font-family:var(--display);font-weight:600;font-size:clamp(1.7rem,7vw,2.4rem);line-height:1.15;overflow-wrap:anywhere;text-wrap:balance}.q .word.long{font-size:clamp(1.25rem,5vw,1.7rem)}.q .note{color:var(--muted);font-size:.95rem}.speak{justify-self:center;background:var(--sky);border:2px solid var(--line);border-radius:99px;padding:.4rem 1rem;font-weight:700}.opts{display:grid;gap:.6rem}.opt{border:2px solid var(--line);border-radius:1rem;background:#fff;padding:.8rem .9rem;min-height:3.4rem;text-align:left;font-size:1.08rem;box-shadow:0 4px 0 var(--line);overflow-wrap:anywhere}.opt:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.opt.right{background:var(--gut-flaeche);border-color:var(--good);box-shadow:0 4px 0 var(--good)}.opt.wrong{background:var(--sanft-koralle);border-color:var(--bad);box-shadow:0 4px 0 var(--bad);animation:shake .3s}.opts.locked .opt:not(.right):not(.wrong){opacity:.55}.typebox{display:grid;gap:.6rem}.typebox input{text-align:center;font-size:1.4rem;font-family:var(--display)}.fb{border-radius:1.1rem;padding:.8rem 1rem;text-align:left;display:grid;gap:.2rem;font-size:1.05rem}.fb.ok{background:var(--gut-flaeche);border:2px solid var(--good)}.fb.no{background:var(--sanft-koralle);border:2px solid var(--bad)}.fb b{font-family:var(--display);font-size:1.2rem}.intro{display:grid;gap:.6rem;text-align:center}.intro .en{font-family:var(--display);font-weight:600;font-size:2rem;color:var(--sea-deep);overflow-wrap:anywhere}.intro .de{font-size:1.3rem}.newbadge{justify-self:center;background:var(--sun);border-radius:99px;padding:.1rem .8rem;font-weight:700;font-size:.85rem}.mem{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.mc{min-height:5rem;border:2px solid var(--line);border-radius:1rem;background:var(--lilac);color:#fff;font-family:var(--display);font-weight:600;font-size:1.5rem;display:grid;place-items:center;padding:.3rem;box-shadow:0 4px #6f55b8}.mc.open{background:#fff;color:var(--ink);font-size:1rem;box-shadow:0 4px 0 var(--line);overflow-wrap:anywhere;line-height:1.15}.mc.matched{background:var(--gut-flaeche);border-color:var(--good);color:var(--ink);box-shadow:0 4px 0 var(--good);font-size:1rem}.timer{height:.9rem;border-radius:99px;background:#fff;border:2px solid var(--line);overflow:hidden}.timer i{display:block;height:100%;background:var(--coral);width:100%;transform-origin:left}.combo{color:var(--coral-deep);font-family:var(--display);font-weight:600;min-height:1.5em;text-align:center}.result{text-align:center;display:grid;gap:.8rem;justify-items:center}.result .big{font-family:var(--display);font-weight:600;font-size:3rem;color:var(--coral-deep);line-height:1}.result svg{width:8rem;height:auto}.mistakes{text-align:left;width:100%;display:grid;gap:.3rem}.mistakes div{display:flex;justify-content:space-between;gap:.7rem;border-bottom:1px solid var(--line);padding-block:.3rem}.mistakes span:last-child{color:var(--muted);text-align:right}.cols{display:grid;gap:.6rem}.center{text-align:center}.muted{color:var(--muted)}.toast{position:fixed;left:50%;bottom:calc(1.2rem + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--ink);color:#fff;padding:.7rem 1.1rem;border-radius:1.2rem;font-weight:700;z-index:20;max-width:calc(100vw - 32px);text-align:center;animation:rise .3s}.confetti{position:fixed;inset:0;pointer-events:none;z-index:15;overflow:hidden}.confetti i{position:absolute;top:-1rem;width:.7rem;height:1rem;border-radius:2px;animation:fall 1.8s linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}@keyframes pop{0%{transform:scale(.4)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes bob{50%{transform:translateY(-4px)}}.hero svg{animation:bob 3s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media (max-width: 380px){.hero{grid-template-columns:5.5rem 1fr}.minis{grid-template-columns:1fr}}.opt.sel{border-color:var(--lilac);background:#f1ecff;box-shadow:0 4px 0 var(--lilac)}.stage{position:relative;overflow:hidden;border-radius:1.2rem;padding:.4rem;background:linear-gradient(160deg,#ffffff,var(--creme));align-self:start}.stage svg{position:relative;z-index:1;display:block;width:100%;height:auto}button.stage{border:0;font:inherit;cursor:pointer;display:block;width:100%}.stage:before,.stage:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}.scene-strand{background:linear-gradient(#bfe9f7 0 58%,#f3d9a4 58%)}.scene-wiese{background:linear-gradient(#d4f1ff 0 55%,#9ad884 55%)}.scene-meer{background:linear-gradient(#8fe0ee,#2a9bb8)}.scene-regen{background:linear-gradient(135deg,#ffd6e0,#fff3c4,#d4f5e9,#d7e3ff)}.scene-sterne{background:radial-gradient(circle at 20% 22%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 78% 18%,#ffd98a 0 2px,transparent 3px),radial-gradient(circle at 62% 72%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 12% 70%,#ffd98a 0 1.5px,transparent 2.5px),#1b2a52}.shopstage .stage{width:12rem;max-width:70%;margin:0 auto}.tabs{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.3rem}.tab{flex:none}.tab.on{background:var(--sea);border-color:var(--sea);color:#fff}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.tile{border:2px solid var(--line);border-radius:1rem;background:#fff;padding:.65rem .3rem;display:grid;gap:.15rem;justify-items:center;align-content:start;text-align:center;box-shadow:0 4px 0 var(--line)}.tile b{font-size:.8rem;line-height:1.15;overflow-wrap:break-word;max-width:100%}.tile small{color:var(--muted);font-size:.82rem}.tile .ti{font-size:1.9rem;line-height:1.2}.tile .sw{width:2rem;height:2rem;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px var(--line);margin-block:.15rem}.tile.on{border-color:var(--good);background:var(--gut-flaeche);box-shadow:0 4px 0 var(--good)}.tile.sel{border-color:var(--lilac);background:#f1ecff;box-shadow:0 4px 0 var(--lilac)}.hero svg{animation:none}.bd-char,.bd-eyes,.a-wl,.a-wr,.a-ear-l,.a-ear-r,.a-swing,.a-float,.a-bob,.a-pet,.a-twinkle,.a-glow{transform-box:fill-box}.bd-char{transform-origin:50% 100%;animation:breathe 3.6s ease-in-out infinite}.bd-eyes{transform-origin:50% 50%;animation:blink 5s infinite}.a-twinkle{transform-origin:50% 50%;animation:twinkle 1.8s ease-in-out infinite}.a-glow{animation:glow 2.4s ease-in-out infinite}.a-float{animation:floaty 3s ease-in-out infinite}.a-bob{animation:floaty 2.2s ease-in-out infinite}.a-pet{animation:petbob 1.6s ease-in-out infinite}.a-wl{transform-origin:100% 50%;animation:flapl 1.2s ease-in-out infinite}.a-wr{transform-origin:0% 50%;animation:flapr 1.2s ease-in-out infinite}.a-ear-l{transform-origin:50% 100%;animation:wigl 4s ease-in-out infinite}.a-ear-r{transform-origin:50% 100%;animation:wigr 4s ease-in-out infinite .5s}.a-swing{transform-origin:50% 0%;animation:swing 2.6s ease-in-out infinite}.a-hue{animation:hue 6s linear infinite}.mini{width:2.8rem;flex:none}.mini svg{display:block;width:100%;height:auto}.mini.hop{animation:hop .6s ease}.mini.oops{animation:shake .4s}.flyheart{position:absolute;z-index:3;font-size:1.5rem;pointer-events:none;animation:flyup 1.1s ease-out forwards}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02,.975)}}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes petbob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px) rotate(2deg)}}@keyframes flapl{0%,to{transform:rotate(0)}50%{transform:rotate(-14deg)}}@keyframes flapr{0%,to{transform:rotate(0)}50%{transform:rotate(14deg)}}@keyframes wigl{0%,85%,to{transform:rotate(0)}90%{transform:rotate(-9deg)}95%{transform:rotate(4deg)}}@keyframes wigr{0%,85%,to{transform:rotate(0)}90%{transform:rotate(9deg)}95%{transform:rotate(-4deg)}}@keyframes swing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes hue{to{filter:hue-rotate(360deg)}}@keyframes hop{0%,to{transform:translateY(0)}35%{transform:translateY(-14%) scale(1.04,.98)}65%{transform:translateY(0) scale(1.03,.96)}}@keyframes flyup{0%{opacity:1;transform:translateY(0) scale(.8)}to{opacity:0;transform:translateY(-5rem) scale(1.3)}}.scene-sonne{background:radial-gradient(circle at 70% 62%,#fff2a8 0 12%,#ffb36b 28%,transparent 55%),linear-gradient(#ff9fb0,#ffd199 60%,#7a5aa8 60%)}.scene-schnee{background:linear-gradient(#cfe6f7 0 70%,#fff 70%)}.scene-schnee:before{background-image:radial-gradient(#fff 0 2px,transparent 3px),radial-gradient(#fff 0 1.5px,transparent 2.5px);background-size:38px 44px,26px 31px;background-position:0 0,10px 14px;animation:snow 6s linear infinite}.scene-wald{background:linear-gradient(#cdeccf 0 62%,#5f9e5a 62%)}.scene-wald:before{background:radial-gradient(circle at 12% 55%,#3f8a4a 0 14%,transparent 15%),radial-gradient(circle at 90% 50%,#2f7a3f 0 16%,transparent 17%)}.scene-herzen{background:linear-gradient(160deg,#ffe0ec,#ffc4d9)}.scene-herzen:before{background-image:radial-gradient(circle,#ff8fb3 0 3px,transparent 4px);background-size:34px 34px;animation:snow 9s linear infinite reverse;opacity:.6}.scene-sterne:before{background:radial-gradient(circle at 30% 30%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 55%,#fff 0 1px,transparent 2px);animation:glow 2s infinite}.scene-meer:before{background-image:radial-gradient(circle,#ffffffaa 0 3px,transparent 4px);background-size:40px 50px;animation:bubbles 7s linear infinite}.scene-regen{background-size:300% 300%;animation:shift 10s ease infinite}@keyframes snow{to{background-position:0 44px,10px 58px}}@keyframes bubbles{0%{background-position:0 0}to{background-position:0 -100px}}@keyframes shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.tile .ti.pv{display:block;position:relative;overflow:hidden;width:3.6rem;height:3.6rem;margin:0 auto .2rem;border-radius:.8rem;font-size:1rem}.tile .ti.pv:not([class*=scene-]){background:linear-gradient(160deg,#fff,var(--creme))}.tile .ti.pv[class*=scene-]:before{content:"";position:absolute;inset:0;z-index:0}.tile .ti.pv svg{display:block;width:100%;height:100%}.tile:not(.legend) .ti.pv,.tile:not(.legend) .ti.pv *,.tile:not(.legend) .ti.pv:before{animation:none!important}.stage svg{transform-origin:50% 85%}.bd-look{animation:look 9s ease-in-out infinite}.stage.an-hop svg,.mini.hop,.stage.hop svg{animation:hop .6s ease}.stage.an-spin svg,.mini.spin{animation:spin .8s ease-in-out}.stage.an-wiggle svg{animation:wiggle .7s ease-in-out}.stage.an-squish svg{animation:squish .7s ease}.stage.an-flip svg{animation:flip .9s ease-in-out}.dance svg{animation:dance 1.1s ease-in-out infinite;transform-origin:50% 90%}.stage.sleepy svg{animation:snooze 3.6s ease-in-out infinite}.stage.sleepy .bd-eyes{animation:none;transform:scaleY(.08)}.zzz{position:absolute;z-index:3;right:18%;top:22%;font-weight:700;font-size:1.3rem;color:#6b5bb0;opacity:0;pointer-events:none;animation:zz 2.7s ease-in infinite}.mini.spin{display:block}@keyframes look{0%,12%,to{transform:translate(0)}20%,32%{transform:translate(2.5px,-1px)}40%,52%{transform:translate(-2.5px)}60%,72%{transform:translateY(1.5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(5deg)}}@keyframes squish{0%,to{transform:scale(1)}25%{transform:scale(1.12,.86)}55%{transform:scale(.92,1.1) translateY(-6%)}80%{transform:scale(1.04,.97)}}@keyframes flip{0%{transform:translateY(0) rotateY(0)}50%{transform:translateY(-8%) rotateY(180deg)}to{transform:translateY(0) rotateY(360deg)}}@keyframes dance{0%,to{transform:rotate(-6deg) translateY(0)}25%{transform:rotate(0) translateY(-8%)}50%{transform:rotate(6deg) translateY(0)}75%{transform:rotate(0) translateY(-8%)}}@keyframes snooze{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.03,.97) rotate(-2deg)}}@keyframes zz{0%{opacity:0;transform:translate(0) scale(.7)}25%{opacity:1}to{opacity:0;transform:translate(14px,-34px) scale(1.2)}}.bd-char.ps-sway{animation:sway 3s ease-in-out infinite}.bd-char.ps-jump{animation:jumpy .9s ease-in-out infinite}.bd-char.ps-float{animation:hover 3.4s ease-in-out infinite}.bd-char.ps-dance{animation:dance2 .9s ease-in-out infinite}.bd-char.ps-spin{animation:pirouette 4.5s ease-in-out infinite}.a-arm{transform-box:fill-box;transform-origin:0% 100%;animation:armwave .55s ease-in-out infinite alternate}.a-slowspin,.a-orbit{transform-box:fill-box;transform-origin:50% 50%}.a-slowspin{animation:spin 16s linear infinite}.a-orbit{animation:spin 9s linear infinite}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes jumpy{0%,to{transform:translateY(0) scale(1.04,.94)}40%{transform:translateY(-13%) scale(.97,1.05)}70%{transform:translateY(0) scale(1.04,.94)}}@keyframes hover{0%,to{transform:translateY(-1%)}50%{transform:translateY(-9%)}}@keyframes dance2{0%,to{transform:rotate(-7deg) translateY(0)}25%{transform:rotate(0) translateY(-9%)}50%{transform:rotate(7deg) translateY(0)}75%{transform:rotate(0) translateY(-9%)}}@keyframes pirouette{0%,60%{transform:rotate(0)}85%,to{transform:rotate(360deg)}}@keyframes armwave{0%{transform:rotate(-18deg)}to{transform:rotate(22deg)}}.tab.legend{background:linear-gradient(135deg,#fff3b0,#ffd54a);border-color:#e29f12;color:#5a3d00}.tab.legend.on{box-shadow:0 0 0 3px #ffe58a}.tile.legend{grid-column:1 / -1;padding:.9rem .6rem;background:linear-gradient(160deg,#fff9e0,#ffe9a8);border-color:#e29f12;box-shadow:0 4px #e29f12}.tile.legend .ti.pv{width:9rem;height:9rem;background:radial-gradient(circle,#3a2a7a,#1b1450);border-radius:1.2rem}.tile.legend b{font-size:1.1rem}.lgbar{width:90%;height:.6rem;border-radius:1rem;background:#fff;border:2px solid #e29f12;overflow:hidden}.lgbar i{display:block;height:100%;background:linear-gradient(90deg,#ffd54a,#ff9ec4)}.stage.has-legend{background:radial-gradient(circle,#3a2a7a,#1b1450)}.stage.has-legend:after{inset:-40%;z-index:0;background:conic-gradient(from 0deg,#ff9ec455,#ffd54a55,#7fe3ff55,#b58cff55,#ff9ec455);animation:spin 14s linear infinite}.legend-pop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:radial-gradient(circle,#3a2a7acc,#0b0830ee);color:#fff;text-align:center;animation:fadein .4s ease}.legend-pop h1{font-size:2rem;color:#ffe58a;text-shadow:0 0 20px #ffd54a;margin:.6rem 0 0}.legend-pop p{margin:.3rem 0 0}.legend-pop .lp{width:11rem;margin:0 auto}.fw{position:absolute;width:.5rem;height:.5rem;border-radius:50%;pointer-events:none;animation:fw 1.4s ease-out forwards}@keyframes fw{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.scene-zimmer{background:linear-gradient(#ffe4ef 0 66%,#e8c39a 66%)}.scene-zimmer:before{background:linear-gradient(#ffd166,#ffd166) 14% 18% / 15% 20% no-repeat,linear-gradient(#8ecae6,#8ecae6) 72% 16% / 17% 24% no-repeat,radial-gradient(ellipse at 50% 100%,#b58cff 0 34%,transparent 35%) 50% 96% / 70% 22% no-repeat}.scene-riff{background:linear-gradient(#7fe3f0,#1f8fb5)}.scene-riff:before{background-image:radial-gradient(circle at 12% 94%,#ff7a8a 0 12%,transparent 13%),radial-gradient(circle at 86% 92%,#ffb04a 0 14%,transparent 15%),radial-gradient(circle at 60% 98%,#ff9ec4 0 10%,transparent 11%),radial-gradient(circle,#ffffffaa 0 3px,transparent 4px);background-size:100% 100%,100% 100%,100% 100%,40px 50px;animation:bubbles 7s linear infinite}.scene-zauber{background:linear-gradient(#2a1f5e,#2f6b5a)}.scene-zauber:before{background-image:radial-gradient(circle,#ffe98a 0 2px,transparent 3.5px),radial-gradient(circle,#9bffd6 0 1.5px,transparent 3px),radial-gradient(circle at 8% 100%,#1d4d3f 0 18%,transparent 19%),radial-gradient(circle at 94% 100%,#173f33 0 22%,transparent 23%);background-size:46px 52px,31px 37px,100% 100%,100% 100%;animation:glow 2.4s ease-in-out infinite}.scene-schloss{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='w' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23e6d6fa'/%3E%3Cstop offset='1' stop-color='%23c7a6ef'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23fff' opacity='.92'%3E%3Cellipse cx='33' cy='12' rx='10' ry='3.2'/%3E%3Cellipse cx='40' cy='9.6' rx='6' ry='3.2'/%3E%3Cellipse cx='68' cy='19' rx='9' ry='3'/%3E%3Cellipse cx='74' cy='16.8' rx='5' ry='2.8'/%3E%3Cellipse cx='12' cy='38' rx='6' ry='2'/%3E%3C/g%3E%3Cg fill='%23ffd54a'%3E%3Cpath d='M24 20 l.9 2.2 2.2.9 -2.2.9 -.9 2.2 -.9-2.2 -2.2-.9 2.2-.9z'/%3E%3Cpath d='M84 10 l.9 2.2 2.2.9 -2.2.9 -.9 2.2 -.9-2.2 -2.2-.9 2.2-.9z'/%3E%3Cpath d='M60 8 l.9 2.2 2.2.9 -2.2.9 -.9 2.2 -.9-2.2 -2.2-.9 2.2-.9z'/%3E%3Cpath d='M92 34 l.9 2.2 2.2.9 -2.2.9 -.9 2.2 -.9-2.2 -2.2-.9 2.2-.9z'/%3E%3Cpath d='M8 22 l.9 2.2 2.2.9 -2.2.9 -.9 2.2 -.9-2.2 -2.2-.9 2.2-.9z'/%3E%3C/g%3E%3Cpath d='M0 70 L16 56 L30 68 L44 54 L60 69 L78 55 L100 70 V80 H0Z' fill='%23cfc0f3' opacity='.75'/%3E%3Crect x='12' y='52' width='76' height='26' fill='url(%23w)' stroke='%238e6fc9' stroke-width='1'/%3E%3Crect x='13' y='48' width='5.4' height='4.4' fill='%23c7a6ef' stroke='%238e6fc9' stroke-width='.8'/%3E%3Crect x='22' y='48' width='5.4' height='4.4' fill='%23c7a6ef' stroke='%238e6fc9' stroke-width='.8'/%3E%3Crect x='31' y='48' width='5.4' height='4.4' fill='%23c7a6ef' stroke='%238e6fc9' stroke-width='.8'/%3E%3Crect x='40' y='48' width='5.4' height='4.4' fill='%23c7a6ef' stroke='%238e6fc9' stroke-width='.8'/%3E%3Crect x='49' y='48' width='5.4' height='4.4' fill='%23c7a6ef' stroke='%238e6fc9' stroke-width='.8'/%3E%3Crect x='58' y='48' width='5.4' height='4.4' fill='%23c7a6ef' stroke='%238e6fc9' stroke-width='.8'/%3E%3Crect x='67' y='48' width='5.4' height='4.4' fill='%23c7a6ef' stroke='%238e6fc9' stroke-width='.8'/%3E%3Crect x='76' y='48' width='5.4' height='4.4' fill='%23c7a6ef' stroke='%238e6fc9' stroke-width='.8'/%3E%3Crect x='85' y='48' width='5.4' height='4.4' fill='%23c7a6ef' stroke='%238e6fc9' stroke-width='.8'/%3E%3Cpath d='M43.5 78 V66 a6.5 6.5 0 0 1 13 0 V78Z' fill='%237a58c4' stroke='%238e6fc9' stroke-width='1'/%3E%3Cpath d='M50 59.5 V78 M43.5 69 h13' stroke='%235b3fa8' stroke-width='.8'/%3E%3Crect x='3' y='34' width='17' height='44' fill='url(%23w)' stroke='%238e6fc9' stroke-width='1'/%3E%3Crect x='1.5' y='32.5' width='20' height='3' fill='%23c7a6ef' stroke='%238e6fc9' stroke-width='.8'/%3E%3Cpath d='M0.5 32.5 L11.5 15 L22.5 32.5 Z' fill='%23ff7aa8' stroke='%23d93a6a' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='M7.65 26.375 L10.62 17.1' stroke='%23fff' stroke-opacity='.45' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M11.5 15.5 v-8' stroke='%23b07a2a' stroke-width='.8'/%3E%3Cpath d='M11.5 7.5 l7 2.2 -7 2.2z' fill='%23ff4f7a' stroke='%23ff4f7a' stroke-width='.6'%3E%3CanimateTransform attributeName='transform' type='skewY' values='0;4;0' dur='2.2s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M8.9 43 v-6 a2.6 2.6 0 0 1 5.2 0 v6z' fill='%23ffe08a' stroke='%238e6fc9' stroke-width='.8'/%3E%3Cpath d='M11.5 37.5 v6' stroke='%238e6fc9' stroke-width='.5'/%3E%3Cpath d='M8.9 59 v-6 a2.6 2.6 0 0 1 5.2 0 v6z' fill='%23ffe08a' stroke='%238e6fc9' stroke-width='.8'/%3E%3Cpath d='M11.5 53.5 v6' stroke='%238e6fc9' stroke-width='.5'/%3E%3Crect x='80' y='34' width='17' height='44' fill='url(%23w)' stroke='%238e6fc9' stroke-width='1'/%3E%3Crect x='78.5' y='32.5' width='20' height='3' fill='%23c7a6ef' stroke='%238e6fc9' stroke-width='.8'/%3E%3Cpath d='M77.5 32.5 L88.5 15 L99.5 32.5 Z' fill='%23ff7aa8' stroke='%23d93a6a' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='M84.65 26.375 L87.62 17.1' stroke='%23fff' stroke-opacity='.45' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M88.5 15.5 v-8' stroke='%23b07a2a' stroke-width='.8'/%3E%3Cpath d='M88.5 7.5 l7 2.2 -7 2.2z' fill='%23ff4f7a' stroke='%23ff4f7a' stroke-width='.6'%3E%3CanimateTransform attributeName='transform' type='skewY' values='0;4;0' dur='2.2s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M85.9 43 v-6 a2.6 2.6 0 0 1 5.2 0 v6z' fill='%23ffe08a' stroke='%238e6fc9' stroke-width='.8'/%3E%3Cpath d='M88.5 37.5 v6' stroke='%238e6fc9' stroke-width='.5'/%3E%3Cpath d='M85.9 59 v-6 a2.6 2.6 0 0 1 5.2 0 v6z' fill='%23ffe08a' stroke='%238e6fc9' stroke-width='.8'/%3E%3Cpath d='M88.5 53.5 v6' stroke='%238e6fc9' stroke-width='.5'/%3E%3Crect x='22' y='40' width='11' height='38' fill='url(%23w)' stroke='%238e6fc9' stroke-width='1'/%3E%3Crect x='20.5' y='38.5' width='14' height='3' fill='%23c7a6ef' stroke='%238e6fc9' stroke-width='.8'/%3E%3Cpath d='M19.5 38.5 L27.5 26 L35.5 38.5 Z' fill='%237fb8ff' stroke='%234a86d6' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='M24.7 34.125 L26.86 27.5' stroke='%23fff' stroke-opacity='.45' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M27.5 26.5 v-8' stroke='%23b07a2a' stroke-width='.8'/%3E%3Cpath d='M27.5 18.5 l7 2.2 -7 2.2z' fill='%233f7fe0' stroke='%233f7fe0' stroke-width='.6'%3E%3CanimateTransform attributeName='transform' type='skewY' values='0;4;0' dur='2.2s' repeatCount='indefinite'/%3E%3C/path%3E%3Crect x='67' y='40' width='11' height='38' fill='url(%23w)' stroke='%238e6fc9' stroke-width='1'/%3E%3Crect x='65.5' y='38.5' width='14' height='3' fill='%23c7a6ef' stroke='%238e6fc9' stroke-width='.8'/%3E%3Cpath d='M64.5 38.5 L72.5 26 L80.5 38.5 Z' fill='%237fb8ff' stroke='%234a86d6' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='M69.7 34.125 L71.86 27.5' stroke='%23fff' stroke-opacity='.45' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M72.5 26.5 v-8' stroke='%23b07a2a' stroke-width='.8'/%3E%3Cpath d='M72.5 18.5 l7 2.2 -7 2.2z' fill='%233f7fe0' stroke='%233f7fe0' stroke-width='.6'%3E%3CanimateTransform attributeName='transform' type='skewY' values='0;4;0' dur='2.2s' repeatCount='indefinite'/%3E%3C/path%3E%3Crect x='41' y='28' width='18' height='50' fill='url(%23w)' stroke='%238e6fc9' stroke-width='1'/%3E%3Crect x='39.5' y='26.5' width='21' height='3' fill='%23c7a6ef' stroke='%238e6fc9' stroke-width='.8'/%3E%3Cpath d='M38.5 26.5 L50.0 12 L61.5 26.5 Z' fill='%23ffc247' stroke='%23d9a118' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='M45.975 21.425 L49.08 13.74' stroke='%23fff' stroke-opacity='.45' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M50.0 12.5 v-8' stroke='%23b07a2a' stroke-width='.8'/%3E%3Cpath d='M50.0 4.5 l7 2.2 -7 2.2z' fill='%23ff4f7a' stroke='%23ff4f7a' stroke-width='.6'%3E%3CanimateTransform attributeName='transform' type='skewY' values='0;4;0' dur='2.2s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M47.4 37 v-6 a2.6 2.6 0 0 1 5.2 0 v6z' fill='%23ffe08a' stroke='%238e6fc9' stroke-width='.8'/%3E%3Cpath d='M50.0 31.5 v6' stroke='%238e6fc9' stroke-width='.5'/%3E%3Cpath d='M47.4 53 v-6 a2.6 2.6 0 0 1 5.2 0 v6z' fill='%23ffe08a' stroke='%238e6fc9' stroke-width='.8'/%3E%3Cpath d='M50.0 47.5 v6' stroke='%238e6fc9' stroke-width='.5'/%3E%3Cpath d='M0 78 Q25 72 50 77 T100 75 V100 H0Z' fill='%239be08f'/%3E%3Cpath d='M0 90 Q30 84 55 90 T100 88 V100 H0Z' fill='%2386d17f'/%3E%3Cpath d='M44 78 Q50 90 38 100 H62 Q52 90 56 78Z' fill='%23ffe7b0' opacity='.9'/%3E%3Cg%3E%3Ccircle cx='8' cy='86' r='1.5' fill='%23ff7aa8'/%3E%3Ccircle cx='16' cy='93' r='1.5' fill='%23fff'/%3E%3Ccircle cx='88' cy='87' r='1.5' fill='%23ffd54a'/%3E%3Ccircle cx='94' cy='94' r='1.5' fill='%23ff7aa8'/%3E%3Ccircle cx='80' cy='96' r='1.5' fill='%23fff'/%3E%3Ccircle cx='24' cy='97' r='1.5' fill='%23ffd54a'/%3E%3C/g%3E%3C/svg%3E") center bottom / cover no-repeat,linear-gradient(#ffc4dd,#ffe7c2 70%,#9be08f 70%)}.scene-schloss:before{background:none;clip-path:none}.scene-all{background:linear-gradient(#0d0b2e,#2b1a63)}.scene-all:before{background-image:radial-gradient(circle,#fff 0 1px,transparent 2px),radial-gradient(circle at 80% 22%,#ffb86b 0 11%,transparent 12%),radial-gradient(circle at 80% 22%,transparent 0 15%,#ffd9a0 16% 17%,transparent 18%),radial-gradient(circle,#b9a7ff 0 1.5px,transparent 2.5px);background-size:37px 41px,100% 100%,100% 100%,53px 47px;animation:glow 3s ease-in-out infinite}.plan{min-width:0}.plan input[type=date]{-webkit-appearance:none;appearance:none;display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;text-align:left}.field{box-sizing:border-box;max-width:100%;min-width:0}.lgh{text-align:center;margin:1.4rem 0 0;color:#7a5400}.lgtiles{margin-top:.4rem}.figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.fig{border:2px solid var(--line);border-radius:1rem;background:#fff;padding:.5rem .3rem;display:grid;justify-items:center;gap:.2rem;font:inherit;color:var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--line)}.fig.on{border-color:var(--good);background:var(--gut-flaeche);box-shadow:0 4px 0 var(--good)}.figsvg{display:block;width:5rem}.figsvg svg{display:block;width:100%;height:auto}.figsvg svg,.figsvg svg *{animation:none!important}.figpick{display:grid;gap:.6rem;text-align:center}.chapbtn{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;text-align:left;font:inherit;color:var(--ink);cursor:pointer;border:2px solid var(--line)}.chap{display:grid;gap:.4rem}.chap.on{border-color:var(--sea);box-shadow:0 6px #1fb5ad40}.chaphead{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.chaphead h3{margin:0}textarea.field{resize:vertical;min-height:7rem;font-size:1rem;line-height:1.4}.achrow{display:grid;grid-template-columns:1.8rem minmax(0,1fr) auto;gap:.5rem;align-items:center;padding:.4rem 0;border-top:1px solid var(--line)}.achrow>span{min-width:0;overflow-wrap:anywhere}.achrow>small{max-width:7rem;text-align:right;overflow-wrap:anywhere}.achrow:first-of-type{border-top:0}.achrow .achi{font-size:1.4rem}.achrow small{color:var(--muted)}.achrow.on{color:var(--ink)}.achrow.on small{color:var(--sea-deep)}.gift{display:grid;gap:.5rem;text-align:center;background:linear-gradient(160deg,#fff6e0,#ffe3f0);border-color:var(--sun);box-shadow:0 6px 0 var(--sun)}.gift h2{margin:0}.giftbox{font-size:3rem;display:block;animation:giftshake 1.6s ease-in-out infinite}@keyframes giftshake{0%,70%,to{transform:rotate(0) scale(1)}76%{transform:rotate(-9deg) scale(1.06)}84%{transform:rotate(9deg) scale(1.06)}92%{transform:rotate(-5deg) scale(1.03)}}.hintbox{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-top:.2rem}.hintbox{flex-direction:column}.hintw{display:flex;flex-wrap:wrap;gap:.1rem .9rem;justify-content:center}.hwd{display:inline-flex;gap:.18rem}.hwd i{display:grid;place-items:center;width:1.25rem;height:1.7rem;border-bottom:3px solid var(--line);font-family:var(--display);font-weight:600;font-size:1.25rem;font-style:normal;color:var(--sea-deep)}.hwd i.on{border-bottom-color:var(--sea)}.hwd i.sep{width:.7rem;border-bottom-color:transparent;color:var(--muted)}.btn.small{padding:.45rem .8rem;font-size:.95rem;box-shadow:0 3px 0 var(--line)}.tile.locked{opacity:.75;border-style:dashed;background:#f6f8f8;box-shadow:none}.scene-gold{background:radial-gradient(circle at 50% 18%,#fff6c2 0 14%,transparent 40%),linear-gradient(#ffe9a8 0 58%,#f5c96b 58%)}.scene-gold:before{background-image:radial-gradient(circle,#fff 0 1.5px,transparent 2.5px);background-size:34px 38px;animation:glow 2.6s ease-in-out infinite}.helpcard{display:grid;gap:.7rem;justify-items:center;text-align:center}.helpcard h1{font-size:1.6rem}.helpdots{display:flex;gap:.4rem}.helpdots i{width:.55rem;height:.55rem;border-radius:50%;background:var(--line);display:block}.helpdots i.on{background:var(--sea);transform:scale(1.25)}.helpstage{width:8rem}.helpstage svg{display:block;width:100%;height:auto}.helptext{text-align:left;display:grid;gap:.6rem;width:100%}ul.hl{margin:0;padding-left:1.1rem;display:grid;gap:.35rem}ul.hl li{line-height:1.35}.helpnav{width:100%}.chip.off{opacity:.5}.iconbtn[data-act=help]{font-family:var(--display);font-weight:600;font-size:1.3rem}.top{flex-wrap:nowrap}.top .lvl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chips{flex-wrap:nowrap}.chips .chip{padding-inline:.6rem}@media (max-width: 400px){.top .lvl{display:none}.iconbtn{width:2.4rem;height:2.4rem}}.stage.an-nod svg{animation:nod .8s ease-in-out}.stage.an-tilt svg{animation:tilt 1.1s ease-in-out}.stage.an-stretch svg{animation:stretch 1s ease-in-out}.stage.an-shiver svg{animation:shiver .6s linear}.stage.an-jelly svg{animation:jelly .9s ease-out}.stage.an-roll svg{animation:roll 1.1s ease-in-out}.flyheart.spark{font-size:1.1rem;animation:sparkup 2s ease-out forwards}@keyframes nod{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(4%) scale(1.05,.93)}50%{transform:translateY(-2%) scale(.98,1.03)}75%{transform:translateY(3%) scale(1.03,.96)}}@keyframes tilt{0%,to{transform:rotate(0)}25%,65%{transform:rotate(-13deg)}}@keyframes stretch{0%,to{transform:scale(1) translateY(0)}40%{transform:scale(.93,1.13) translateY(-6%)}70%{transform:scale(1.05,.95) translateY(0)}}@keyframes shiver{0%,to{transform:translate(0)}20%{transform:translate(-3px) rotate(-2deg)}40%{transform:translate(3px) rotate(2deg)}60%{transform:translate(-2px) rotate(-1deg)}80%{transform:translate(2px) rotate(1deg)}}@keyframes jelly{0%,to{transform:scale(1)}20%{transform:scale(1.12,.88)}40%{transform:scale(.9,1.1)}60%{transform:scale(1.06,.94)}80%{transform:scale(.97,1.03)}}@keyframes roll{0%,to{transform:translate(0) rotate(0)}30%{transform:translate(-9%) rotate(-20deg)}70%{transform:translate(9%) rotate(20deg)}}@keyframes sparkup{0%{opacity:0;transform:translateY(0) scale(.5)}25%{opacity:1}to{opacity:0;transform:translateY(-3.5rem) scale(1.1) rotate(25deg)}}.islecard{display:grid;gap:.7rem}.islebox{position:relative;border-radius:1.1rem;overflow:hidden;border:2px solid var(--line)}.islebox.small{border:0;width:8rem;margin:0 auto}.islesvg{display:block;width:100%;height:auto}.islesay{background:var(--sky);border-radius:1rem;padding:.6rem .9rem;text-align:center;font-weight:700;min-height:2.6rem}.islesay.pop{animation:pop .35s}.iobj{cursor:pointer}.iobj:focus-visible{outline:3px solid var(--lilac)}.islefig{transition:transform 0s linear;transform-box:fill-box;transform-origin:50% 100%}.islefig.walk{animation:iwalk .5s ease-in-out infinite}.ifigin{transform-box:fill-box;transform-origin:50% 50%;transition:transform .25s}.islefig.flip .ifigin{transform:scaleX(-1)}.ipuff{position:absolute;z-index:3;font-size:1.1rem;pointer-events:none;transform:translate(-50%,-50%);animation:sparkup 1.5s ease-out forwards}.shopsw{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.shopsw .btn{font-size:1rem;min-height:2.9rem;padding:.5rem .4rem}@keyframes iwalk{0%,to{translate:0 0}50%{translate:0 -2px}}.islefig.ia-swing{animation:iswing 1.1s ease-in-out 2}.islefig.ia-jump{animation:ijump .5s ease-in-out 4}.islefig.ia-sleep{animation:isleep 1.6s ease-in-out 2}.islefig.ia-sit{animation:isit 2.5s ease}.islefig.ia-dig{animation:idig .5s ease-in-out 5}.islefig.ia-splash{animation:isplash 1.2s ease-in-out 2}.islefig.ia-row{animation:irow 1.3s ease-in-out 2}.islefig.ia-dance{animation:idance .7s ease-in-out 4}.islefig.ia-pick{animation:ipick 1.2s ease-in-out 2}.islefig.ia-in{animation:iin 1.3s ease-in-out 2}@keyframes iswing{0%,to{rotate:-14deg}50%{rotate:14deg}}@keyframes ijump{0%,to{translate:0 0}45%{translate:0 -12px}}@keyframes isleep{0%,to{rotate:-82deg;translate:0 6px}50%{rotate:-82deg;translate:0 4px}}@keyframes isit{0%,to{translate:0 0}10%,90%{translate:0 5px}}@keyframes idig{0%,to{rotate:0deg}50%{rotate:-16deg}}@keyframes isplash{0%,to{translate:0 0}40%{translate:0 8px}70%{translate:0 -4px}}@keyframes irow{0%,to{rotate:-6deg;translate:0 3px}50%{rotate:6deg;translate:3px 3px}}@keyframes idance{0%,to{rotate:-10deg}50%{rotate:10deg}}@keyframes ipick{0%,to{rotate:0deg}40%{rotate:22deg;translate:0 4px}}@keyframes iin{0%{scale:1;opacity:1}45%{scale:.5;opacity:.15}55%{scale:.5;opacity:.15}to{scale:1;opacity:1}}.a-cloud{animation:cdrift 70s linear infinite}.a-cloud2{animation:cdrift 110s linear infinite}.a-wave{animation:wmove 7s linear infinite}.a-wave2{animation:wmove 11s linear infinite reverse}.a-palm{transform-box:fill-box;transform-origin:50% 0%;animation:sway 4s ease-in-out infinite}.a-mill{transform-box:fill-box;transform-origin:50% 50%;animation:spin 7s linear infinite}.a-swing2{transform-box:fill-box;transform-origin:50% 0%;animation:sway 2.4s ease-in-out infinite}.a-fire{transform-box:fill-box;transform-origin:50% 100%;animation:jelly 1.1s ease-in-out infinite}.a-flag{transform-box:fill-box;transform-origin:0% 50%;animation:flagw 2.4s ease-in-out infinite}@keyframes cdrift{0%{translate:-40px 0}to{translate:240px 0}}@keyframes wmove{0%{translate:0 0}to{translate:40px 0}}@keyframes flagw{0%,to{transform:skewY(0) scaleX(1)}50%{transform:skewY(-4deg) scaleX(.94)}}.flagpv{display:block;width:100%;max-width:3.6rem;margin:0 auto}.flagpv svg{display:block;width:100%;height:auto}.figs.flagrow{grid-template-columns:repeat(3,1fr)}.figs.flagrow .fig{padding:.35rem .2rem}.fbl{font-size:.85rem;color:var(--muted, #667);margin-top:.2rem}.fbt{font-family:var(--display);font-size:1.35rem;letter-spacing:.02em;word-break:break-word}.fbt.ok{color:#1c7a4b}.fbt.fbc{font-family:var(--body);font-weight:700;font-size:1.1rem;letter-spacing:0}.fbt.bad{color:#c0392b}.fbt .dx{color:#c0392b;background:#ffd0cb;text-decoration:none;border-radius:.25rem;padding:0 .08em}.fbw{font-size:.95rem;margin-top:.3rem}.typebox input:disabled{color:var(--ink);opacity:1;-webkit-text-fill-color:var(--ink);background:#f4f1ea}.chip{white-space:nowrap;flex:0 0 auto;justify-content:center;line-height:1;min-height:2.4rem;box-sizing:border-box}.chips{align-items:center}.iconbtn{flex:0 0 auto;padding:0;line-height:1}@media (max-width: 400px){.chips{gap:.3rem}.chips .chip{padding-inline:.5rem;gap:.25rem;font-size:.95rem;min-height:2.2rem}}.iobj,.iobj:focus,.iobj:focus-visible,.islefig,.islesvg{outline:none;-webkit-tap-highlight-color:transparent}.iobj:focus-visible{filter:drop-shadow(0 0 3px rgba(255,255,255,.9))}@media (max-width: 360px){.top{gap:.25rem}.chips{gap:.2rem}.chips .chip{padding-inline:.35rem;gap:.15rem;font-size:.88rem;min-height:2rem}.iconbtn{width:2rem;height:2rem;font-size:1rem}.iconbtn[data-act=help]{font-size:1.1rem}}.prow{display:grid;gap:.3rem;padding-bottom:.6rem;border-bottom:1px solid var(--line)}.prow:last-child{border-bottom:0;padding-bottom:0}.pchart{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:3px;align-items:end;height:7.5rem}.pcol{display:grid;grid-template-rows:1fr auto;height:100%;text-align:center;gap:2px}.pcol small{font-size:.68rem;color:var(--muted)}.pbar{align-self:end;display:flex;align-items:flex-end;background:var(--sky);border-radius:4px 4px 0 0;min-height:2px;overflow:hidden}.pbar i{display:block;width:100%;background:var(--sea)}.warn{color:var(--coral-deep);font-weight:700}.warnbox{background:#fff6e0;border:2px solid var(--sun);box-shadow:none;display:grid;gap:.5rem}.filebtn{position:relative;overflow:hidden;display:grid;place-items:center;cursor:pointer}.filebtn input{position:absolute;inset:0;opacity:0;cursor:pointer}textarea.field{font-family:ui-monospace,monospace;font-size:.85rem;resize:vertical}.storycard{display:grid;grid-template-columns:4.2rem 1fr;gap:.7rem;align-items:center;border:2px solid var(--sun)}.storycard p{margin:.2rem 0 .4rem}.sgav svg,.sav svg{width:100%;height:auto;display:block}.sgav img,.sav img{width:100%;height:auto;display:block}.sgav{width:4.2rem}.storybox{display:grid;gap:.8rem}.sline{display:grid;grid-template-columns:3rem 1fr;gap:.5rem;align-items:start}.sline.p{grid-template-columns:1fr 3rem}.sline.p .sav{order:2}.sav{width:3rem}.sbub{background:var(--sky);border-radius:1rem;padding:.55rem .8rem;line-height:1.35}.sline.g .sbub{background:#fff6e0;border:1.5px solid #ffe2a3}.sbub small{display:block;font-weight:700;color:var(--muted);font-size:.75rem}.sbub i{font-style:normal;font-weight:700;color:var(--sea-deep)}.speak.sm{padding:.1rem .45rem;font-size:.85rem;min-height:0}.sgoal{background:#fff;border:2px dashed var(--sea);border-radius:1rem;padding:.7rem .9rem;display:grid;gap:.35rem}.sletter{background:#fffaf0;border:1.5px solid #ead9b5;border-radius:.6rem;padding:.9rem 1rem;font-family:var(--display);font-size:1.15rem;line-height:1.45;box-shadow:0 3px #ead9b5}.sletter p{margin:0 0 .35rem}.sletter.small{font-size:.95rem;padding:.6rem .8rem}.sdots{display:flex;gap:.35rem;justify-content:center}.sdots i{width:.7rem;height:.7rem;border-radius:50%;background:var(--line)}.sdots i.on{background:var(--sea)}.sdots i.cur{background:var(--sun)}.sreward{width:9rem;margin:0 auto}.sreward svg,.sreward img{width:100%;height:auto;display:block}.a-wobble{transform-box:fill-box;transform-origin:50% 100%;animation:wobble 1.6s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-7deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-3deg)}}@media (prefers-reduced-motion: reduce){.a-wobble{animation:none}}.iconbtn{position:relative;width:2.5rem;height:2.5rem}.iconbtn:after{content:"";position:absolute;inset:-2px;border-radius:99px}@media (max-width: 400px){.iconbtn{width:2.5rem;height:2.5rem}}@media (max-width: 360px){.iconbtn{width:2.25rem;height:2.25rem}.iconbtn:after{inset:-4px}}.chip.tab,.speak{min-height:2.75rem}.speak.sm{position:relative;min-height:0;font-size:.875rem}.speak.sm:after{content:"";position:absolute;inset:-9px -5px}small,.tile small,.tile b,.q .tag,.fbl,.pcol small,.sbub small{font-size:.875rem}.pcol small{letter-spacing:-.02em}textarea.field{font-size:1rem}.gsel .gemo{font-size:2rem;line-height:1.2}.isle small,.stat span,.newbadge{font-size:.875rem}@media (max-width: 400px){.top{gap:.3rem}.chips{gap:.25rem}.chips .chip{padding-inline:.4rem;gap:.2rem}}.top .chips{flex-wrap:wrap;justify-content:flex-end;row-gap:.3rem;min-width:0;margin-left:auto}.tile,.tile b,.tile small{min-width:0;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}@media (max-width: 380px){.top{gap:.25rem}.chips{gap:.2rem}.chips .chip{padding-inline:.35rem;gap:.15rem;font-size:.88rem;min-height:2rem}}:root{--muted: #4d6478}.btn,.btn.sea,.tab.on{color:var(--ink)}.fbt.bad,.fbt .dx{color:#a5301f}.fbt.ok{color:#176a40}.warn{color:#b0362a}.sbub i{color:#0c6b67}.toast{top:calc(.6rem + env(safe-area-inset-top,0px));bottom:auto;cursor:pointer;animation:drop .3s;z-index:70}@keyframes drop{0%{opacity:0;transform:translate(-50%,-.6rem)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}.islefig{pointer-events:none}.spines{display:flex;gap:.35rem;align-items:flex-end}.spine{display:grid;place-items:center;width:2.2rem;height:3.4rem;border-radius:.35rem .35rem .2rem .2rem;background:#e9e1d2;border:2px solid #cbbd9f;color:var(--ink);font-family:var(--display);line-height:1.05}.spine b{font-size:1.1rem}.spine small{font-size:.875rem}.spine.gold{background:linear-gradient(180deg,#ffe08a,#f2b632);border-color:#c98d12;box-shadow:0 3px #c98d12}.booklist{display:grid;gap:.7rem}.bookpage{display:grid;grid-template-columns:4.2rem 1fr;gap:.7rem;align-items:center}.bookpage h3{margin:.1rem 0 .3rem}.bookpage.now{border:2px solid var(--sun)}.bookpage.shadow{background:#eef3f5;box-shadow:none;border:2px dashed var(--line)}.bookpage.shadow h3{color:var(--muted)}.qmark{display:grid;place-items:center;height:4.2rem;border-radius:50%;background:#dde6ea;color:var(--muted);font-family:var(--display);font-size:2rem}.bookrw{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem}.bookpv{width:2.6rem;flex:0 0 auto}.bookpv svg,.bookpv img{width:100%;height:auto;display:block}.bookdone{margin:-.2rem 0 0;font-weight:700;color:#8a5a00}.bookep{margin:.4rem 0 0;color:var(--sea-deep)}.bookpick{margin:0;text-align:center}.bkcard{display:grid;gap:.5rem;background:#f6f9fb;box-shadow:none;border:2px solid var(--line)}.bkcard p{margin:0}:root{--btn-coral: #ff958a;--btn-coral-deep: #e0685c;--btn-sea: #4fcdc5;--btn-sea-deep: #22a39b}.btn{background:var(--btn-coral);box-shadow:0 5px 0 var(--btn-coral-deep)}.btn:active{box-shadow:0 1px 0 var(--btn-coral-deep)}.btn.sea{background:var(--btn-sea);box-shadow:0 5px 0 var(--btn-sea-deep)}.btn.sea:active{box-shadow:0 1px 0 var(--btn-sea-deep)}.btn.ghost{background:var(--card);box-shadow:0 4px 0 var(--line)}.btn.small{box-shadow:0 3px 0 var(--line)}.tab.on{background:var(--btn-sea);border-color:var(--btn-sea-deep)}.todayline{grid-column:1 / -1;display:flex;align-items:center;gap:.7rem;padding-top:.5rem;border-top:1.5px solid #f3e3c4}.todayline .ring{flex:0 0 auto;width:3rem;height:3rem}.todayline span{line-height:1.3}.hero .btn.small{min-height:2.75rem;font-size:1rem}.hint{display:grid;gap:.5rem}.hint p{margin:0}.hintrow{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.errcard{border:2px solid #ffc4bc}.fold{margin:0 0 .9rem}.fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:3rem;padding:.6rem 1rem;background:var(--card);border:2px solid var(--line);border-radius:1rem;box-shadow:0 4px 0 var(--line);font-family:var(--display);font-weight:600;font-size:1.1rem}.fold>summary::-webkit-details-marker{display:none}.fold>summary:after{content:"\25be";font-size:1.1rem;color:var(--muted);transition:transform .2s}.fold[open]>summary:after{transform:rotate(180deg)}.fold>summary small{margin-left:auto;font-family:var(--body);font-weight:400;font-size:.875rem;color:var(--muted);text-align:right}.foldin{padding-top:.8rem}.foldin>.card:last-child,.foldin>.islands:last-child,.foldin>.minis:last-child{margin-bottom:0}@media (prefers-reduced-motion: reduce){.fold>summary:after{transition:none}}.nextbox{width:100%;display:grid;gap:.5rem;background:#fff6e0;border:2px solid #ffe2a3;border-radius:1rem;padding:.8rem}.nextbox p{margin:0;font-weight:700}.quitbox{position:fixed;inset:0;z-index:65;display:grid;place-items:center;padding:16px;background:#17324d73}.quitbox .card{max-width:22rem;display:grid;gap:.6rem;margin:0}.quitbox p{margin:0}.readall{justify-self:end}.tipbox .card{max-height:calc(100vh - 32px);overflow:auto}.tipbox .helpstage{width:6rem;margin:0 auto}.helpcard>.btn.small[data-act=helpsay]{justify-self:center}.figs3{grid-template-columns:repeat(3,minmax(0,1fr))}.figs3 .figsvg{width:4.4rem}.avfig{background:#f4f7fb;border-style:dashed}.avfig small{font-size:.875rem;color:var(--muted)}.avsil{display:block;width:4.2rem;flex:0 0 auto}.avsil.big{width:7rem;margin:0 auto}.avsil svg{display:block;width:100%;height:auto}.avway{display:grid;gap:.6rem;text-align:left}.avway>div{display:grid;gap:.25rem;background:#f6fbfb;border:1.5px solid var(--line);border-radius:.9rem;padding:.6rem .7rem}.avway small{font-size:.875rem}.avtopbtn{border:2px solid var(--line);background:var(--card);border-radius:50%;width:2.9rem;height:2.9rem;padding:0;overflow:hidden;flex:0 0 auto}.avpic{display:block;width:100%;height:100%}.avtop{display:flex;align-items:center;gap:.45rem}.avtop h2{flex:1;font-size:1.15rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avtop .btn.small{min-height:2.75rem;padding-inline:.9rem}.avtop .iconbtn[disabled]{opacity:.4}.avstagebox{position:relative;background:linear-gradient(180deg,#dff4fb,#f7fcff 62%,#e9f7e4 62%,#d7f0d0);border:2px solid var(--line);border-radius:1.2rem;overflow:hidden}.avstage{display:block;width:100%;height:min(46vh,22rem)}.avstagebtns{position:absolute;right:.5rem;top:.5rem;display:grid;gap:.4rem}.avouts{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;padding:.5rem}.avouts .chip{min-height:2.75rem;border:2px solid var(--line);background:var(--card);font-size:.95rem}.avouts .chip.on{background:var(--btn-sea);border-color:var(--btn-sea-deep)}.avcats{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.3rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.avcat{flex:0 0 auto;min-width:4.2rem;min-height:3.6rem;border:2px solid var(--line);border-radius:1rem;background:var(--card);display:grid;justify-items:center;align-content:center;gap:.1rem;padding:.3rem .4rem;scroll-snap-align:start;box-shadow:0 3px 0 var(--line)}.avcat span{font-size:1.45rem;line-height:1.1}.avcat small{font-size:.875rem;font-weight:700}.avcat.on{border-color:var(--btn-sea-deep);background:#dff6f4;box-shadow:0 3px 0 var(--btn-sea-deep)}.avsubs{overflow-x:auto;flex-wrap:nowrap}.avsubs .chip{flex:0 0 auto}.avpanel{display:grid;gap:.6rem}.avpanel>p{margin:0}.avt{position:relative;padding:.45rem .25rem}.avpv{display:block;width:100%;aspect-ratio:1 / 1;border-radius:.7rem;background:linear-gradient(160deg,#fff,#f1f8ff);overflow:hidden}.avpv svg{display:block;width:100%;height:100%}.avt b{font-size:.875rem}.avt.avlocked .avpv{filter:grayscale(.55);opacity:.75}.avlock{position:absolute;top:.3rem;right:.3rem;background:#fff6d6;border:1.5px solid #f2c94c;border-radius:99px;padding:0 .35rem;font-size:.875rem!important;color:#6b4e00!important;font-weight:700}.avfn{position:absolute;top:.3rem;left:.3rem;font-size:.95rem!important}.avh{font-size:1rem;margin:.3rem 0 0}.avpal{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:.35rem}.avsw{width:100%;aspect-ratio:1 / 1;min-height:2.75rem;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px #c3cfd9;padding:0}.avsw.on{box-shadow:0 0 0 3px var(--ink)}.avsw.auto{background:#fff;font-weight:700;color:var(--ink)}.avsls{display:grid;gap:.8rem}.avsl{display:grid;gap:.2rem}.avsli{display:flex;align-items:center;gap:.5rem}.avsli input{flex:1;min-height:2.75rem;accent-color:var(--lilac)}.avic{flex:0 0 auto;width:1.8rem;display:grid;place-items:center}.avtog{display:flex;gap:.4rem;flex-wrap:wrap}.avtog .chip{min-height:2.75rem;border:2px solid var(--line);background:var(--card)}.avtog .chip.on{background:var(--btn-sea);border-color:var(--btn-sea-deep)}.avnote{font-size:.95rem}.avtrybar{display:grid;gap:.5rem;border:2px solid #f2c94c;background:#fffaf0}.avme{display:grid;gap:.6rem;text-align:center}.avemos{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.6rem,1fr));gap:.4rem}.avemo{min-height:3.6rem;border:2px solid var(--line);border-radius:.9rem;background:var(--card);display:grid;justify-items:center;align-content:center;gap:.1rem;padding:.3rem .2rem;box-shadow:0 3px 0 var(--line)}.avemo span{font-size:1.35rem;line-height:1.1}.avemo small{font-size:.875rem;line-height:1.15}.avemo.on{border-color:var(--good);background:var(--gut-flaeche)}.avemo.avlocked{background:#f4f6f8;color:var(--muted)}.avprofbig{width:11rem;height:11rem;margin:0 auto;border-radius:50%;overflow:hidden;border:3px solid var(--line)}.av-float{animation:avfloat 3s ease-in-out infinite}@keyframes avfloat{50%{transform:translateY(-2px)}}.av-blink{animation:avblink 1s steps(2) infinite}@keyframes avblink{50%{opacity:.2}}@media (prefers-reduced-motion: reduce){.av-float,.av-blink{animation:none}}.shopsw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.shopsw .btn{padding-inline:.3rem;font-size:.95rem}.avway.mini{gap:.35rem}.avway.mini>div{padding:.35rem .55rem;gap:.15rem}.avcard .btn.small{justify-self:start;min-height:2.75rem}.avstagebox.stick{position:sticky;top:0;z-index:6;box-shadow:0 6px 14px #17324d1f}.avstagebox.stick .avstage{height:min(40vh,19rem)}.avisbar{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.avisbar .chip{min-height:2.75rem;border:2px solid var(--line);background:var(--card);font-size:.95rem}.avqc{display:grid;gap:.5rem;border:2px solid #9fd8f0;background:#f2fbff}.avqc p{margin:0}.avqc .btn.small{justify-self:start;min-height:2.75rem}.avwheel{position:absolute;inset:0;background:#17324d59;z-index:4}.avwb{position:absolute;transform:translate(-50%,-50%);width:4.9rem;min-height:3.4rem;border-radius:1rem;border:2px solid var(--line);background:#fff;display:grid;justify-items:center;align-content:center;padding:.2rem;box-shadow:0 3px 0 var(--line)}.avwb span{font-size:1.3rem;line-height:1.1}.avwb small{font-size:.875rem;line-height:1.05;font-weight:700}.avwb.mid{left:50%;top:50%;background:#fff6d6;border-color:#f2c94c}.avrain path{animation:avrain .55s linear infinite}@keyframes avrain{0%{transform:translateY(-10px)}to{transform:translate(-4px,14px)}}.avpud{cursor:pointer}@media (prefers-reduced-motion: reduce){.avrain path{animation:none}}.avcard{display:grid;gap:.6rem}.avhead{display:flex;gap:.8rem;align-items:flex-start}.avhead>div{display:grid;gap:.3rem;min-width:0}.avway.mini{grid-template-columns:1fr 1fr;width:100%;justify-self:stretch}.avway.mini small{line-height:1.3}.avemo small,.avt b,.avwb small,.avcat small{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:normal;max-width:100%}.avemos{grid-template-columns:repeat(auto-fill,minmax(5.4rem,1fr))}.avemo{padding-inline:.3rem}.herofig{display:grid;gap:1.1rem;justify-items:center;align-self:start}.avherobtn{border:0;background:none;padding:0;display:grid;justify-items:center;gap:.15rem;min-width:44px}.avherobtn .avpic{width:3.6rem;height:3.6rem;border-radius:50%;border:2px solid var(--line);box-shadow:0 3px 0 var(--line);background:#fff;animation:none}.avherobtn small{font-size:.875rem;font-weight:700;color:var(--ink);max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes advpulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px);box-shadow:0 5px #17324d24}}.card.adoor{display:grid;gap:.7rem;text-align:center}.advword{display:grid;gap:.4rem;justify-items:center}.adem{font-size:3rem;line-height:1}.adoor .word{font-family:var(--display);font-weight:600;font-size:clamp(1.7rem,7vw,2.3rem);line-height:1.15;overflow-wrap:anywhere}.adoor .word.small{font-size:clamp(1.4rem,6vw,1.9rem)}.adoor .de{font-size:1.2rem;font-weight:700}.adoor .note{margin:0;color:var(--muted)}.adoor .tag{font-weight:700;color:var(--muted)}.adoor .opts{text-align:left}.advsteps{display:flex;justify-content:center;gap:.4rem}.advsteps i{width:.7rem;height:.7rem;border-radius:50%;background:var(--line)}.advsteps i.on{background:var(--good)}.advsteps i.cur{background:var(--sun);transform:scale(1.25)}.advtry{margin:0;color:#a5301f;font-weight:700}.advspell{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;font:600 1.3rem var(--display)}.advspell .slots{display:inline-flex;gap:.2rem}.advspell .slots i{font-style:normal;width:1.7rem;height:2.1rem;border-bottom:3px solid var(--ink);display:grid;place-items:center}.advspell .slots i.on{border-color:var(--good);color:var(--good)}.advtiles{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.advt{width:2.9rem;height:2.9rem;border-radius:.7rem;border:2px solid var(--line);background:#fff;font:600 1.35rem var(--display);color:var(--ink);box-shadow:0 3px 0 var(--line)}.advt.used{visibility:hidden}.advt.hint{border-color:var(--sun);background:#fff6d8;animation:advpulse 1.2s ease-in-out infinite}.advt.shake{animation:advshake .35s ease;border-color:var(--bad)}@keyframes advshake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.advpv{display:grid;place-items:center;width:8rem;height:8rem;border-radius:1rem;overflow:hidden}.advpv:not([class*=scene-]){background:linear-gradient(160deg,#fff,#eef4ff)}.advpv svg{width:100%;height:100%;display:block;position:relative;z-index:1}.advpv.stage{padding:.3rem}.xsnow circle{animation:xfall 7s linear infinite}@keyframes xfall{0%{transform:translateY(-12px)}to{transform:translate(-10px,132px)}}@media (prefers-reduced-motion: reduce){.advt.hint,.advt.shake,.xsnow circle{animation:none}}.advgames{margin:0}.xscard .sgav svg{width:3.4rem;height:3.4rem}.adoor.xsq{box-shadow:none;border:0;padding:0;background:none;display:grid;gap:.7rem;text-align:center}.card.xgsky{background:linear-gradient(#22306a,#4a5fae);color:#fff;display:grid;gap:.4rem;text-align:center}.xgsky .sdots i{background:#ffffff59}.xgsky .sdots i.on{background:#ffd54a}.xgsleigh svg{width:11rem;height:auto;display:block;margin:0 auto;animation:xgfly 3s ease-in-out infinite}@keyframes xgfly{0%,to{transform:translate(-6px)}50%{transform:translate(6px,-4px)}}.xgword{display:grid;gap:.1rem}.xgword small{opacity:.85}.xgword b{font:600 clamp(1.4rem,6vw,1.9rem) var(--display);overflow-wrap:anywhere}.xghouses{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.6rem}.xghouse{display:grid;gap:.25rem;justify-items:center;background:#fff;border:2px solid var(--line);border-radius:1rem;padding:.4rem .3rem .6rem;box-shadow:0 4px 0 var(--line);font:700 1rem var(--body);color:var(--ink);overflow-wrap:anywhere}.xghouse svg{width:100%;max-width:6rem;height:auto;overflow:visible}.xghouse.right{border-color:var(--good);background:#e7f8ef}.xghouse.wrong{border-color:var(--bad);background:var(--sanft-koralle);opacity:.7}.xgdrop{animation:xgdrop .8s ease-in forwards}@keyframes xgdrop{0%{transform:translateY(-14px);opacity:1}80%{opacity:1}to{transform:translateY(22px);opacity:0}}.xgsnowbox{display:grid;grid-template-columns:7rem 1fr;gap:.8rem;align-items:center;background:linear-gradient(#eef4ff,#fff)}.xgsnowman svg{width:100%;height:auto;display:block}.xgsnowman.big{width:10rem;margin:0 auto}.xgsnowq{display:grid;gap:.2rem}.xgsnowq small{color:var(--muted)}.xgsnowq b{font:600 clamp(1.3rem,5.5vw,1.8rem) var(--display);overflow-wrap:anywhere}.xgslots .slots{flex-wrap:wrap;justify-content:center}.xgslots .slots i.gap{width:.8rem;border:0}.xgslots .slots b{display:grid;place-items:center;width:.7rem}.advt.flake{border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#eaf4ff 70%);border-color:#bcd8f0}@media (prefers-reduced-motion: reduce){.xgsleigh svg,.xgdrop{animation:none}}:where(#app) button{background:none;box-shadow:none;padding:0;min-height:0;min-width:0;border-radius:0;font-weight:inherit;font-size:inherit;color:inherit;border:0}:where(#app) button:active{box-shadow:none}.hauptknopf small{color:#fff}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-display:swap;src:url("./assets/fredoka-600-IGOOT6D2.woff2") format("woff2")}#lernhg{display:none;position:fixed;left:0;right:0;top:0;height:430px;z-index:0;background-size:cover;background-position:center;background-color:#cfe5f7;filter:blur(5px);transform:scale(1.08);transform-origin:top center}#lernhg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff8ec00 40%,#fff8ec8c)}body.in-lernen #lernhg{display:none}body.in-lernen{padding:0;background:var(--creme)}body.in-lernen #app,body.insel.in-lernen #app{width:100%;max-width:430px;margin:0 auto;gap:0;display:block;min-height:100vh}.lkopf{position:relative;min-height:214px;padding:14px 14px 0}.lkopf.klein{min-height:28px}.lkopf.runde{min-height:92px}.lkopf.ergebnis{z-index:2;min-height:200px;display:grid;justify-items:center;align-content:start;gap:8px;padding-top:20px}.blatt{position:relative;background:var(--creme);border-radius:var(--radius-blatt) var(--radius-blatt) 0 0;padding:20px 18px 40px;box-shadow:var(--schatten-blatt);display:grid;gap:14px;align-content:start;min-height:calc(100vh - 28px)}.blatt.start{min-height:calc(100vh - 214px)}.blatt.runde{min-height:calc(100vh - 92px)}.blatt.ergebnis{min-height:calc(100vh - 200px)}.blatt>*{min-width:0}.blatt .top{margin-bottom:4px}.lclose{position:absolute;right:14px;top:14px;width:44px;height:44px;border-radius:50%;background:#fffdf8eb;border:0;display:grid;place-items:center;color:var(--tinte);box-shadow:0 2px 8px #2b23401f}.lkopf .lclose{z-index:2}.lhero{position:absolute;left:14px;right:18px;top:76px;display:flex;align-items:center;gap:6px}.lalabtn{background:none;border:0;padding:0;min-width:44px;min-height:44px;display:grid;place-items:center;flex:none}.lala.hupf{animation:hupf .5s}.lalabtn.wackel .lala{animation:wackel .5s}@keyframes hupf{40%{transform:translateY(-10px) rotate(-4deg)}}@keyframes wackel{20%{transform:rotate(-8deg)}50%{transform:rotate(7deg)}80%{transform:rotate(-4deg)}}.sprech{position:relative;background:var(--karte);border-radius:20px 20px 20px 6px;padding:12px 16px;box-shadow:0 4px 14px #2b23401f;font-size:1.05rem;line-height:1.3;max-width:280px}.klein-titel{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--lila)}.gruss{font-family:var(--anzeige);font-weight:700;font-size:32px;line-height:1.05;margin:2px 0 0;color:var(--tinte)}.gruss.gross{font-size:38px;text-align:center}.mitte{text-align:center;display:grid;gap:4px}.karte{background:var(--karte);border:2px solid var(--linie);border-radius:var(--radius-karte);padding:12px 14px}.tagesziel .zeile{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.tagesziel b{font-family:var(--anzeige);font-weight:600;font-size:17px}.tagesziel span{font-size:14px;color:var(--gedaempft)}.balken{height:12px;border-radius:6px;background:#efe6d6;margin-top:9px;overflow:hidden}.balken i{display:block;height:100%;background:var(--sonne);border-radius:6px;transition:width .4s}.hauptknopf{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:84px;padding:10px 20px;border-radius:var(--radius-knopf);border:0;background:var(--koralle);color:#fff;box-shadow:var(--schatten-knopf);text-align:left;width:100%}.hauptknopf b{display:block;font-family:var(--anzeige);font-weight:600;font-size:24px;line-height:1.15}.hauptknopf small{display:block;font-size:15px;opacity:.95}.hauptknopf.einfach{min-height:64px}.hauptknopf.einfach b{font-size:22px}.hauptknopf:active{transform:translateY(2px)}.btn2{font-family:var(--anzeige);font-weight:600;font-size:1.1rem;min-height:60px;padding:10px 16px;border-radius:var(--radius-knopf);background:var(--karte);color:var(--tinte);border:2px solid var(--linie)}.btn2.breit{width:100%}.btn2:active{transform:translateY(2px)}.btn{min-height:60px;border-radius:var(--radius-knopf);box-shadow:var(--schatten-knopf)}.btn.ghost,.btn.sea{box-shadow:none}.btn.sea{background:var(--lila);color:#fff}.kopfzeile{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:8px}.kapitelname{background:none;border:0;padding:8px 0;min-height:44px;text-align:left;font-family:var(--anzeige);font-weight:600;font-size:18px;color:var(--tinte)}.kopfzeile>span{color:var(--gedaempft);font-size:14px}.gruppen{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.gk{border:0;border-radius:18px;padding:14px 8px;text-align:center;display:grid;gap:6px;color:var(--tinte);min-height:88px;align-content:center}.gn{font-family:var(--anzeige);font-weight:600;font-size:16px;line-height:1.1;overflow-wrap:anywhere}.gb{height:8px;border-radius:4px;background:#ffffffbf;margin:0 4px;overflow:hidden;display:block}.gb i{display:block;height:100%;background:var(--lila)}.gz{font-size:12px;color:var(--gedaempft)}.karte.hinweis{display:flex;gap:10px;align-items:center;justify-content:space-between}.karte.hinweis b{display:block;font-family:var(--anzeige)}.karte.hinweis span{font-size:.95rem;color:var(--gedaempft)}.blatt .card{background:var(--karte)}.blatt .fold{background:var(--karte);border:2px solid var(--linie);border-radius:var(--radius-karte)}.rundenkopf{display:flex;align-items:center;gap:10px}.rundenkopf .lclose{position:static;flex:none}.fortschritt{flex:1;height:14px;border-radius:7px;background:#e5dac6;overflow:hidden}.fortschritt i{display:block;height:100%;border-radius:7px;background:var(--sonne);transition:width .35s}body:has(.blatt.runde) #lernhg{display:none}.lkopf.runde{background:var(--creme);min-height:72px}.blatt.runde{border-radius:0;box-shadow:none;min-height:calc(100vh - 72px)}.frage{display:grid;gap:8px;text-align:center;justify-items:center}.frage .tag{color:var(--gedaempft);font-size:15px;letter-spacing:0;text-transform:none;font-weight:400}.frage .word{font-family:var(--anzeige);font-weight:700;font-size:clamp(30px,9vw,38px);line-height:1.1;color:var(--tinte);overflow-wrap:anywhere}.frage .en{font-family:var(--anzeige);font-weight:700;font-size:38px;color:var(--lila);overflow-wrap:anywhere}.frage .de{font-size:1.3rem}.neuwort{background:var(--sonne);border-radius:99px;padding:2px 14px;font-weight:700;font-size:.85rem}.lautsprecher{width:56px;height:56px;border-radius:50%;border:2px solid var(--linie);background:var(--karte);color:var(--lila);display:grid;place-items:center}.lautsprecher.gross{width:96px;height:96px}.blatt .opts{gap:12px}.blatt .opt{min-height:62px;border:2px solid var(--linie);border-radius:var(--radius-karte);background:var(--karte);box-shadow:none;font-family:var(--anzeige);font-weight:600;font-size:22px;padding:12px 18px;color:var(--tinte)}.blatt .opt:active{transform:translateY(2px);box-shadow:none}.blatt .opt.right{background:var(--gut-flaeche);border:3px solid var(--gut);box-shadow:none;color:var(--gut-text)}.blatt .opt.wrong{background:var(--sanft-koralle);border:3px solid var(--koralle);box-shadow:none;animation:none}.blatt .opts.locked .opt:not(.right):not(.wrong){opacity:.5}.haken{margin-right:8px;color:var(--gut);font-weight:700}.blatt .fb{border-radius:var(--radius-karte);background:var(--karte);border:2px solid var(--linie)}.blatt .fb.no{background:var(--sanft-koralle);border-color:var(--koralle)}.unten{display:grid;gap:12px;margin-top:auto;padding-top:6px}.lalazeile{display:flex;align-items:center;gap:10px}.blatt .typebox .field{text-align:center;font-family:var(--anzeige);font-size:1.4rem;min-height:60px;border-radius:var(--radius-karte);background:var(--karte)}.blatt.runde{align-content:start}.hinweis-pille{background:var(--karte);border-radius:22px;padding:14px 20px;font-family:var(--anzeige);font-weight:600;font-size:18px;box-shadow:0 4px 14px #2b23401f;text-align:center}.lalagross{margin-bottom:-90px;position:relative;z-index:1}.gsterne{display:flex;justify-content:center;gap:14px}.gstern{width:56px;height:56px;fill:var(--sonne);stroke:var(--sonne-dunkel);stroke-width:1.8;stroke-linejoin:round}.gstern:nth-child(2){transform:translateY(-10px)}.gstern.leer{fill:#efe6d6;stroke:#cdbf9f}.kacheln3{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px}.kachel{border-radius:18px;padding:12px 6px;text-align:center;display:grid;gap:2px}.kachel b{font-family:var(--anzeige);font-weight:700;font-size:28px;line-height:1.1}.kachel span{font-size:14px;color:var(--gedaempft)}.kachel.k1{background:var(--karte);border:2px solid var(--linie)}.kachel.k2{background:var(--lila-hell)}.kachel.k3{background:var(--sanft-koralle)}.karte.neu{display:flex;gap:12px;align-items:center}.karte.neu b{display:block;font-family:var(--anzeige)}.karte.neu span{color:var(--gedaempft)}.neu-ic{width:52px;height:52px;border-radius:16px;background:var(--kachel-tiere);color:var(--gut);display:grid;place-items:center;flex:none}.spielliste{display:flex;flex-direction:column;gap:.55rem}.spielzeile{display:flex;align-items:center;gap:.75rem;width:100%;min-height:64px;padding:.55rem .75rem;text-align:left;font:inherit;color:var(--tinte);background:var(--karte);border:2px solid var(--linie);border-radius:var(--radius-karte);cursor:pointer}.spielzeile:active{transform:translateY(2px)}.spielsym{flex:0 0 46px;height:46px;display:grid;place-items:center;font-size:1.6rem;border-radius:15px}.spielsym.rosa{background:#ffd9e2}.spielsym.gelb{background:#ffe9a8}.spielsym.lila{background:var(--lila-hell)}.spielsym.mint{background:#c9f0dc}.spieltext{flex:1;min-width:0;display:flex;flex-direction:column}.spieltext b{font-family:var(--anzeige);font-weight:600;font-size:1.2rem;line-height:1.2}.spieltext span{font-size:.88rem;color:var(--gedaempft);line-height:1.3}.spielplay{flex:0 0 36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--gut);color:#fff;font-size:.85rem;padding-left:2px}.bild{display:block;width:100%;height:100%}.bild-text{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.18em}.sticker .bild{width:2.1rem;height:2.1rem}.sticker.locked .bild{width:1.7rem;height:1.7rem}.achrow .achi{display:grid;place-items:center;width:1.8rem;height:1.8rem}.achrow .achi .bild{width:1.8rem;height:1.8rem}.tile .ti .bild{width:2.2rem;height:2.2rem;margin:0 auto}.avemo span .bild{width:1.6rem;height:1.6rem}.avlock .bild-text{width:.95em;height:.95em}.emo{display:inline-block;position:relative;width:1.12em;height:1.12em;vertical-align:-.2em;line-height:1;text-indent:0}.emo svg{display:block;width:100%;height:100%;overflow:visible}.emo-t{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gr-tabs{display:flex;gap:4px;padding:3px;border:3px solid var(--tinte);border-radius:28px;background:#fff}.gr-tab{flex:1;min-height:46px;border-radius:24px;border:2px solid transparent;background:transparent;font-family:var(--anzeige);font-weight:600;font-size:1.1rem;color:var(--tinte)}.gr-tab.an{background:var(--lila-hell);border-color:var(--lila);color:var(--lila)}.gr-liste{display:grid;gap:12px}.gr-karte{position:relative;display:grid;gap:4px;width:100%;text-align:left;padding:14px 56px 14px 16px;border-radius:var(--radius-karte);border:2px solid var(--linie);background:var(--karte);color:var(--tinte)}.gr-karte b{font-family:var(--anzeige);font-weight:600;font-size:1.25rem}.gr-karte.jetzt{border:3px solid var(--tinte);background:#fff}.gr-karte.zu{opacity:.62}.gr-bsp{font-size:1.05rem}.gr-st{font-size:.9rem;color:var(--gedaempft)}.gr-marke{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--lila-hell);color:var(--tinte)}.gr-marke svg{width:18px;height:18px}.gr-marke.fertig{background:var(--gut-flaeche);border:3px solid var(--gut);color:var(--gut);font-weight:700;font-size:1.1rem}.gr-schritte{flex:1;display:flex;gap:8px}.gr-schritte span{flex:1;display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:19px;border:3px solid var(--linie);background:#fff;font-family:var(--anzeige);font-weight:600;font-size:.95rem;color:var(--gedaempft)}.gr-schritte span.an{border-color:var(--tinte);background:var(--lila-hell);color:var(--lila)}.gr-beisp{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gr-bk{position:relative;display:grid;gap:4px;justify-items:center;align-content:start;padding:14px 8px 12px;border-radius:22px;border:3px solid var(--linie);text-align:center;min-height:170px}.gr-bk:nth-child(1){background:#e7f1fb;border-color:#6fa8d6}.gr-bk:nth-child(2){background:#fde8f0;border-color:#e08bb0}.gr-bk .em{font-size:2.8rem;line-height:1.1}.gr-wort{font-family:var(--anzeige);font-weight:600;font-size:1.5rem;overflow-wrap:anywhere}.gr-end{color:var(--koralle);border-bottom:4px solid var(--koralle)}.gr-art{color:var(--lila)}.gr-un{font-size:.95rem;color:var(--gedaempft)}.gr-ls{position:absolute;right:6px;top:6px;width:44px;height:44px;min-height:44px}.gr-regel{border:3px solid var(--gut);background:var(--gut-flaeche);border-radius:22px;padding:14px 16px}.gr-regel>span{font-family:var(--anzeige);font-weight:600;font-size:.85rem;letter-spacing:.06em;color:var(--gut-text)}.gr-regel p{margin:6px 0 0;font-size:1.15rem;line-height:1.4}.gr-mehr{font-size:1.02rem;line-height:1.5}.gr-bild{font-size:3.6rem;line-height:1.1}.gr-satz{font-size:1.7rem}.gr-de{font-size:1.4rem;font-weight:700}.gr-luecke{display:inline-block;min-width:3.4rem;text-align:center;border-bottom:4px solid var(--lila)}.gr-luecke.ok{color:var(--gut-text);border-color:var(--gut)}.gr-luecke.bad{color:#a5301f;border-color:var(--bad)}.gr-opts{grid-template-columns:1fr 1fr}.gr-opts .opt{text-align:center;font-family:var(--anzeige);font-weight:600;font-size:1.35rem;min-height:4rem}.gr-feld{display:flex;flex-wrap:wrap;gap:8px;min-height:66px;padding:10px;border:3px dashed var(--linie);border-radius:18px;background:#fff}.gr-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.gr-chip{min-height:48px;min-width:48px;padding:0 16px;border:2px solid var(--linie);border-radius:14px;background:#fff;font-size:1.15rem;box-shadow:0 3px 0 var(--linie);color:var(--tinte)}.gr-chip.fest{border-color:var(--lila);background:var(--lila-hell);box-shadow:0 3px 0 var(--lila)}.hauptknopf:disabled{opacity:.45;box-shadow:none}#start-hinweis{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:#f5dde8;color:#8e72c4;font:800 2.2rem ui-rounded,SF Pro Rounded,system-ui,sans-serif;text-align:center;padding:1.5rem}#start-hinweis small{display:block;font-size:1rem;font-weight:600;opacity:.75;margin-top:.6rem;color:#2b2340}#fehler{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24px;text-align:center;font-weight:700;pointer-events:none;z-index:91;color:#2b2340}body.insel #app{display:none}body.insel.in-lernen #app{display:grid}body.in-lernen{overflow:auto;height:auto;background:var(--creme)}body.in-lernen #buehne,body.in-lernen #hud,body.in-lernen #konfig{display:none!important}html:has(body.in-lernen){overflow:auto;height:auto}#app{position:relative;z-index:20}#lern-zurueck{display:none}#hud{position:fixed;inset:0;pointer-events:none;z-index:3;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,sans-serif;color:#2b2340}#hud>*,#hud .inselblase{pointer-events:auto}body.umkleide #hud,body.intro #hud{display:none}.hud-leiste{position:absolute;top:50%;transform:translateY(-50%);left:max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:10px}.hud-leiste button,.hud-btn{width:56px;min-height:56px;padding:4px 0 2px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-size:24px;line-height:1}.hud-leiste button svg.sym{width:34px;height:34px;filter:drop-shadow(0 2px 2px rgba(92,70,140,.22))}.hud-zahlen svg.sym.klein,.kat-kopf svg.sym.klein{width:22px;height:22px;vertical-align:-5px;margin-right:5px}.hud-btn svg.sym{width:32px;height:32px}.bauleiste button svg.sym{width:34px;height:34px}.hud-leiste button small,.hud-btn small{font-size:10.5px;margin:1px 0 0;font-weight:700;color:#5b5273}.hud-leiste button.an{background:#ffe3d3;box-shadow:inset 0 0 0 2px #f07a5a}.hud-zahlen{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;gap:8px;align-items:center}.hud-zahlen .marke{padding:8px 12px;font-size:16px}.hud-zoom{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.hud-zoom button{min-width:48px;padding:0;font-size:22px}.etikett{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:6px;background:#fff1dc;border-radius:14px;padding:5px 11px;font-weight:800;font-size:13px;white-space:nowrap;box-shadow:0 6px 16px #5c468c38;cursor:pointer}.etikett.offen{background:#e4f7d8}.etikett.haus{background:#ffe3d3;font-size:14px}.etikett .pfeil{display:inline-block}.los-knopf{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);min-height:56px;font-size:19px;background:#f07a5a;color:#fff;border-radius:20px;padding:0 22px;box-shadow:0 4px #2b234047,0 10px 24px #f07a5a59}.los-knopf small{color:#fff1e8}.inselblase{position:absolute;z-index:12;max-width:290px;min-width:120px;background:#fff8ecf7;border-radius:18px;padding:9px 14px 11px;box-shadow:0 10px 26px #5c468c42;text-align:center;transform:translate(-50%,-100%)}.inselblase .ib-name{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8e72c4}.inselblase .ib-en{font-size:21px;font-weight:800;line-height:1.15}.inselblase .ib-de{font-size:13.5px;color:#5b5273;font-weight:600;margin-top:2px}.inselblase .ib-plus{margin-top:4px;font-weight:800;font-size:14px;color:#b86a00}.inselblase .ib-wunsch{display:flex;gap:8px;align-items:center;margin-top:8px;padding-top:7px;border-top:2px dashed #E3D6EF;text-align:left}.inselblase .ib-wunsch.ok{color:#2d8a54}.inselblase .ib-wunsch .ib-en{font-size:16px}.inselblase .ib-ton{position:absolute;right:-8px;top:-10px;width:34px;min-width:34px;min-height:34px;height:34px;border-radius:50%;padding:0;font-size:15px;background:#ffd166}.baublase{position:absolute;z-index:12;background:#fff8ecf7;border-radius:18px;padding:8px;box-shadow:0 10px 26px #5c468c42;transform:translate(-50%,-100%)}.bb-reihe{display:flex;gap:8px;justify-content:center}.bb-reihe button{min-width:48px;font-size:22px;padding:0 8px}.bb-farben{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;max-width:250px;justify-content:center}.farbe{width:34px;min-width:34px;min-height:34px;height:34px;border-radius:50%;padding:0;box-shadow:inset 0 0 0 2px #2b234033}.farbe.gewaehlt{box-shadow:0 0 0 3px #fff8ec,0 0 0 6px #2b2340}.farbe.keine{background:#fffdf8 linear-gradient(135deg,transparent 46%,#F07A5A 46%,#F07A5A 54%,transparent 54%)}.bauleiste{position:absolute;left:max(14px,env(safe-area-inset-left));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:11}.bauleiste button{min-width:64px;min-height:58px;font-size:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 12px}.bauleiste button small{font-size:10.5px;margin:0}.bauleiste .haupt{background:#f07a5a;color:#fff}.bauleiste .haupt small{color:#fff1e8}.platzhinweis{position:absolute;left:50%;top:max(12px,env(safe-area-inset-top));transform:translate(-50%);z-index:11;background:#fff8ecf7;border-radius:18px;padding:8px 14px;text-align:center;font-size:14px;font-weight:600;box-shadow:0 10px 26px #5c468c42;display:flex;flex-direction:column;gap:6px;align-items:center;max-width:min(420px,92vw)}.platzhinweis button{min-height:44px;font-size:20px}.lagerkiste{position:absolute;left:50%;transform:translate(-50%);bottom:calc(max(14px,env(safe-area-inset-bottom)) + 70px);width:min(420px,94vw);max-height:42vh;overflow:auto;background:#fff8ecfa;border-radius:20px;padding:10px 12px;z-index:11;box-shadow:0 12px 30px #5c468c4d}.lager-liste{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.katalog{position:fixed;inset:0;background:linear-gradient(#fff4ea,#fbe6da);z-index:15;display:flex;flex-direction:column;color:#2b2340;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;pointer-events:auto}.kat-kopf{display:flex;align-items:center;gap:12px;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 6px max(14px,env(safe-area-inset-left));font-size:22px;font-weight:800}.kat-kopf b{flex:1}.kat-sprachen{display:flex;gap:4px}.kat-kopf .kat-sprachen button{min-width:52px;height:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:14px;opacity:.5}.kat-kopf .kat-sprachen .flagge{width:32px;height:22px;display:block}.kat-kopf .kat-sprachen button.aktiv{opacity:1;background:#fff4ea;box-shadow:0 0 0 2px #2b2340}.kat-kopf .marke{height:44px;box-sizing:border-box;padding:0 14px;display:inline-flex;align-items:center}.kat-kopf button{min-width:48px;padding:0;font-size:22px}.kat-koerper{flex:1;display:flex;flex-direction:column;min-height:0;padding:0 max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));gap:8px}.kat-tabs{display:flex;gap:6px;overflow-x:auto;flex:none;padding-bottom:4px}.kat-tab{display:flex;flex-direction:row;align-items:center;gap:6px;flex:none;padding:0 14px;min-height:44px;font-size:14px;border-radius:14px}.kat-tab.aktiv{background:#2b2340;color:#fff8ec}.kat-inhalt{flex:1;overflow-y:auto;min-width:0;-webkit-overflow-scrolling:touch;touch-action:pan-y}.kat-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.kat-kachel{display:flex;flex-direction:column;align-items:center;gap:1px;background:#fff4ea;border-radius:16px;padding:5px 4px 7px;box-shadow:0 2px #2b23401a;min-height:0;font-size:12px}.kat-kachel img{width:100%;aspect-ratio:1;border-radius:12px;display:block;background:#fff4ea;object-fit:contain}.kat-kachel img.laedt{background:linear-gradient(110deg,#fff4ea 30%,#fbe6da,#fff4ea 70%);background-size:200% 100%;animation:schimmer 1.2s linear infinite}@keyframes schimmer{to{background-position:-200% 0}}.kat-kachel .kn{font-weight:800;line-height:1.1;text-align:center}.kat-kachel .kw{font-size:11px;opacity:.7;font-weight:600}.kat-kachel .kp{font-weight:800;color:#b86a00}.kat-kachel.klein{width:92px}.kat-detail{display:flex;align-items:center;gap:12px;background:#fff8ecfa;border-top:2px solid #F0D9C8;padding:8px max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));flex-wrap:wrap}.kd-bild{width:76px;height:76px;object-fit:contain;border-radius:12px;background:#fff4ea}.kd-text{flex:1;display:flex;flex-direction:column;min-width:120px}.kd-wort{color:#2a6db0;font-weight:800;cursor:pointer}.kd-kauf{background:#f07a5a;color:#fff}.kat-zelt{display:flex;flex-direction:column;gap:8px}.zelt-zeile{display:flex;align-items:center;gap:12px;background:#fff4ea;border-radius:16px;padding:8px 12px}.zelt-zeile.aktuell{background:#e4f7d8}.zelt-zeile img{width:88px;height:88px;object-fit:contain}.zelt-zeile>div{flex:1;display:flex;flex-direction:column}.dialog{position:fixed;inset:0;background:#2b234073;z-index:30;display:flex;align-items:center;justify-content:center;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;color:#2b2340}.dialog-karte{background:#fff8ec;border-radius:24px;padding:16px 20px;max-width:420px;width:calc(100% - 40px);text-align:center;box-shadow:0 14px 40px #2b234059;display:flex;flex-direction:column;gap:6px}.dialog-karte h2{margin:0;font-size:22px}.dk-en{font-size:22px;font-weight:800;margin:0}.dk-de{margin:0;color:#5b5273;font-size:14px;font-weight:600}.dk-bild{width:120px;height:120px;margin:0 auto;border-radius:16px;background:#fff4ea}.dk-bild img{width:100%;height:100%;object-fit:contain}.dk-knoepfe{display:flex;gap:10px;justify-content:center;margin-top:8px;flex-wrap:wrap}.dk-knoepfe .primaer{background:#f07a5a;color:#fff}.toast-insel{position:fixed;left:50%;top:max(70px,env(safe-area-inset-top));transform:translate(-50%);background:#2b2340d9;color:#fff8ec;padding:9px 16px;border-radius:16px;font-weight:700;font-size:14px;z-index:40;pointer-events:none;max-width:90vw;text-align:center}.k-kachel{position:relative}.k-kachel.gesperrt img{opacity:.55}.k-kachel .preis{position:absolute;right:4px;top:4px;background:#ffd166;border-radius:10px;font-size:11px;font-weight:800;padding:1px 6px}.k-kachel .preis.buch{background:#e3d6ef}.tour{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(470px,calc(100% - 150px));box-sizing:border-box;z-index:12;background:#fff8ecf7;border-radius:20px;padding:8px 16px 10px;box-shadow:0 10px 30px #5c468c4d;animation:blase .35s cubic-bezier(.2,1.4,.4,1)}.tour-name{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8e72c4}.tour-titel{font-size:20px;font-weight:800;line-height:1.15;margin:1px 0 2px}.tour-text{font-size:14px;line-height:1.3;color:#5b5273;font-weight:600}.tour-punkte{display:flex;gap:6px;justify-content:center;margin:6px 0 0}.hilfe-karte .tour-punkte{margin:14px 0}.tour-punkte i{width:8px;height:8px;border-radius:50%;background:#e4daf3}.tour-punkte i.an{background:#f07a5a}.tour-knoepfe,.hilfe-knoepfe{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.tour-knoepfe button,.hilfe-knoepfe button{min-height:44px;font-size:15px}.tour-weiter,.hilfe-knoepfe .primaer{background:#f07a5a;color:#fff}.hilfe-puls{animation:hilfepuls 1s ease-in-out infinite;box-shadow:0 0 0 4px #f07a5a}@keyframes hilfepuls{50%{transform:scale(1.08)}}.los-knopf.hilfe-puls{transform:translate(-50%);animation-name:hilfepulslos}@keyframes hilfepulslos{50%{transform:translate(-50%) scale(1.08)}}.hilfe{position:fixed;inset:0;z-index:50;background:#2b23408c;display:flex;align-items:center;justify-content:center;padding:10px}.hilfe-karte{width:min(640px,100%);max-height:calc(100% - 4px);overflow:auto;box-sizing:border-box;background:#fff8ec;border-radius:24px;padding:10px 22px 12px;box-shadow:0 14px 40px #2b234066;text-align:center}.hilfe-sym{font-size:36px;line-height:1.1}.hilfe-karte h2{margin:2px 0 4px;font-size:22px}.hilfe-karte p{margin:0;font-size:16px;line-height:1.35;color:#4a4263;font-weight:600;min-height:4.2em}.hilfe-knoepfe{justify-content:space-between;flex-wrap:wrap}#dreh-hinweis{display:none}@media (orientation: landscape) and (min-width: 560px) and (max-height: 500px){body.in-lernen #dreh-hinweis:not(.weg){position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#2b2340eb;color:#fff8ec;text-align:center;font-weight:800}#dreh-hinweis .dh-icon{font-size:54px;animation:dh-drehen 1.6s ease-in-out infinite}#dreh-hinweis .dh-text{font-size:22px}#dreh-hinweis small{display:block;font-size:14px;font-weight:600;opacity:.8;margin-top:4px}}@keyframes dh-drehen{0%,20%{transform:rotate(90deg)}60%,to{transform:rotate(0)}}.hilfe-schritte{text-align:left;margin:6px auto 4px;padding-left:1.4em;max-width:480px;font-size:16px;line-height:1.4;color:#4a4263;font-weight:600}svg.sym.text{width:1.15em;height:1.15em;vertical-align:-.2em}.ib-ton svg.sym{width:22px;height:22px;vertical-align:middle}.aktionsrad{position:absolute;inset:0;z-index:14;background:#2b23401f}.aktions-knopf{position:absolute;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:0;background:#fff8ecf7;box-shadow:0 8px 20px #5c468c4d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#2b2340;font-family:inherit;animation:aktions-auf .18s ease-out}.aktions-knopf span{font-size:26px;line-height:1}.aktions-knopf small{font-size:11px;font-weight:800;letter-spacing:.04em}@keyframes aktions-auf{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.tm-knopf{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:100;padding:6px 12px;min-height:36px;border:0;border-radius:14px;background:#2b2340;color:#fff;font:700 13px ui-rounded,system-ui,sans-serif;opacity:.85}.tm-fenster{position:fixed;z-index:101;top:8px;bottom:8px;left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 16px));display:flex;flex-direction:column;background:#fffbf5;color:#2b2340;border-radius:18px;box-shadow:0 8px 30px #2b234059;font:14px ui-rounded,system-ui,sans-serif;overflow:hidden}.tm-kopf{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#2b2340;color:#fff}.tm-kopf button{width:44px;height:44px;border:0;background:none;color:#fff;font-size:20px}.tm-inhalt{overflow-y:auto;padding:10px 14px 16px;-webkit-overflow-scrolling:touch}.tm-inhalt h3{margin:14px 0 6px;font-size:14px}.tm-info{margin:0 0 8px}.tm-zeile{display:flex;flex-wrap:wrap;gap:8px}.tm-zeile button,.tm-gruppen button{min-height:44px;padding:8px 12px;border:0;border-radius:12px;background:#e9e1fa;color:#2b2340;font:700 13px ui-rounded,system-ui,sans-serif}.tm-gruppen{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.tm-gruppen button{display:flex;justify-content:space-between;align-items:center;text-align:left}.tm-gruppen button.ok{background:#d6f2dc;opacity:.7}.tm-gruppen small{margin-left:6px;font-weight:600;opacity:.7}.tm-geschichte{margin-top:8px}.tm-gname{font-weight:700;margin-bottom:4px}.tm-folgen{display:flex;flex-wrap:wrap;gap:6px}.tm-folgen button,.tm-zeile button[data-m],.tm-zeile button[data-t]{min-height:44px;padding:6px 12px;border:0;border-radius:12px;background:#e9e1fa;color:#2b2340;font:700 13px ui-rounded,system-ui,sans-serif}.tm-folgen button{min-width:64px;display:flex;flex-direction:column;align-items:center}.tm-folgen button.ok{background:#d6f2dc}.tm-folgen small{font-weight:600;opacity:.7;font-size:10px}.tm-unten{margin-top:18px}.tm-zeile button.tm-rot{background:#f9d2d0;color:#8a1c16}.inselkarte{position:fixed;inset:0;z-index:15;display:flex;flex-direction:column;background:linear-gradient(#fff4ea,#fbe6da);color:#2b2340;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;pointer-events:auto}.inselkarte{background:radial-gradient(ellipse at 50% 40%,#e9d5b7,#c9ad86)}.karte-buehne{flex:1;min-height:0;display:flex;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior:contain;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.karte-zu{position:absolute;z-index:5;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));min-width:48px;min-height:48px;padding:0;font-size:22px}.karte-flaeche{position:relative;flex:none;margin:auto}.karte-bild{z-index:0;pointer-events:none;position:absolute;inset:0;width:100%;height:100%;border-radius:2px;display:block;filter:sepia(.28) saturate(.85) contrast(.95);box-shadow:inset 0 0 0 2px #7855328c}.karte-zone{z-index:2;position:absolute;margin:-24px 0 0 -24px;width:48px;height:48px;padding:0;border:0;background:none;cursor:pointer}.kz-knopf{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff8ec;font-size:24px;box-shadow:0 3px #2b23402e,0 0 0 3px #6cc48a}.karte-zone.zu .kz-knopf{background:#efeaf5;box-shadow:0 3px #2b23401f,0 0 0 3px #b9aedb}.karte-zone:active{transform:none;box-shadow:none}.karte-zone:active .kz-knopf{transform:scale(.94)}.kz-name{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;white-space:nowrap;line-height:1.1;background:#fff8eceb;border-radius:10px;padding:2px 8px;pointer-events:none}.karte-zone.oben .kz-name{bottom:100%;margin-bottom:4px}.karte-zone.unten .kz-name{top:100%;margin-top:4px}.kz-name b{font-size:13px;font-weight:800}.kz-name small{font-size:11px;font-weight:600;opacity:.7}.karte-zelt{z-index:1;position:absolute;transform:translate(-50%,-50%);font-size:18px;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(43,35,64,.3))}.karte-emma{z-index:1;position:absolute;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:#e0654a;box-shadow:0 0 0 3px #fff,0 2px 6px #2b234059;pointer-events:none;animation:karte-puls 1.4s ease-in-out infinite}.karte-emma span{position:absolute;left:50%;bottom:100%;transform:translate(-50%);margin-bottom:5px;font-size:11px;font-weight:800;color:#fff;background:#e0654a;border-radius:8px;padding:1px 6px}@keyframes karte-puls{50%{transform:translate(-50%,-50%) scale(1.25)}}.sprung-decke{position:fixed;inset:0;z-index:16;background:#fff4ea;opacity:0;transition:opacity .3s ease;pointer-events:auto}.sprung-decke.zu{opacity:1}.karte-papier{position:absolute;inset:-12px;z-index:-1;background:#f3e6c8;border-radius:3px;box-shadow:0 10px 22px #3c281459,0 1px #ffffff80 inset;clip-path:polygon(0 1%,3% 0,8% 1.2%,14% 0,22% 1%,31% 0,40% 1.1%,50% 0,60% 1%,70% 0,79% 1.2%,88% 0,95% 1%,100% 0,99.4% 10%,100% 21%,99.2% 33%,100% 46%,99.4% 58%,100% 70%,99.3% 83%,100% 100%,94% 99%,86% 100%,76% 99%,66% 100%,55% 99.2%,45% 100%,35% 99%,24% 100%,14% 99.2%,6% 100%,0 99%,.6% 88%,0 74%,.7% 60%,0 47%,.6% 33%,0 20%,.6% 9%)}.karte-flaeche{isolation:isolate;filter:drop-shadow(0 8px 10px rgba(60,40,20,.3))}.karte-falten{position:absolute;inset:-12px;z-index:1;pointer-events:none;mix-blend-mode:multiply;--k: rgba(90, 60, 30, .3);--h: rgba(255, 250, 235, .55);background:linear-gradient(90deg,transparent calc(33.33% - 1.6%),var(--k) 33.08%,var(--h) 33.58%,transparent 34.93%),linear-gradient(90deg,transparent 65.06%,var(--k) 66.41%,var(--h) 66.91%,transparent calc(66.66% + 1.6%)),linear-gradient(0deg,transparent 47.6%,var(--k) 49.65%,var(--h) 50.35%,transparent 52.4%),linear-gradient(90deg,#fff0 0 33.33%,#785a320a 33.33% 66.66%,#fff0 66.66%),linear-gradient(135deg,#fff0 40%,#785a3214),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='4'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .32  0 0 0 0 .18  0 0 0 .22 0'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>")}.karte-kompass{position:absolute;right:10px;bottom:8px;width:54px;height:54px;z-index:1;pointer-events:none;opacity:.85;transform:rotate(-8deg)}.karte-kompass svg{width:100%;height:100%;display:block}.karte-zelt{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff8ec;box-shadow:0 0 0 2px #c0553e,0 2px 4px #3c281466;font-size:16px}.kz-name{background:#faeed2f2;box-shadow:0 1px 2px #3c28144d}.fried-woerter{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:8px 0 0}.fried-woerter:empty{display:none}.fried-wort{min-height:44px;padding:6px 14px;border:0;border-radius:22px;background:#e4daf3;color:#4a4263;font:inherit;font-size:15px;font-weight:700}.innen-blende{position:fixed;inset:0;z-index:14;background:#ffefd2;opacity:0;pointer-events:none;transition:opacity .28s ease}.innen-raus{position:absolute;left:max(14px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));min-height:48px;padding:0 18px;border-radius:24px;font-size:16px;font-weight:800;z-index:11}.kat-kachel .muster{display:block;width:100%;aspect-ratio:1.4;border-radius:12px;box-shadow:inset 0 0 0 2px #2b23401f}.kat-kachel.aktuell{box-shadow:0 0 0 3px #f07a5a}body.im-zelt .etikett,body.im-zelt .los-knopf{display:none!important}.bauleiste.innen{gap:6px}.bauleiste.innen button{min-height:48px;min-width:58px}.bauleiste.innen button svg.sym{width:28px;height:28px}.ib-spiel{margin-top:8px;min-height:44px;padding:0 16px;border-radius:22px;font-size:15px;font-weight:800;background:#b8e8c8}.sw-leiste{position:absolute;left:50%;transform:translate(-50%);top:max(10px,env(safe-area-inset-top));display:flex;gap:10px;align-items:center;padding:6px 8px 6px 16px;border-radius:26px;background:#fff8ecf5;box-shadow:0 6px 18px #5c468c38;font-weight:800;z-index:11}.sw-zahl{font-size:15px;color:#2b2340}.sw-zahl.sw-oben{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));background:#fff8ecf5;padding:10px 14px;border-radius:20px;box-shadow:0 4px 12px #5c468c33}.sw-klein,.sw-gross,.sw-knopf{min-height:44px;padding:0 18px;border-radius:22px;font-size:15px;font-weight:800;background:#ffd166;color:#2b2340}.sw-klein.leise,.sw-gross.leise,.sw-klein:disabled,.sw-gross:disabled{background:#e8e1d8;color:#8a8296}.sw-gross{min-height:52px;padding:0 26px;font-size:17px;border-radius:26px}.sw-knopf{position:absolute;z-index:12;box-shadow:0 6px 16px #5c468c47}.sw-knopf.sw-mittig{left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);min-height:56px;padding:0 26px;font-size:18px;background:#f07a5a;color:#fff}.sw-knopf.gross{min-height:72px;padding:0 42px;font-size:24px;animation:sw-puls .5s ease-in-out infinite alternate}@keyframes sw-puls{to{transform:translate(-50%) scale(1.06)}}.sw-tafel{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 28px);overflow:auto;background:#fff8ecfa;border-radius:22px;padding:10px 14px 14px;box-shadow:0 10px 28px #5c468c4d;z-index:12;color:#2b2340}.sw-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:17px}.sw-x{min-width:44px;min-height:44px;border-radius:22px;font-size:18px;font-weight:800;background:#f2e8da}.sw-voll{position:fixed;inset:0;z-index:40;background:linear-gradient(#fff4ea,#f6e3f2);color:#2b2340;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif}.sw-blende{position:fixed;inset:0;z-index:60;background:#fff8ec;opacity:0;transition:opacity .3s;pointer-events:none}.rh-lieder{display:flex;gap:12px;justify-content:center;align-items:center;flex:1}.rh-lied{width:180px;min-height:140px;border-radius:24px;background:#fffdf8;box-shadow:0 6px #e8dfce;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:18px}.rh-lied small{color:#5b5273;font-size:13px}.rh-note{font-size:38px}.rh-feld{flex:1;display:flex;flex-direction:column;align-items:center;min-height:0}.rh-info{min-height:22px;font-weight:800;color:#8e72c4;font-size:15px}.rh-bahn{flex:1;display:flex;gap:8px;width:min(420px,90vw);min-height:0}.rh-spur{position:relative;flex:1;border-radius:16px;background:#ffffffb3;overflow:hidden;box-shadow:inset 0 0 0 3px var(--f)}.rh-ziel{position:absolute;left:6px;right:6px;top:84%;height:6px;border-radius:3px;background:var(--f);opacity:.8}.rh-n{position:absolute;left:50%;top:-28px;width:36px;height:36px;margin-left:-18px;border-radius:50%;background:var(--f);border:4px solid #fff;box-shadow:0 3px 6px #0003;opacity:0}.rh-tasten{display:flex;gap:8px;width:min(420px,90vw);margin-top:8px}.rh-taste{flex:1;min-height:62px;border-radius:20px;background:var(--f);box-shadow:0 5px #0000002e;touch-action:manipulation}.rh-taste.an{transform:translateY(4px);box-shadow:0 1px #0000002e;filter:brightness(1.15)}.rh-ergebnis{margin:auto;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;font-size:20px}.rh-applaus{font-size:52px}.rh-rekord{font-weight:800;color:#b86a00}.sw-mal{flex-direction:row;gap:12px;align-items:stretch}.mal-flaeche{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.mal-canvas{max-width:100%;max-height:100%;aspect-ratio:4 / 3;height:min(100%,76vw * .75);image-rendering:pixelated;background:#fffdf8;border-radius:10px;box-shadow:0 0 0 6px #c39a76,0 8px 18px #5c468c4d;cursor:crosshair}.mal-seite{width:190px;display:flex;flex-direction:column;gap:8px;justify-content:center}.mal-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.mal-farbe{aspect-ratio:1;min-height:40px;border-radius:12px;border:3px solid #fff;box-shadow:0 0 0 2px #e8dfce}.mal-farbe.an{box-shadow:0 0 0 4px #8e72c4;transform:scale(1.06)}.mal-werkzeuge{display:flex;gap:5px}.mal-werkzeuge button{flex:1;min-height:44px;border-radius:14px;background:#fffdf8;font-size:16px;box-shadow:0 3px #e8dfce}.mal-werkzeuge button.an{background:#ffd166}.mal-aktionen{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mal-aktionen button{min-height:44px;border-radius:14px;background:#fffdf8;font-weight:700;font-size:13px;box-shadow:0 3px #e8dfce}.mal-aktionen button.haupt{background:#6cc6a8;color:#fff}.mal-galerie{position:fixed;inset:0;background:linear-gradient(#fff4ea,#f6e3f2);z-index:41;padding:10px 16px;overflow:auto}.mal-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.mal-kachel{position:relative}.mal-kachel canvas{width:100%;aspect-ratio:4 / 3;image-rendering:pixelated;border-radius:8px;box-shadow:0 0 0 4px #c39a76}.mal-kachel.an canvas{box-shadow:0 0 0 4px #8e72c4}.mal-loeschen{position:absolute;top:-8px;right:-8px;min-width:44px;min-height:44px;border-radius:22px;background:#f2e8da;font-weight:800}.mal-loeschen.sicher{background:#f07a5a;color:#fff;font-size:12px}.sw-musik{padding-top:6px}.sw-musik .sw-x{position:absolute;top:4px;right:4px}.mu-reihe{display:flex;gap:6px;height:120px;align-items:flex-end;margin-right:50px}.mu-taste{flex:1;min-width:44px;height:100%;border-radius:0 0 14px 14px;box-shadow:0 4px #0000002e;touch-action:manipulation}.sw-musik.balken .mu-taste{border-radius:14px}.sw-musik.pads .mu-taste{border-radius:50%;height:100px;max-width:130px}.sw-musik.saiten .mu-reihe{flex-direction:column;height:auto;gap:4px}.sw-musik.saiten .mu-taste{height:24px;border-radius:12px;box-shadow:none}.mu-taste.an{filter:brightness(1.2);transform:translateY(3px)}.sw-garten{left:auto;right:max(76px,env(safe-area-inset-right));transform:none;width:min(420px,54vw);max-height:78vh}.sw-garten.sw-markt{width:min(470px,60vw)}.sw-garten .ga-sorten{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ga-sorte{min-width:0;overflow:hidden;text-align:center;overflow-wrap:anywhere}@media (max-aspect-ratio: 1/1){.sw-garten,.sw-garten.sw-markt{left:50%;right:auto;transform:translate(-50%);width:calc(100vw - 24px)}.sw-garten .ga-sorten{grid-template-columns:repeat(3,minmax(0,1fr))}}.sw-garten .ga-sorte{min-height:76px;font-size:12px}.ga-sorten{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ga-sorte{min-height:84px;border-radius:16px;background:#fffdf8;box-shadow:0 4px #e8dfce;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;font-weight:700;padding:4px}.ga-sorte.zu{opacity:.45}.ga-sorte small{display:block;font-weight:600;color:#8a8296}.sw-garten img{width:44px;height:44px;object-fit:contain;flex:none}.sw-garten .ga-korbteil img{width:34px;height:34px}.sw-garten .ga-zeile img{width:64px;height:64px}.sw-garten .ga-sorte img{width:44px;height:44px}.ga-zeile{display:flex;align-items:center;gap:12px}.ga-leiste{width:200px;height:10px;border-radius:5px;background:#e8dfce;overflow:hidden;margin:4px 0}.ga-leiste i{display:block;height:100%;background:#6cc6a8}.ga-knoepfe{margin-top:10px;display:flex;justify-content:center}.ga-korb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.ga-korb .leer{color:#8a8296;font-size:13px}.ga-korbteil{display:inline-flex;align-items:center;gap:2px}.ga-bestellung{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:14px;background:#fffdf8;margin-bottom:6px}.ga-bestellung.fertig{opacity:.55}.ga-wer{font-weight:800;min-width:64px}.ga-will{flex:1;display:flex;gap:8px}.ga-ok{font-weight:700;color:#2d8a54}.ga-hinweis{margin:4px 0 0;font-size:13px;color:#5b5273}.mu-etikett{position:absolute;transform:translate(-50%);padding:4px 10px;border-radius:12px;background:#fffdf8f0;border:3px solid #E0B43A;font-size:12px;font-weight:800;white-space:nowrap;pointer-events:none;z-index:9}.mu-schild{z-index:13}.mu-schild .sw-klein{margin-top:6px;min-height:40px}body.im-museum #hud .hud-leiste,body.im-museum #hud .hud-zoom{display:none}.sw-fundkarte{display:flex;gap:14px;align-items:flex-start;width:min(620px,calc(100vw - 24px))}.sw-fundkarte .fk-bild{width:120px;height:120px;object-fit:contain;flex:none;background:radial-gradient(#fff4c2,#f2e8da);border-radius:18px}.sw-fundkarte .fk-text{flex:1;min-width:0}.sw-fundkarte small{color:#8e72c4;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:11px;display:block}.sw-fundkarte b{font-size:18px;display:block}.sw-fundkarte .fk-en{display:inline-block;margin:2px 0 4px;padding:2px 12px;border-radius:14px;background:#ffd166;font-weight:800;font-style:italic;font-size:17px}.sw-fundkarte p{margin:2px 0 6px;font-size:13px;color:#5b5273;line-height:1.35}.fk-frage b{font-size:14px;margin-bottom:4px}.fk-antwort{display:block;width:100%;min-height:40px;margin:3px 0;padding:0 12px;border-radius:14px;background:#fffdf8;box-shadow:0 3px #e8dfce;font-size:14px;font-weight:700;text-align:left}.fk-antwort.richtig{background:#c9f0dc}.fk-antwort.falsch{background:#ffe3d3;opacity:.7}.fk-rueck{min-height:18px;font-size:13px;font-weight:700;color:#2d8a54}.fk-weiter{position:absolute;right:12px;top:8px;min-height:40px}.sw-fundkarte .fk-mehr{margin-top:4px;min-height:40px;background:#e8dff5}.sw-lesen{width:min(560px,calc(100vw - 24px));max-height:70vh;z-index:14}.sw-lesen p{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:#3e3558}.sw-lesen small{color:#8e72c4;font-weight:800;font-size:12px}.bq-antworten{display:flex;flex-direction:column;gap:8px;margin:8px 0 6px}.bq-antwort{min-height:48px;padding:8px 14px;font-size:17px;font-weight:700;border-radius:16px;border:2px solid #D9CFF2;background:#fff;color:#2b2340;cursor:pointer}.bq-antwort.richtig{background:#cdf3d2;border-color:#4cb98a}.bq-antwort.falsch{background:#ffe0e0;border-color:#e98a8a;opacity:.7}.hilfe-karte p.bq-hinweis{min-height:2.6em;color:#7a5cc8}.hilfe-karte p.bq-lala{min-height:0}.bq-brief{text-align:left;max-height:46vh;overflow:auto}.bq-brief p{min-height:0;margin:0 0 6px;font-size:15px}