:root{--grund: #070b18;--grund-erhoben: #101728;--linie: #26304a;--schrift: #e8ecf7;--schrift-leise: #9aa6c4;--licht: #ffd98c;--warnung: #ff9f7f;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--schrift);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}.buehne{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}.buehne__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.tafel{position:absolute;top:1rem;left:1rem;max-width:min(22rem,calc(100vw - 2rem));padding:1rem 1.15rem;background:#101728e0;border:1px solid var(--linie);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tafel__titel{margin:0 0 .35rem;font-size:1rem;letter-spacing:.02em}.tafel__zeile{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem}.tafel__wert{color:var(--licht);text-align:right}.tafel__hinweis{margin:.6rem 0 0;font-size:.8rem;color:var(--schrift-leise)}.herkunft{display:inline-block;margin-top:.6rem;padding:.15rem .5rem;font-size:.75rem;border-radius:999px;border:1px solid var(--linie)}.herkunft--fixture{color:var(--warnung);border-color:var(--warnung)}.herkunft--truecode{color:var(--licht);border-color:var(--licht)}.ankunft{position:relative;display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:2rem 1.25rem;overflow:hidden;background:var(--grund)}.ankunft__karte{position:relative;z-index:1;width:min(34rem,100%);padding:1.75rem;background:#101728eb;border:1px solid var(--linie);border-radius:var(--radius);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sternenhimmel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.sternenhimmel__stern{position:absolute;border-radius:50%;background:var(--schrift);opacity:.6;animation:stern-funkeln 3s ease-in-out infinite}@keyframes stern-funkeln{0%,to{opacity:.25}50%{opacity:.9}}.sternenhimmel__faltung{position:absolute;top:0;right:0;bottom:0;left:0}.sternenhimmel__aktivierung{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--licht);opacity:0;animation:aktivierung-stempeln 2.4s ease-out infinite;box-shadow:0 0 6px 2px var(--licht)}@keyframes aktivierung-stempeln{0%{opacity:0;transform:scale(.4)}15%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:0;transform:scale(1.2)}}.ortsvorschlaege{list-style:none;margin:.3rem 0 0;padding:0;max-height:12rem;overflow-y:auto;border:1px solid var(--linie);border-radius:8px}.ortsvorschlaege__eintrag{display:block;width:100%;text-align:left;padding:.5rem .65rem;font:inherit;color:var(--schrift);background:var(--grund-erhoben);border:0;border-bottom:1px solid var(--linie);cursor:pointer}.ortsvorschlaege__eintrag:last-child{border-bottom:0}.ortsvorschlaege__eintrag:hover,.ortsvorschlaege__eintrag:focus-visible{background:var(--grund)}.knopf--link{padding:0;font:inherit;color:var(--licht);background:none;border:0;text-decoration:underline;cursor:pointer}.ankunft__titel{margin:0 0 .75rem;font-size:1.45rem}.ankunft__text{margin:0 0 1rem;color:var(--schrift-leise)}.ankunft__hinweis{margin:0 0 1.25rem;padding:.7rem .85rem;font-size:.85rem;border-left:3px solid var(--licht);background:#ffd98c14}.feld{display:grid;gap:.3rem;margin-bottom:.9rem}.feld__marke{font-size:.85rem;color:var(--schrift-leise)}.feld__hinweis{font-size:.78rem;color:var(--schrift-leise);opacity:.8}.feld input,.feld select{padding:.55rem .65rem;font:inherit;color:var(--schrift);background:var(--grund);border:1px solid var(--linie);border-radius:8px}.feld input:focus-visible,.feld select:focus-visible,button:focus-visible{outline:2px solid var(--licht);outline-offset:2px}.einwilligung{display:flex;gap:.6rem;align-items:flex-start;margin:1rem 0;font-size:.88rem}.einwilligung input[type=checkbox]{flex:none;width:1.35rem;height:1.35rem;margin-top:.1rem;accent-color:var(--licht);cursor:pointer}.knopf{padding:.6rem 1.1rem;font:inherit;font-weight:600;cursor:pointer;color:var(--grund);background:var(--licht);border:none;border-radius:8px}.knopf:disabled{opacity:.5;cursor:not-allowed}.knopf--leise{color:var(--schrift);background:transparent;border:1px solid var(--linie)}.fehler{margin:.9rem 0 0;padding:.7rem .85rem;font-size:.88rem;color:var(--warnung);border:1px solid var(--warnung);border-radius:8px}.tafel__aktionen{display:flex;gap:.5rem;margin-top:.9rem;flex-wrap:wrap}.tafel__aktionen .knopf{flex:1 1 auto}.ueberlagerung{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:1.5rem;background:#04060eb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.karte,.tagebuch{width:min(38rem,100%);max-height:min(88vh,46rem);overflow-y:auto;padding:1.5rem;background:var(--grund-erhoben);border:1px solid var(--linie);border-radius:var(--radius)}.karte__kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.karte__titel{margin:0 0 .2rem;font-size:1.2rem}.karte__untertitel{margin:0;font-size:.85rem;color:var(--schrift-leise)}.karte__graph{width:100%;aspect-ratio:1 / 1}.karte__bruecke{stroke:var(--licht);stroke-width:.6;opacity:.85}.karte__steg{stroke:var(--warnung);stroke-width:.4;opacity:.55}.karte__kammer--eigenlicht{fill:var(--licht)}.karte__kammer--gezeit{fill:var(--schrift-leise);opacity:.5}.karte__kammer--verhuellt{fill:var(--linie);opacity:.6}.karte__kammer--gewandelt{stroke:var(--licht);stroke-width:.8}.karte__fortschritt{display:flex;justify-content:space-between;margin:.9rem 0 .4rem;font-size:.85rem}.karte__legende{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.35rem;font-size:.8rem;color:var(--schrift-leise)}.karte__legende li{display:flex;align-items:center;gap:.5rem}.karte__punkt{width:.7rem;height:.7rem;border-radius:999px;display:inline-block}.karte__punkt--eigenlicht{background:var(--licht)}.karte__punkt--gezeit{background:var(--schrift-leise);opacity:.6}.karte__linie{width:1.2rem;height:0;border-top:2px solid;display:inline-block}.karte__linie--bruecke{border-color:var(--licht)}.karte__linie--steg{border-color:var(--warnung);border-top-style:dashed}.karte__standort{fill:none;stroke:var(--schrift);stroke-width:1.2;opacity:.9}.karte__punkt--gewandelt{background:transparent;border:2px solid var(--licht);box-sizing:border-box}.karte__punkt--standort{background:transparent;border:2px solid var(--schrift);box-sizing:border-box}.karte__abschluss{margin:1rem 0 0;padding:.8rem .9rem;font-size:.88rem;border-left:3px solid var(--licht);background:#ffd98c14}.tagebuch__stimme,.tagebuch__hinweis{margin:0 0 1rem;padding:.7rem .85rem;font-size:.85rem;border-left:3px solid var(--linie);color:var(--schrift-leise)}.tagebuch__leer{color:var(--schrift-leise)}.tagebuch__liste{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem}.tagebuch__eintrag{padding-bottom:1.1rem;border-bottom:1px solid var(--linie)}.tagebuch__eintrag:last-child{border-bottom:none;padding-bottom:0}.tagebuch__kammer{margin:0 0 .5rem;font-size:1.05rem;color:var(--licht)}.tagebuch__block{margin:0 0 .5rem;font-size:.9rem}.tagebuch__block--frage{font-style:italic;color:var(--schrift-leise)}.tagebuch__label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--schrift-leise);margin-bottom:.15rem}.raetsel,.entscheidung{position:absolute;left:1rem;right:1rem;bottom:max(1rem,env(safe-area-inset-bottom));max-width:min(38rem,calc(100vw - 2rem));margin:0 auto;padding:1rem 1.15rem;background:#101728eb;border:1px solid var(--linie);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-height:min(60vh,26rem);overflow-y:auto;z-index:10}.raetsel h2,.entscheidung h2,.entscheidung__titel{margin:0 0 .5rem;font-size:1.05rem;letter-spacing:.01em}.raetsel p,.entscheidung p{margin:0 0 .6rem;font-size:.88rem;color:var(--schrift-leise)}.raetsel__erfolg{color:var(--licht);font-weight:600}.raetsel__warnung,.entscheidung__warnung{color:var(--warnung)}.raetsel__hinweis,.raetsel__siegel,.raetsel__eigene-frage{font-size:.85rem}.raetsel__frage{color:var(--schrift);font-weight:600}.raetsel__wesen,.raetsel__wanderer,.raetsel__hebel,.raetsel__geliehene-fragen,.raetsel__antworten,.raetsel__pforten-optionen,.raetsel__wegzeichen,.raetsel__muster,.raetsel__stimmen,.raetsel__versprechen,.raetsel__kolben{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:.4rem 0;padding:0}.raetsel__hebel[data-glowing=true],[data-glowing=true]{box-shadow:0 0 0 2px var(--licht) inset}.raetsel__kolben [data-urgent=true]{box-shadow:0 0 0 2px var(--warnung) inset}.raetsel__wegzeichen li,.raetsel__stimmen li,.raetsel__versprechen li,.raetsel__kolben li{display:flex;flex-direction:column;gap:.3rem;flex:1 1 12rem}.raetsel__wandeln{margin-top:.75rem}.entscheidung__welle{height:6px;border-radius:999px;background:var(--linie);margin:.5rem 0;position:relative;overflow:hidden}.entscheidung__welle:after{content:"";position:absolute;top:0;right:100%;bottom:0;left:0;background:var(--licht);transition:right .4s ease}.entscheidung__welle[data-progress="1"]:after{top:0;right:0;bottom:0;left:0}.entscheidung__resonanz,.entscheidung__blitz,.entscheidung__vereinfacht,.entscheidung__unbekannt,.entscheidung__wogen{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.entscheidung__ergebnis{color:var(--licht);font-weight:600}@media (max-width: 720px){.raetsel,.entscheidung{left:.75rem;right:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom));max-height:50vh}}.tafel__schalter{display:none}@media (max-width: 720px){.tafel{top:auto;bottom:max(.75rem,env(safe-area-inset-bottom));left:.75rem;right:.75rem;max-width:none;padding:.75rem .9rem;max-height:60vh;overflow-y:auto}.tafel__schalter{display:block;width:100%;padding:.4rem 0;font:inherit;font-weight:600;text-align:left;color:var(--schrift);background:transparent;border:0;cursor:pointer}.tafel__schalter:after{content:" ▴";color:var(--schrift-leise)}.tafel[data-offen=false] .tafel__schalter:after{content:" ▾"}.tafel[data-offen=false] .tafel__inhalt,.tafel__titel{display:none}.ankunft__karte{padding:1.25rem}.tafel[data-raetsel-offen=true]{display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.geteilt{margin-top:.9rem;padding:.7rem .8rem;border-left:3px solid var(--linie);background:#26304a59;border-radius:0 8px 8px 0}.geteilt__titel{margin:0 0 .35rem;font-size:.85rem;font-weight:600}.geteilt__text{margin:0 0 .4rem;font-size:.8rem;color:var(--schrift-leise)}.fortschritt{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.4rem .7rem;background:#101728e0;border:1px solid var(--linie);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.8rem;pointer-events:none}.fortschritt__punkte{display:flex;gap:.25rem;list-style:none;margin:0;padding:0}.fortschritt__punkt{width:.5rem;height:.5rem;border-radius:999px;background:var(--linie)}.fortschritt__punkt[data-gewandelt=true]{background:var(--licht);box-shadow:0 0 4px 1px #ffd98c99}.fortschritt__zahl{color:var(--schrift-leise);font-variant-numeric:tabular-nums}.fortschritt[data-vollstaendig=true] .fortschritt__zahl{color:var(--licht);font-weight:600}@media (max-width: 720px){.fortschritt{top:.6rem;right:.6rem;padding:.3rem .55rem;font-size:.75rem}}.wegweiser{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1.25rem;background:#04060ec7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wegweiser__karte{width:min(26rem,100%);padding:1.5rem;background:var(--grund-erhoben);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:0 0 0 1px #ffd98c1f,0 18px 50px #04060e99}.wegweiser__titel{margin:0 0 .9rem;font-size:1.15rem;letter-spacing:.01em;color:var(--licht)}.wegweiser__satz{margin:0 0 .8rem;font-size:.92rem;color:var(--schrift-leise)}.wegweiser__knopf{display:block;width:100%;margin-top:1.1rem}.reiseleiste{position:absolute;left:1rem;right:1rem;bottom:max(6.5rem,calc(env(safe-area-inset-bottom) + 6rem));z-index:10;max-width:min(38rem,calc(100vw - 2rem));margin:0 auto;padding:.75rem .9rem;background:#101728eb;border:1px solid var(--linie);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reiseleiste__ort{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .6rem;font-size:.8rem}.reiseleiste__ortMarke{color:var(--schrift-leise)}.reiseleiste__ortName{color:var(--schrift);font-size:.9rem}.reiseleiste__ziele{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.reiseleiste__ziel{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;min-height:44px;padding:.5rem .85rem;text-align:left}.reiseleiste__zielName{font-weight:600;font-size:.9rem}.reiseleiste__zielHinweis{font-size:.72rem;opacity:.75;font-weight:400}.reiseleiste__leer{margin:0;font-size:.85rem;color:var(--schrift-leise)}@media (max-width: 720px){.reiseleiste{left:.75rem;right:.75rem}}