:root{--nacht-tief:#0d1030;--nacht-mittel:#161a45;--laterne-warm:#ff9d4d;--laterne-glut:#e2542c;--gold:#e8c27a;--papier:#f3e9d6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--papier);background-color:var(--nacht-tief);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0;overflow-x:hidden}body{background:radial-gradient(ellipse at 50% 0%, var(--nacht-mittel) 0%, var(--nacht-tief) 70%) fixed;min-height:100dvh}#root{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--raum-2);min-height:var(--touch-min);min-width:var(--touch-min);padding:var(--raum-3) var(--raum-5);font:inherit;text-align:center;border:1px solid var(--gold-linie);border-radius:var(--radius-gross);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform var(--dauer-kurz) var(--kurve), background-color var(--dauer-kurz) var(--kurve), border-color var(--dauer-kurz) var(--kurve), opacity var(--dauer-kurz) var(--kurve);font-size:1rem;font-weight:600;line-height:1.2;display:inline-flex}.btn--primaer{color:var(--nacht-schatten);background:linear-gradient(160deg, var(--laterne-warm) 0%, var(--laterne-glut) 100%);border-color:#0000;box-shadow:0 0 1.5rem #ff9d4d47}.btn--sekundaer{color:var(--papier);background-color:var(--papier-flaeche)}.btn--dezent{color:var(--papier-gedimmt);padding-inline:var(--raum-3);background-color:#0000;border-color:#0000}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.42;cursor:not-allowed;border-style:dashed}@media (hover:hover) and (pointer:fine){.btn--sekundaer:hover:not(:disabled){background-color:#f3e9d61f}.btn--dezent:hover:not(:disabled){color:var(--papier)}}.asset{background-color:#0000;max-width:100%;height:auto;display:block}.himmel{z-index:var(--z-karte);pointer-events:none;background:radial-gradient(ellipse 120% 70% at 50% 100%, #e2542c29 0%, transparent 60%), linear-gradient(to bottom, var(--nacht-schatten) 0%, var(--nacht-tief) 45%, var(--nacht-mittel) 100%);position:absolute;inset:0;overflow:hidden}.himmel__mond{aspect-ratio:1;background:radial-gradient(circle at 38% 34%,#fdf6e6 0%,#e8dcc0 70%);border-radius:50%;width:clamp(56px,16vw,104px);position:absolute;top:9%;right:14%;box-shadow:0 0 3rem #fdf6e659,0 0 7rem #e8c27a2e}.himmel__wolke{filter:blur(6px);background:#f3e9d612;border-radius:999px;height:clamp(18px,5vw,34px);position:absolute}.himmel__wolke--1{width:62%;animation:90s linear infinite wolke-ziehen;top:15%;left:-12%}.himmel__wolke--2{opacity:.7;width:48%;animation:130s linear infinite reverse wolke-ziehen;top:26%;left:28%}.himmel__daecher{width:100%;height:clamp(120px,30vh,260px);position:absolute;bottom:0;left:0;right:0}.himmel__ebene{pointer-events:none;position:absolute;left:0;right:0}.himmel__ebene .asset{object-fit:cover;width:100%;height:100%}.himmel__ebene--fern{inset:0}.himmel__ebene--daecher{opacity:.55;filter:brightness(.5)saturate(.55)blur(1px);height:clamp(150px,38vh,320px);bottom:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 28% 100%);mask-image:linear-gradient(#0000 0%,#000 28% 100%)}.himmel__ebene--daecher .asset{object-fit:cover;object-position:bottom}.himmel__ebene--kette{height:clamp(90px,22vh,190px);top:0}.himmel__ebene--kette .asset{object-fit:cover;object-position:top}.himmel__dach--hinten{fill:var(--nacht-schatten);opacity:.72}.himmel__dach--vorne{fill:#05061a}@keyframes wolke-ziehen{0%{transform:translate(0)}to{transform:translate(60vw)}}@media (prefers-reduced-motion:reduce){.himmel__wolke{animation:none}}.start{flex-direction:column;justify-content:flex-end;min-height:100dvh;display:flex;position:relative;overflow:hidden}.start__inhalt{z-index:var(--z-ui);align-items:center;gap:var(--raum-4);padding:var(--raum-6) var(--raum-4) calc(var(--raum-6) + 1rem);text-align:center;background:linear-gradient(to top, var(--nacht-tief) 12%, #0d1030db 55%, transparent 100%);flex-direction:column;display:flex;position:relative}.start__titel{letter-spacing:.005em;text-wrap:balance;color:var(--papier);text-shadow:0 0 2.5rem #ff9d4d52;margin:0;font-size:clamp(1.75rem,8.5vw,3rem);font-weight:700;line-height:1.15}.start__untertitel{max-width:26ch;color:var(--papier-gedimmt);text-wrap:pretty;margin:0;font-size:clamp(.95rem,4vw,1.1rem);line-height:1.5}.start__aktionen{gap:var(--raum-3);margin-top:var(--raum-2);flex-wrap:wrap;justify-content:center;display:flex}.start__aktionen .btn{min-width:8.5rem}.anleitung{justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.anleitung__inhalt{z-index:var(--z-ui);align-items:center;gap:var(--raum-5);width:min(30rem,100%);margin:var(--raum-4);padding:var(--raum-6) var(--raum-5);border:1px solid var(--gold-linie);border-radius:var(--radius-gross);background:#0d1030e0;flex-direction:column;display:flex;position:relative}.anleitung__titel{margin:0;font-size:clamp(1.3rem,6vw,1.75rem)}.anleitung__liste{gap:var(--raum-3);color:var(--papier-gedimmt);flex-direction:column;margin:0;padding-left:1.35rem;font-size:1.02rem;line-height:1.5;display:flex}.anleitung__liste li::marker{color:var(--gold);font-weight:700}.buchstaben{align-items:center;gap:var(--raum-2);flex-direction:column;display:flex}.buchstaben__label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);opacity:.8;font-size:.72rem}.buchstaben__liste{gap:var(--raum-2);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.buchstaben__karte{width:2.35rem;height:2.75rem;color:var(--nacht-schatten);background:linear-gradient(165deg, #f7efdd 0%, var(--papier) 100%);border-radius:var(--radius-klein);animation:buchstabe-auftauchen var(--dauer-lang) var(--kurve) both;place-items:center;font-size:1.25rem;font-weight:700;display:grid;box-shadow:0 2px #00000059}@keyframes buchstabe-auftauchen{0%{opacity:0;transform:translateY(.5rem)scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.buchstaben__karte{animation:none}}.laterne{--groesse:var(--laterne-groesse,44px);width:var(--groesse);flex-direction:column;align-items:center;display:inline-flex;position:relative}.laterne__buegel{width:2px;height:calc(var(--groesse) * .16);background:var(--gold);opacity:.6}.laterne__koerper{width:var(--groesse);height:calc(var(--groesse) * 1.15);border:1px solid var(--gold-linie);transition:background-color var(--dauer-lang) var(--kurve), box-shadow var(--dauer-lang) var(--kurve);border-radius:46% 46% 42% 42%/40% 40% 52% 52%;position:relative;overflow:hidden}.laterne__licht{border-radius:inherit;opacity:0;transition:opacity var(--dauer-lang) var(--kurve);background:radial-gradient(circle at 50% 38%, var(--laterne-warm) 0%, var(--laterne-glut) 72%);position:absolute;inset:0}.laterne__quaste{width:2px;height:calc(var(--groesse) * .2);background:var(--laterne-glut);opacity:.75}.laterne--aus .laterne__koerper{background-color:var(--nacht-schatten);box-shadow:none}.laterne--an .laterne__koerper{background-color:var(--laterne-glut);box-shadow:0 0 calc(var(--groesse) * .5) #ff9d4d8c, 0 0 calc(var(--groesse) * 1.2) #e2542c4d}.laterne--an .laterne__licht{opacity:1;animation:5s ease-in-out infinite laterne-flackern}@keyframes laterne-flackern{0%,to{opacity:1}45%{opacity:.88}70%{opacity:.96}}@media (prefers-reduced-motion:reduce){.laterne--an .laterne__licht{animation:none}}.stand{align-items:center;gap:var(--raum-1);min-width:96px;min-height:120px;padding:var(--raum-2);font:inherit;color:var(--papier-gedimmt);border-radius:var(--radius-gross);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--dauer-kurz) var(--kurve);background:0 0;border:0;flex-direction:column;display:flex}.stand:active{transform:scale(.95)}.stand__bild{aspect-ratio:1;width:clamp(72px,19vw,122px);display:block}.stand__bild .asset,.stand__bau{filter:brightness(.72)saturate(.6);width:100%;height:100%;transition:filter var(--dauer-lang) var(--kurve)}.stand--geloest .stand__bild .asset,.stand--geloest .stand__bau{filter:brightness(1.06)saturate(1.08)drop-shadow(0 0 1.2rem #ff9d4d73)}.stand__dach{fill:#05061a}.stand__korpus{fill:var(--nacht-schatten);stroke:var(--gold-linie);stroke-width:1px}.stand__theke{fill:#1d2150}.stand--geloest{color:var(--papier)}.stand__name{letter-spacing:.02em;text-align:center;text-wrap:balance;box-shadow:0 0 0 1px var(--gold-linie);background:#05061ac7;border-radius:999px;padding:.15rem .45rem;font-size:.68rem}@media (hover:hover) and (pointer:fine){.stand:hover{transform:translateY(-2px)}}@media (height<=560px){.stand{min-width:88px;min-height:88px;padding:var(--raum-1);gap:0}.stand__bild{width:clamp(48px,13vh,86px)}.stand__name{padding:.1rem .35rem;font-size:.6rem}}@media (prefers-reduced-motion:reduce){.stand__bild .asset,.stand__bau,.stand{transition:none}}.karte{flex-direction:column;min-height:100dvh;display:flex;overflow:hidden}.karte__kopf{padding:var(--raum-3) var(--raum-4) var(--raum-2);text-align:center}.karte__titel{margin:0;font-size:clamp(1.1rem,5vw,1.5rem);font-weight:600}.karte__stand{margin:var(--raum-1) 0 0;color:var(--gold);letter-spacing:.03em;font-size:.82rem}.karte__szene{overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;flex:auto;align-items:stretch;min-height:0;display:flex;overflow:auto hidden}.karte__welt{flex:none;width:max(185vw,46rem);min-height:100%;position:relative}.karte__himmel{border-radius:0}.karte__staende{z-index:var(--z-ui);margin:0;padding:0;list-style:none;position:absolute;inset:0}.karte__stand-eintrag{scroll-snap-align:center;position:absolute;transform:translate(-50%,-50%)}.karte__buehne{z-index:var(--z-ui);width:clamp(130px,30vw,220px);transition:filter var(--dauer-lang) var(--kurve);pointer-events:none;place-items:center;display:grid;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.karte__buehne .asset{width:100%;height:auto}.karte__buehne--hell{filter:drop-shadow(0 0 2.5rem #ff9d4d73)}.karte__fuss{align-items:center;gap:var(--raum-3);padding:var(--raum-3) var(--raum-4) var(--raum-5);background:linear-gradient(to top, var(--nacht-tief) 60%, transparent 100%);flex-direction:column;display:flex}.karte__aktionen{gap:var(--raum-2);flex-wrap:wrap;justify-content:center;display:flex}.karte__dialog-hintergrund{z-index:var(--z-overlay);padding:var(--raum-4);background:#05061ad1;place-items:center;display:grid;position:fixed;inset:0}.karte__dialog{width:min(26rem,100%);padding:var(--raum-5);gap:var(--raum-3);text-align:center;background:var(--nacht-mittel);border:1px solid var(--gold-linie);border-radius:var(--radius-gross);flex-direction:column;display:flex}.karte__dialog-titel{margin:0;font-size:1.15rem}.karte__dialog-text{color:var(--papier-gedimmt);margin:0;font-size:.92rem;line-height:1.5}.karte__dialog-aktionen{gap:var(--raum-2);flex-wrap:wrap;justify-content:center;display:flex}@media (width>=900px){.karte__welt{width:100%}}@media (height<=560px){.karte__kopf{padding:var(--raum-2) var(--raum-4) var(--raum-1)}.karte__titel{font-size:1rem}.karte__stand{font-size:.75rem}.karte__fuss{gap:var(--raum-2);padding:var(--raum-2) var(--raum-4) var(--raum-3)}.karte__buehne{width:clamp(90px,18vw,150px)}}.konfetti{z-index:var(--z-karte);pointer-events:none;position:absolute;inset:0;overflow:hidden}.konfetti__teil{opacity:.9;border-radius:1px;height:10px;animation-name:konfetti-fallen;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-6%}@keyframes konfetti-fallen{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.9}to{opacity:.85;transform:translateY(112dvh)rotate(560deg)}}.finale{place-items:center;min-height:100dvh;display:grid;position:relative;overflow:hidden}.finale--hell:after{content:"";z-index:var(--z-karte);pointer-events:none;background:radial-gradient(120% 80% at 50% 100%,#ff9d4d4d 0%,#e2542c1f 40%,#0000 72%);position:absolute;inset:0}.finale__wolken{z-index:var(--z-karte);pointer-events:none;opacity:.35;position:absolute;top:8%;left:0;right:0}.finale__wolken .asset{width:100%;height:auto}.finale__inhalt{z-index:var(--z-ui);align-items:center;gap:var(--raum-4);padding:var(--raum-6) var(--raum-4);text-align:center;flex-direction:column;display:flex;position:relative}.finale__hinweis{color:var(--gold);transition:opacity var(--dauer-lang) var(--kurve);margin:0;font-size:clamp(.95rem,4vw,1.1rem)}.finale__hinweis--versteckt{opacity:0}.finale__buchstaben{gap:var(--raum-2);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.finale__buchstabe{width:clamp(2.4rem,11vw,3.4rem);height:clamp(2.9rem,13vw,4.2rem);color:var(--nacht-schatten);background:linear-gradient(165deg, #f7efdd 0%, var(--papier) 100%);border-radius:var(--radius-klein);transition:transform var(--dauer-lang) var(--kurve), box-shadow var(--dauer-lang) var(--kurve);place-items:center;font-size:clamp(1.35rem,6.5vw,2rem);font-weight:700;display:grid;box-shadow:0 3px #00000059}.finale__buchstaben--geordnet .finale__buchstabe{animation:buchstabe-einrasten var(--dauer-lang) var(--kurve) both;box-shadow:0 3px #00000059,0 0 2rem #ff9d4d73}.finale__buchstaben--geordnet .finale__buchstabe:first-child{animation-delay:0s}.finale__buchstaben--geordnet .finale__buchstabe:nth-child(2){animation-delay:90ms}.finale__buchstaben--geordnet .finale__buchstabe:nth-child(3){animation-delay:.18s}.finale__buchstaben--geordnet .finale__buchstabe:nth-child(4){animation-delay:.27s}.finale__buchstaben--geordnet .finale__buchstabe:nth-child(5){animation-delay:.36s}.finale__buchstaben--geordnet .finale__buchstabe:nth-child(6){animation-delay:.45s}.finale__buchstaben--geordnet .finale__buchstabe:nth-child(7){animation-delay:.54s}.finale__loesung{letter-spacing:.06em;color:var(--papier);margin:0;font-size:clamp(1rem,4.5vw,1.2rem);font-weight:600}.finale__nachricht{max-width:28ch;color:var(--papier-gedimmt);margin:0;font-size:.95rem;line-height:1.5}.finale__aktionen{gap:var(--raum-2);flex-wrap:wrap;justify-content:center;display:flex}.finale__aktionen a.btn{text-decoration:none}@keyframes buchstabe-einrasten{0%{opacity:.4;transform:translateY(-.6rem)rotate(-4deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.finale__buchstaben--geordnet .finale__buchstabe{animation:none}.finale__hinweis{transition:none}}.ladeanzeige{justify-content:center;align-items:center;gap:var(--raum-4);min-height:100dvh;padding:var(--raum-5);flex-direction:column;display:flex}.ladeanzeige__text{color:var(--papier-gedimmt);text-align:center;margin:0;font-size:.95rem}:root{--nacht-tief:#0d1030;--nacht-mittel:#161a45;--nacht-schatten:#080a1f;--laterne-warm:#ff9d4d;--laterne-glut:#e2542c;--gold:#e8c27a;--jade:#4c9e86;--papier:#f3e9d6;--papier-gedimmt:#f3e9d6b8;--papier-flaeche:#f3e9d60f;--gold-linie:#e8c27a47;--fehler:#e0655f;--raum-1:.25rem;--raum-2:.5rem;--raum-3:.75rem;--raum-4:1rem;--raum-5:1.5rem;--raum-6:2rem;--radius-klein:.5rem;--radius-gross:1rem;--touch-min:44px;--dauer-kurz:.2s;--dauer-mittel:.3s;--dauer-lang:.55s;--kurve:cubic-bezier(.22, .61, .36, 1);--z-karte:1;--z-ui:10;--z-overlay:100}.spielflaeche{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}:where(button,[role=button],a,input,[tabindex]):focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:var(--radius-klein)}.nur-fuer-screenreader{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#root{isolation:isolate}