@font-face{font-family:B612;font-style:normal;font-display:swap;font-weight:400;src:url(./b612-latin-400-normal-CC98FVm_.woff2)format("woff2"),url(./b612-latin-400-normal-JbZ7xwUX.woff)format("woff")}:root{--bg:#000;--fg:#d9d7d0;--fg-dim:#7d7b75;--accent:#0efa72;--font:"B612", system-ui, -apple-system, "Segoe UI", sans-serif;--edge:22px;--safe-top:env(safe-area-inset-top,0px);--move:2.6s cubic-bezier(.45, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-weight:400;overflow:hidden}#stage,#stage canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#stage canvas{transition:opacity 3s}.label{left:max(var(--edge), env(safe-area-inset-left));bottom:max(var(--edge), env(safe-area-inset-bottom));pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed}.label .titel{font-size:20px;font-weight:400;line-height:1}.label .status{color:var(--fg-dim);font-variant-numeric:lining-nums tabular-nums;margin-top:8px;font-size:12px}.controls{right:max(var(--edge), env(safe-area-inset-right));bottom:max(var(--edge), env(safe-area-inset-bottom));align-items:baseline;gap:20px;display:flex;position:fixed}.controls button{font:inherit;color:var(--fg-dim);cursor:pointer;background:0 0;border:none;padding:10px 0 2px;font-size:13px;transition:color .4s}.controls button[hidden]{display:none}.controls button:hover,.controls button:focus-visible{color:var(--fg);outline:none}.controls button:focus-visible{text-underline-offset:4px;text-decoration:underline}.controls button[aria-pressed=true]{color:var(--fg)}@media (width<=520px){.label{bottom:calc(max(var(--edge), env(safe-area-inset-bottom)) + 40px)}.controls{left:max(var(--edge), env(safe-area-inset-left));flex-wrap:wrap;gap:4px 18px;right:auto}.label .titel{font-size:18px}}#spiralbild{transform-origin:0 0;transition:transform var(--move);pointer-events:none;position:fixed;top:0;left:0}.erzaehlung{text-align:center;pointer-events:none;transition:left var(--move), top var(--move), width var(--move);position:fixed;transform:translate(-50%)}.caption{text-wrap:balance;color:var(--fg);opacity:0;font-size:16.5px;line-height:1.5;transition:opacity 1.2s}.caption.sichtbar{opacity:1}.nochmal{pointer-events:auto;opacity:0;margin-top:14px;transition:opacity 1.6s}.nochmal.sichtbar{opacity:1}.nochmal[hidden]{display:none}.beschriftung{color:var(--fg-dim);white-space:nowrap;pointer-events:none;font-size:12px;position:fixed;transform:translate(-50%)}.label,.controls,.beschriftung{transition:opacity 2s}body.ohne-ui .label,body.ohne-ui .controls,body.ohne-ui .beschriftung,body.mitte .beschriftung{opacity:0;pointer-events:none}.werktext{padding:max(var(--edge), env(safe-area-inset-top)) var(--edge);z-index:10;opacity:0;background:#000000ed;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0;overflow-y:auto}.werktext.offen{opacity:1}body.werktext-offen .erzaehlung,body.werktext-offen .beschriftung,body.werktext-offen .label,body.werktext-offen .controls{opacity:0;transition:opacity .4s}.werktext[hidden]{display:none}.werktext-inhalt{max-width:34em;margin:auto}.werktext h2{margin-bottom:18px;font-size:20px;font-weight:400}.werktext p{-webkit-hyphens:auto;hyphens:auto;margin-bottom:1em;font-size:15.5px;line-height:1.6}.quellen-titel{color:var(--fg);margin-top:2.2em;margin-bottom:.8em;font-size:13px;font-weight:400}.quellen{margin-bottom:1.6em;list-style:none}.quellen li{color:var(--fg-dim);margin-bottom:.7em;font-size:12.5px;line-height:1.55}.quellen a{color:var(--fg-dim);text-underline-offset:3px}.quellen a:hover,.quellen a:focus-visible{color:var(--fg)}.werktext-schliessen{font:inherit;color:var(--fg-dim);cursor:pointer;background:0 0;border:none;padding:10px 0;font-size:13px}.werktext-schliessen:hover,.werktext-schliessen:focus-visible{color:var(--fg);outline:none}@media (width<=520px){.caption{font-size:15px}.nochmal{margin-top:8px}.werktext p{font-size:15px}}@media (prefers-reduced-motion:reduce){#spiralbild,.erzaehlung{transition-duration:10ms}}.start{z-index:5;padding:max(var(--edge), env(safe-area-inset-top)) var(--edge) max(var(--edge), env(safe-area-inset-bottom));background:var(--bg);justify-content:center;align-items:center;transition:opacity 1.4s;display:flex;position:fixed;inset:0;overflow-y:auto}.start.weg{opacity:0;pointer-events:none}.start[hidden]{display:none}.start-inhalt{max-width:31em;margin:auto}.start h1{margin-bottom:28px;font-size:40px;font-weight:400;line-height:1.1}.start-text p{-webkit-hyphens:auto;hyphens:auto;margin-bottom:1em;font-size:16.5px;line-height:1.6}.leucht-knopf{font:inherit;color:var(--fg);cursor:pointer;background:0 0;border:none;align-items:center;gap:14px;padding:12px 0;font-size:19px;display:inline-flex}.start-knopf{margin-top:18px}.leucht-knopf:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 10px 2px var(--accent);border-radius:50%;transition:box-shadow .6s,transform .6s}.leucht-knopf:hover:before,.leucht-knopf:focus-visible:before{box-shadow:0 0 18px 6px var(--accent);transform:scale(1.15)}.leucht-knopf:focus-visible{text-underline-offset:6px;outline:none;text-decoration:underline}.start-hinweis{color:var(--fg-dim);margin-top:10px;font-size:13px}.start-klang{color:var(--fg-dim);margin-top:26px;font-size:13px;line-height:1.5}.start-klang button{font:inherit;color:var(--fg);border:none;border-bottom:1px solid var(--fg-dim);cursor:pointer;background:0 0;margin-right:10px;padding:6px 0 1px}.start-klang button:hover,.start-klang button:focus-visible{border-bottom-color:var(--fg);outline:none}@media (width<=520px){.start h1{margin-bottom:22px;font-size:32px}.start-klang-hinweis{margin-top:6px;display:block}.start-text p{font-size:15px}.leucht-knopf{font-size:18px}}