:root{--nacht:#2a1e18;--sand:#f0d696;--tafel:#1d2b5e;--rand:#f6f0e0;--px:max(2px, min(100vw / 560, 100dvh / 440))}@supports(width:round(down,10.5px,1px)){:root{--px:max(2px, round(down, min(100vw / 560, 100dvh / 440), 1px))}}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:#e2c080;color:var(--rand);font:15px/1.4 ui-monospace,cascadia mono,dejavu sans mono,monospace}img{image-rendering:pixelated}.rahmen{position:fixed;inset:0;overflow:auto;overscroll-behavior:contain;background:url(/bild/wueste.png)0 0/calc(var(--px) * 512)repeat local;image-rendering:pixelated;scrollbar-width:none;scroll-snap-type:both mandatory;animation:frei 0s .8s forwards}@keyframes frei{to{scroll-snap-type:none}}.rahmen::-webkit-scrollbar{display:none}.rahmen:focus-visible{outline:none}.welt{position:relative;width:calc(var(--px) * var(--ww));height:calc(var(--px) * var(--wh))}.mitte{position:absolute;left:calc(var(--x) * var(--px));top:calc(var(--y) * var(--px));width:1px;height:1px;scroll-snap-align:center;scroll-initial-target:nearest}.spuren{position:absolute;left:calc(var(--x) * var(--px));top:calc(var(--y) * var(--px));width:calc(var(--w) * var(--px));height:calc(var(--h) * var(--px))}.rahmen.zieht{cursor:grabbing}.rahmen.ziehbar{cursor:grab}.rahmen.zieht .ort{cursor:grabbing}.oase{position:absolute;left:calc(var(--x) * var(--px));top:calc(var(--y) * var(--px));width:calc(var(--w) * var(--px));height:calc(var(--h) * var(--px));background:url(/bild/oase.png)0 0/100% 100%;image-rendering:pixelated}.sprite{position:absolute;display:block;left:calc(var(--x) * var(--px));top:calc(var(--y) * var(--px));width:calc(var(--w) * var(--px));height:calc(var(--h) * var(--px))}.bild{display:block;width:100%;height:100%;overflow:hidden}.bild img{display:block;height:100%;width:calc(var(--n,1) * 100%);animation:lauf var(--takt,0s)steps(var(--n,1))infinite;animation-delay:var(--verz,0s)}@keyframes lauf{to{transform:translateX(-100%)}}.leitfeuer{position:fixed;left:0;top:0;z-index:30;display:block;width:calc(var(--w) * var(--px));height:calc(var(--h) * var(--px));transform:translate(var(--lx,0),var(--ly,0));filter:var(--umriss-hell);transition:opacity .3s steps(3)}.leitfeuer[hidden]{display:none}.leitfeuer:hover,.leitfeuer:focus-visible{outline:none;filter:var(--umriss-hell)brightness(1.2)}.ort{z-index:1}.ort[data-ort=briefkasten]{z-index:2}.ort:is([data-ort=boot],[data-ort=boot-rudern]),.ort:is([data-ort=boot],[data-ort=boot-rudern]):hover{z-index:7}button.ort{padding:0;margin:0;border:0;background:0 0;color:inherit;font:inherit;cursor:pointer}.ort.nur-name{cursor:default}.deko{pointer-events:none}.ort:hover,.ort:focus-visible{z-index:6}:root{--umriss-hell:drop-shadow(var(--px) 0 0 var(--rand)) drop-shadow(calc(var(--px) * -1) 0 0 var(--rand))
  drop-shadow(0 var(--px) 0 var(--rand)) drop-shadow(0 calc(var(--px) * -1) 0 var(--rand))}.ort:hover .bild,.ort:focus-visible .bild{filter:var(--umriss-hell)}.ort:focus-visible{outline:none}.tafel{position:absolute;left:50%;bottom:100%;transform:translate(-50%,calc(var(--px) * -3));padding:.25em .6em;white-space:nowrap;background:var(--tafel);color:var(--rand);border:3px double var(--rand);box-shadow:0 0 0 2px var(--nacht);font-size:13px;font-weight:700;letter-spacing:.03em;opacity:0;pointer-events:none;transition:opacity .1s steps(2)}.ort.unten .tafel{bottom:auto;top:100%;transform:translate(-50%,calc(var(--px) * 2))}.ort:hover .tafel,.ort:focus-visible .tafel{opacity:1;z-index:5}.kreisen{position:absolute;left:calc(var(--x) * var(--px));top:calc(var(--y) * var(--px));z-index:3;animation:dreh var(--dauer)steps(90)infinite}@keyframes dreh{to{rotate:360deg}}.innen{position:absolute;left:calc(var(--x) * var(--px));top:calc(var(--y) * var(--px))}.rollen{position:absolute;left:calc(var(--start,0) * var(--px));top:calc(var(--y) * var(--px));z-index:2;width:var(--px);height:var(--px);animation:rollen var(--dauer)var(--rverz)steps(1500)infinite}@keyframes rollen{from{translate:0 0}25%{translate:calc(var(--bahn) * 25%)-300%}50%{translate:calc(var(--bahn) * 50%)0}75%{translate:calc(var(--bahn) * 75%)-300%}to{translate:calc(var(--bahn) * 100%)0}}.wandert{animation:wandern var(--wdauer)ease-in-out infinite alternate}@keyframes wandern{to{translate:calc(var(--weg)/var(--w) * 100%)calc(var(--weg)/var(--h) * -20%)}}.fata{opacity:0;animation:fata var(--dauer)var(--fverz)infinite}@keyframes fata{0%,62%{opacity:0}72%,82%{opacity:.75}92%,100%{opacity:0}}.figur{position:absolute;left:0;top:0;z-index:1;pointer-events:none;width:var(--px);height:var(--px)}.wolken{position:absolute;left:0;top:0;z-index:8;pointer-events:none;width:var(--px);height:var(--px);opacity:0}.figur .sprite{opacity:0}.ereignis{position:absolute;left:0;top:0;z-index:3;width:var(--px);height:var(--px);pointer-events:none;visibility:hidden}.turtur{z-index:9}.riese{position:absolute;left:0;top:0;width:var(--px);height:var(--px);transform-origin:0 0}.wurm-kopf{z-index:3}.wurm-spur{z-index:2;opacity:0}.tuer{z-index:1;opacity:0}.zustand-musik{opacity:0;z-index:1;pointer-events:none}.rudert{visibility:hidden}.noten{position:absolute;left:calc(var(--x) * var(--px));top:calc(var(--y) * var(--px))}.note{animation:note 4.2s steps(24)infinite;opacity:0}.note.n1{animation-delay:-.8s;--dx:-14}.note.n2{animation-delay:-1.7s;--dx:10}.note.n3{animation-delay:-2.5s;--dx:-6}.note.n4{animation-delay:-3.4s;--dx:18}@keyframes note{0%{translate:0 0;opacity:0}15%{opacity:1}50%{translate:calc(var(--dx,6)/var(--w) * 50%)calc(-2200%/var(--h))}100%{translate:calc(var(--dx,6)/var(--w) * 100%)calc(-4600%/var(--h));opacity:0}}.flug{position:absolute;left:0;top:0;z-index:2;width:var(--px);height:var(--px);pointer-events:none;animation:flug 22s steps(88)infinite}@keyframes flug{0%{translate:15e3% 15e3%}20%{translate:18600% 17600%}40%{translate:20600% 14e3%}55%{translate:19600% 1e4%}75%{translate:15e3% 9e3%}90%{translate:11e3% 12e3%}100%{translate:15e3% 15e3%}}.marke,.menue{position:fixed;z-index:10;top:14px;background:var(--tafel);border:3px double var(--rand);box-shadow:0 0 0 2px var(--nacht),0 4px 0 2px rgb(0 0 0/.25)}.marke{left:14px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;overflow:hidden}.marke .bild{width:30px;height:36px}.marke .bild img{width:200%}.menue{right:14px;display:flex;align-items:center;gap:.2rem;padding:.35rem .5rem;border-radius:999px}.menue a,.menue summary{color:var(--rand);text-decoration:none;padding:.35rem .7rem;border-radius:999px;cursor:pointer}.menue a:hover,.menue summary:hover,.menue a:focus-visible,.menue summary:focus-visible{background:rgb(255 255 255/.12);outline:none}.lupe{display:flex;gap:.1rem;margin-left:.2rem;padding-left:.4rem;border-left:1px solid rgb(255 255 255/.25)}.lupe[hidden]{display:none}.lupe button{font:inherit;font-weight:700;color:var(--rand);background:0 0;border:0;border-radius:999px;width:2rem;height:2rem;cursor:pointer}.lupe button:hover,.lupe button:focus-visible{background:rgb(255 255 255/.12);outline:none}.lupe button:disabled{opacity:.35;cursor:default;background:0 0}.rahmen.ziehbar{touch-action:pan-x pan-y}.menue details{position:relative}.menue summary{list-style:none}.menue summary::-webkit-details-marker{display:none}.menue summary::after{content:" ▾"}.menue details[open] summary::after{content:" ▴"}.menue ul{position:absolute;right:0;top:calc(100% + 10px);margin:0;padding:.4rem;list-style:none;min-width:12rem;background:var(--tafel);border:3px double var(--rand);box-shadow:0 0 0 2px var(--nacht)}.menue li a{display:block;border-radius:0}@media(max-width:480px){.marke{width:44px;height:44px;top:10px;left:10px}.menue{top:10px;right:10px;font-size:14px}.menue a,.menue summary{padding:.3rem .5rem}}@media(hover:none){.tafel{opacity:.9;font-size:11px}}@media(prefers-reduced-motion:reduce){.bild img,.flug,.kreisen,.rollen,.fata,.wandert,.note,.zustand-musik,.tuer,.kamera-geht,.rudert,.boot-liegt{animation:none}.fata{opacity:.5}.flug,.wolken,.ereignis,.wurm-kopf,.wurm-spur{display:none}.figur{animation:none;translate:10500% 10600%}.figur .sprite{animation:none}.figur .pose-liegen{opacity:1}.tafel{transition:none}}.zettel{width:min(34rem,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:1.1rem 1.3rem 1.2rem;color:var(--rand);background:var(--tafel);border:3px double var(--rand);box-shadow:0 0 0 2px var(--nacht),0 6px 0 2px rgb(0 0 0/.35);font-size:15px;line-height:1.55}.zettel::backdrop{background:rgb(16 10 8/.5)}.zettel h2{margin:0 2rem .6rem 0;font-size:1rem;letter-spacing:.03em}.zettel p{margin:.5rem 0 0}.zettel a{color:#fad65a}.zettel a[href^=http]:not([href^="https://thilomull.de"])::after{content:"\00a0↗\FE0E";content:"\00a0↗\FE0E"/"";font-size:.75em}.zettel .zu{position:absolute;top:.35rem;right:.5rem;padding:.1rem .45rem;border:0;background:0 0;color:var(--rand);font:inherit;font-size:1.3rem;line-height:1;cursor:pointer}.zettel .zu:hover,.zettel .zu:focus-visible{background:rgb(255 255 255/.12);outline:none}.zettel figure{margin:.8rem 0}.zettel .footnote-ref{text-decoration:none}.zettel .footnotes{clear:both;margin-top:.9rem;font-size:.85em;opacity:.85}.zettel .footnotes hr{border:0;border-top:1px solid;width:4rem;margin:0 0 .4rem;opacity:.5}.zettel .footnotes ol{padding-left:1.2rem;margin:0}.zettel figure img{display:block;width:100%;height:auto}.zettel figcaption{margin-top:.3rem;font-size:.85em;opacity:.8}.zettel figure.rechts,.zettel figure.links{width:45%;margin-block:.2rem .6rem}.zettel figure.rechts{float:right;margin-left:1rem}.zettel figure.links{float:left;margin-right:1rem}.zettel-bild{display:block;width:100%;height:auto;margin:.2rem 0 .6rem;border:2px solid var(--rand)}.mosaik-svg{position:absolute;width:0;height:0;overflow:hidden}html.mosaik-warten body{opacity:0}html.mosaik body{filter:url(#mosaik)brightness(var(--hell,1))}.figur.winkt,.figur.winkt>.sprite{animation-play-state:paused}.figur.winkt>.sprite{opacity:0!important}.figur.winkt>.pose-winken{opacity:1!important}.welt:has(.figur.winkt) :is(.kamera-geht,.rudert,.boot-liegt,.zustand-musik){animation-play-state:paused}.latex{white-space:nowrap}.latex .a,.latex .e{text-transform:uppercase;position:relative}.latex .a{font-size:.7em;top:-.28em;margin:0 -.15em 0 -.36em}.latex .e{top:.2155em;margin:0 -.125em 0 -.1667em}.szene-seite{--px:max(2px, min(100vw / 336, 100dvh / 224));background:#1a120e}@supports(width:round(down,10.5px,1px)){.szene-seite{--px:max(2px, round(down, min(100vw / 336, 100dvh / 224), 1px))}}.buehne{position:fixed;inset:0;overflow:auto;display:grid;place-items:safe center;scrollbar-width:none}.buehne::-webkit-scrollbar{display:none}.buehne.ziehbar{cursor:grab}.buehne.zieht,.buehne.zieht *{cursor:grabbing}.raum{position:relative;width:calc(var(--rw) * var(--px));height:calc(var(--rh) * var(--px));margin:16px}.raum-bild{position:absolute;inset:0;width:100%;height:100%}.unsichtbar{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ding{padding:0;margin:0;border:0;background:0 0;color:inherit;font:inherit;cursor:pointer}.ding.deko,.ding.nur-name{cursor:default}.hebt{position:relative;display:block;width:100%;height:100%}.ding:not(.deko):hover .hebt,.ding:focus-visible .hebt{filter:var(--umriss-hell)}.ding:focus-visible{outline:none}.ding .tafel{z-index:9}.ding:hover .tafel,.ding:focus-visible .tafel{opacity:1}.ding .tafel{white-space:normal;width:max-content;max-width:22em;text-align:center}.ausgang .tafel{bottom:auto;top:100%;transform:translate(-50%,calc(var(--px) * 1))}.eink-schirm{position:absolute;left:calc(var(--x) * var(--px));top:calc(var(--y) * var(--px));width:calc(var(--w) * var(--px));height:calc(var(--h) * var(--px));object-fit:cover;image-rendering:auto}.eink-papier{filter:brightness(.88)}.nur-tag,.nur-rot{pointer-events:none}.nur-rot,.rotlicht-schicht{display:none}.rotlicht-schicht{position:absolute;inset:0;z-index:7;pointer-events:none;background:#961814;mix-blend-mode:multiply}.nur-rot{z-index:8}.raum:has(.lichtschalter:checked) .nur-rot,.raum:has(.lichtschalter:checked) .rotlicht-schicht{display:block}.raum:has(.lichtschalter:checked) .nur-tag{display:none}.schalter{cursor:pointer}.raum:has(.lichtschalter:checked) .schalter .bild img{animation:none;transform:translateX(-50%)}.raum:has(.lichtschalter:focus-visible) .schalter .hebt{filter:var(--umriss-hell)}.folie{display:none}.folie.standard{display:block}.raum:has(.dose:hover,.dose:focus-visible) .folie.standard{display:none}.raum:has(.dose1:hover,.dose1:focus-visible) .folie.zu-dose1,.raum:has(.dose2:hover,.dose2:focus-visible) .folie.zu-dose2,.raum:has(.dose3:hover,.dose3:focus-visible) .folie.zu-dose3,.raum:has(.dose4:hover,.dose4:focus-visible) .folie.zu-dose4{display:block}.anschlaege{position:absolute;left:calc(var(--x) * var(--px));top:calc(var(--y) * var(--px));width:calc(var(--w) * var(--px));height:calc(var(--h) * var(--px));display:flex;flex-direction:column}.tafel-kopf,.tafel-liste{mix-blend-mode:multiply}.tafel-kopf{margin:calc(var(--px) * 3)calc(var(--px) * 2)calc(var(--px) * 2);padding-bottom:calc(var(--px) * 2);border-bottom:calc(var(--px) * .6)solid #781e1a;text-align:center;color:#781e1a;font:700 max(11px,calc(var(--px) * 3.6))/1.1 times new roman,Times,serif;text-transform:uppercase;letter-spacing:.12em}.tafel-liste{position:relative;flex:1;min-height:0}.anschlag-liste{list-style:none;margin:0;padding:calc(var(--px) * 4)calc(var(--px) * 3);height:100%;box-sizing:border-box;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}.anschlag-liste::-webkit-scrollbar{display:none}.anschlag-liste li+li{margin-top:calc(var(--px) * 5)}.anschlag-liste a{display:block;text-align:center;text-decoration:none;color:#b8241c;font-family:times new roman,Times,serif;text-transform:uppercase;line-height:1.05;overflow-wrap:anywhere}.anschlag-liste .klein{display:block;font-size:max(10px,calc(var(--px) * 3));letter-spacing:.06em;color:#781e1a}.anschlag-liste .titel{display:block;font-size:max(12px,calc(var(--px) * 4.6));font-weight:700;letter-spacing:.03em}.anschlag-liste a:hover .titel,.anschlag-liste a:focus-visible .titel{text-decoration:underline;text-decoration-thickness:calc(var(--px) * .6)}.anschlag-liste a:focus-visible{outline:none}.kurbel{cursor:grab;z-index:1}.kurbel .bild img{animation-play-state:paused}.anschlaege.laeuft.rollt-runter:not(.am-ende) .kurbel .bild img{animation-play-state:running}.anschlaege.laeuft.rollt-hoch:not(.am-anfang) .kurbel .bild img{animation-play-state:running;animation-direction:reverse}.anschlaege:not(.laeuft) .kurbel{cursor:default}.folie img{image-rendering:auto}.zufallsbild .bild img{animation:none;transform:translateX(calc(var(--i,0) * -100%/var(--n)))}.sprite.fein img{image-rendering:auto}.ding.entwurf .tafel::after{content:" · Entwurf"}.abzug{z-index:9}.raum:has(.lichtschalter:checked) .abzug .hebt{filter:drop-shadow(0 0 calc(var(--px) * 1.5) rgb(255 236 170/.9))}