:root{--spiel-hoehe:780px;--spiel-hoehe-schmal:440px;--spiel-gehen:3;--spiel-kamera:6;--spiel-hoehe-max:calc(100vh - var(--raum-5));--spiel-flaeche:rgb(from var(--grund) r g b / .84);--spiel-flaeche-hell:rgb(from var(--instrument) r g b / .92);--spiel-abdunklung:rgb(from var(--grund) r g b / .7);--spiel-schleier-farbe:var(--grund);--spiel-schleier:.6s ease;--spiel-einblendung:.25s ease;--spiel-puls:.9s ease-in-out infinite;--spiel-schrift-schatten:0 1px 3px var(--grund), 0 0 8px var(--grund);--spiel-paneel-breite:360px;--spiel-meldung-breite:660px;--spiel-hud-ebene:3;--grad-spiel:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--grund:#14191b;--instrument:#20292d;--papier:#eee4ce;--sekundaer:#b9b5aa;--messing:#c4a264;--signal:#82c8bd;--kupfer:#9d674c;--linie:#485052;--raum-1:4px;--raum-2:8px;--raum-3:12px;--raum-4:20px;--raum-5:32px;--raum-6:52px;--raum-7:84px;--schrift-titel:Georgia, "Times New Roman", serif;--schrift-text:system-ui, sans-serif;--schrift-technik:ui-monospace, monospace;--grad-kennung:12px;--grad-marginal:14px;--grad-text:18px;--grad-lead:21px;--grad-t3:21px;--grad-t2:26px;--grad-t0:56px;--grad-t0-schmal:48px;--grad-untertitel-schmal:28px;--grad-t1:34px;--zeile-text:1.6;--zeile-titel:1.25;--zeile-eng:1.35;--spur-kennung:.08em;--satzbreite:68ch;--marginal:15rem;--seitenbreite:1440px;--lesebreite:1080px;--spalte-signatur:4.5rem;--spalte-merkmal:9rem;--tafel-buehne:26rem;--modell-hoehe:560px;--modell-hoehe-schmal:380px;--modell-fenster-ebene:3;--ziel-mindest:44px;--strich:1px;--radius:5px;--fokus:3px;--rahmen-doppel:inset 0 0 0 4px var(--grund), inset 0 0 0 5px var(--kupfer);--uebergang:.12s linear;--sterne-fern:radial-gradient(circle at 7% 13%, var(--papier) 1px, transparent 1.5px), radial-gradient(circle at 23% 71%, var(--papier) .7px, transparent 1.2px), radial-gradient(circle at 41% 29%, var(--papier) 1px, transparent 1.5px), radial-gradient(circle at 62% 87%, var(--papier) .7px, transparent 1.2px), radial-gradient(circle at 79% 17%, var(--papier) 1px, transparent 1.5px), radial-gradient(circle at 94% 54%, var(--papier) .7px, transparent 1.2px), radial-gradient(circle at 14% 46%, var(--papier) .7px, transparent 1.2px), radial-gradient(circle at 53% 58%, var(--papier) 1px, transparent 1.5px), radial-gradient(circle at 74% 39%, var(--papier) .7px, transparent 1.2px), radial-gradient(circle at 36% 93%, var(--papier) .7px, transparent 1.2px);--sterne-nah:radial-gradient(circle at 11% 24%, var(--papier) 1.3px, transparent 2px), radial-gradient(circle at 32% 62%, var(--papier) 1px, transparent 1.8px), radial-gradient(circle at 57% 9%, var(--papier) 1px, transparent 1.8px), radial-gradient(circle at 83% 78%, var(--papier) 1.3px, transparent 2px), radial-gradient(circle at 68% 43%, var(--papier) 1px, transparent 1.8px), radial-gradient(circle at 91% 34%, var(--papier) 1px, transparent 1.8px);--sterne-raster-fern:337px 311px;--sterne-raster-nah:487px 419px;--sterne-ruhe-fern:.38;--sterne-licht-fern:.46;--sterne-ruhe-nah:.62;--sterne-licht-nah:.7;--sterne-funkeln:4s ease-in-out 1;--himmel-nacht:#080d16;--himmel-atmosphaere:radial-gradient(ellipse at 82% 26%, color-mix(in srgb, var(--signal) 5%, transparent), transparent 54%), radial-gradient(ellipse at 14% 78%, color-mix(in srgb, var(--kupfer) 4%, transparent), transparent 48%), var(--himmel-nacht);--himmel-lesedeckung:.94;--himmel-leseflaeche:rgb(from var(--himmel-nacht) r g b / var(--himmel-lesedeckung));--himmel-leserand:-8px -32px;--himmel-lesemaske-x:linear-gradient(90deg, transparent, black 24px, black calc(100% - 24px), transparent);--himmel-lesemaske-y:linear-gradient(transparent, black 4px, black calc(100% - 4px), transparent)}@media (max-width:900px){:root{--himmel-leserand:-4px -12px;--himmel-lesemaske-x:linear-gradient(90deg, transparent, black 8px, black calc(100% - 8px), transparent);--himmel-lesemaske-y:linear-gradient(transparent, black 2px, black calc(100% - 2px), transparent)}}
*,:before,:after{box-sizing:border-box;border-radius:var(--radius)}html,body,.sternenhimmel,.sternenhimmel>span{border-radius:0}html{background:var(--grund);color:var(--papier);font-family:var(--schrift-text);font-size:var(--grad-text);line-height:var(--zeile-text)}body{isolation:isolate;margin:0}.sternenhimmel{z-index:-1;pointer-events:none;background:var(--himmel-atmosphaere);position:fixed;inset:0}.sternenhimmel>span{position:absolute;inset:0}.sternenhimmel-fern{background-image:var(--sterne-fern);background-size:var(--sterne-raster-fern);opacity:var(--sterne-ruhe-fern)}.sternenhimmel-nah{background-image:var(--sterne-nah);background-size:var(--sterne-raster-nah);opacity:var(--sterne-ruhe-nah)}body:has(.sternenhimmel) .statusleiste{background:var(--himmel-leseflaeche)}body:has(.sternenhimmel) :is(.marke,.navigation,.buehne-kopf,.buehne-text,.startseiten-text,.bereich>h2,.bereich>.kennung,.bereich-text,.fussleiste>p){isolation:isolate;position:relative}body:has(.sternenhimmel) :is(.marke,.navigation,.buehne-kopf,.buehne-text,.startseiten-text,.bereich>h2,.bereich>.kennung,.bereich-text,.fussleiste>p):before{content:"";inset:var(--himmel-leserand);z-index:-1;pointer-events:none;background:var(--himmel-leseflaeche);-webkit-mask-image:var(--himmel-lesemaske-x), var(--himmel-lesemaske-y);mask-image:var(--himmel-lesemaske-x), var(--himmel-lesemaske-y);position:absolute;-webkit-mask-composite:source-in;mask-composite:intersect}@media (prefers-reduced-motion:no-preference){.sternenhimmel-fern{animation:sterne-fern var(--sterne-funkeln)}.sternenhimmel-nah{animation:sterne-nah var(--sterne-funkeln)}}@keyframes sterne-fern{0%,to{opacity:var(--sterne-ruhe-fern)}40%{opacity:var(--sterne-licht-fern)}}@keyframes sterne-nah{0%,to{opacity:var(--sterne-ruhe-nah)}65%{opacity:var(--sterne-licht-nah)}}h1,h2,h3{font-family:var(--schrift-titel);font-weight:400;line-height:var(--zeile-titel);overflow-wrap:anywhere;margin:0}h1{font-size:var(--grad-t1)}h2{font-size:var(--grad-t2)}h3{font-size:var(--grad-t3)}p{margin:0 0 var(--raum-4)}a,button.textlink{color:var(--signal);text-underline-offset:var(--raum-1);transition:color var(--uebergang), background-color var(--uebergang), border-color var(--uebergang);text-decoration:underline}a:hover,button.textlink:hover{color:var(--papier)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:var(--fokus) solid var(--signal);outline-offset:var(--raum-1)}::selection{background:var(--signal);color:var(--grund)}.sprungmarke{top:0;left:var(--raum-4);z-index:2;padding:var(--raum-3);background:var(--signal);color:var(--grund);position:fixed;transform:translateY(-100%)}.sprungmarke:focus{color:var(--grund);transform:translateY(0)}.seite{max-width:var(--seitenbreite);padding:0 var(--raum-5);margin:0 auto}.kopf{justify-content:space-between;align-items:center;gap:var(--raum-3) var(--raum-5);padding:var(--raum-4) 0 var(--raum-5);flex-wrap:wrap;display:flex}.marke{align-items:center;gap:var(--raum-3);color:var(--papier);font-family:var(--schrift-titel);font-size:var(--grad-t3);letter-spacing:var(--spur-kennung);text-decoration:none;display:flex}.marke:hover{color:var(--signal)}.marke-zeichen{width:var(--raum-6);height:var(--raum-6);flex:none;display:block}.marke-zeichen img{width:100%;height:auto;display:block}.marke-name{display:block}.marke-rolle{margin:var(--raum-1) 0 0;font-family:var(--schrift-technik);font-size:var(--grad-kennung);letter-spacing:var(--spur-kennung);text-transform:uppercase;color:var(--sekundaer);display:block}.navigation{gap:0 var(--raum-5);font-size:var(--grad-marginal);flex-wrap:wrap;display:flex}.navigation a{min-height:var(--ziel-mindest);color:var(--papier);align-items:center;display:inline-flex}.navigation a:hover{color:var(--signal)}.fussleiste{justify-content:space-between;align-items:baseline;gap:var(--raum-3) var(--raum-5);margin:var(--raum-7) 0 0;padding:var(--raum-5) 0 var(--raum-4);color:var(--sekundaer);font-size:var(--grad-marginal);flex-wrap:wrap;display:flex}.fussleiste p{margin:0}.statusleiste{width:fit-content;max-width:100%;padding:0 var(--raum-4);background:var(--instrument);font-family:var(--schrift-technik);font-size:var(--grad-kennung);letter-spacing:var(--spur-kennung);text-transform:uppercase;flex-wrap:wrap;gap:0;margin:0;list-style:none;display:flex}.statusleiste>li{gap:var(--raum-2);padding:var(--raum-3) var(--raum-5) var(--raum-3) 0;display:flex}.status-merkmal{color:var(--sekundaer)}.status-wert{color:var(--papier)}.buehne{grid-template-columns:minmax(0, 1fr) var(--tafel-buehne);align-items:start;gap:0 var(--raum-7);padding:var(--raum-4) 0;grid-template-areas:"titel bild""text bild";display:grid}.buehne-kopf{grid-area:titel;min-width:0}.buehne-text{min-width:0;font-size:var(--grad-lead);grid-area:text}.startseiten-text{font-size:var(--grad-lead)}.buehne>.planetenbild{grid-area:bild;align-self:start}.buehne h1,.startbuehne h1{font-size:var(--grad-t0);max-width:var(--satzbreite)}.buehne h1 span,.startbuehne h1 span{font-size:var(--grad-t1);color:var(--messing);display:block}.buehne .vorspann{font-size:var(--grad-t2)}.startbuehne{align-items:end;gap:var(--raum-3) var(--raum-7);padding:var(--raum-4) 0 var(--raum-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"titel einstieg""bild bild";display:grid}.startbuehne-titel{grid-area:titel}.einstieg{grid-area:einstieg}.startbuehne .stationsbild{grid-area:bild}.buehne-lage{grid-template-areas:"text bild";align-items:center}.einstieg p{max-width:var(--satzbreite)}.einstieg-aktionen{align-items:center;gap:var(--raum-2) var(--raum-5);flex-wrap:wrap;margin:0;display:flex}.stationsbild{margin:var(--raum-4) 0 0;position:relative}.stationsbild img{width:100%;height:auto;display:block}.stationsmarken{margin:0;padding:0;list-style:none}.stationsmarke{flex-direction:column;align-items:center;text-decoration:none;display:flex;position:absolute;transform:translate(-50%,-100%)}.stationsmarke-unten{flex-direction:column-reverse;transform:translate(-50%)}.stationsmarke-text{min-height:var(--raum-5);padding:0 var(--raum-2);border-radius:var(--radius);background:var(--signal);color:var(--grund);font-family:var(--schrift-technik);font-size:var(--grad-kennung);letter-spacing:var(--spur-kennung);text-transform:uppercase;white-space:nowrap;transition:background-color var(--uebergang);align-items:center;display:inline-flex}.stationsmarke-stiel{width:var(--strich);height:var(--raum-3);background:var(--signal)}.stationsmarke:hover .stationsmarke-text,.stationsmarke:focus-visible .stationsmarke-text{background:var(--papier)}.rundgang{grid-template-columns:var(--marginal) minmax(0, 1fr);align-items:start;gap:var(--raum-4);margin:var(--raum-5) 0 0;display:grid}.rundgang-wahl{gap:var(--raum-2);display:grid}.rundgang-reiter{gap:var(--raum-1);min-height:var(--ziel-mindest);padding:var(--raum-2) var(--raum-3);border-radius:var(--radius);background:var(--instrument);color:var(--papier);font-size:var(--grad-marginal);text-align:left;cursor:pointer;transition:background-color var(--uebergang), color var(--uebergang);border:0;display:grid}.rundgang-reiter .kennung{margin:0}.rundgang-reiter:hover{background:var(--grund)}.rundgang-reiter[aria-selected=true]{background:var(--signal);color:var(--grund)}.rundgang-reiter[aria-selected=true] .kennung{color:var(--grund)}.rundgang-tafel{align-items:center;gap:var(--raum-5);padding:var(--raum-4);border-radius:var(--radius);background:var(--instrument);grid-template-columns:minmax(0,3fr) minmax(0,2fr);display:grid}.rundgang-tafel[hidden]{display:none}.rundgang-tafel img,.wegblatt img{border-radius:var(--radius);width:100%;height:auto;display:block}.rundgang-tafel h3,.wegblatt h3{margin:0 0 var(--raum-3);font-size:var(--grad-t2)}.rundgang-tafel p:last-child,.wegblatt p:last-child{margin:0}.wegreihe{gap:var(--raum-4);margin:var(--raum-5) 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.wegblatt{padding:var(--raum-3) var(--raum-3) var(--raum-4);border-radius:var(--radius);background:var(--instrument)}.wegblatt img{margin:0 0 var(--raum-4)}.wegblatt>:not(img){margin-left:var(--raum-2);margin-right:var(--raum-2)}.wegblatt .kennung{margin-bottom:var(--raum-2)}.buehne .vorspann,.buehne p{max-width:var(--satzbreite)}.satz{max-width:var(--lesebreite);grid-template-columns:minmax(0, var(--satzbreite)) var(--marginal);justify-content:start;gap:var(--raum-6);padding:var(--raum-6) 0;display:grid}.satz-text{grid-column:1;min-width:0}.satz-text p{color:var(--papier)}.marginal{top:var(--raum-4);padding:var(--raum-4);background:var(--instrument);font-size:var(--grad-marginal);grid-column:2;align-self:start;position:sticky}.marginal-titel{margin:0 0 var(--raum-3);font-family:var(--schrift-technik);font-size:var(--grad-kennung);letter-spacing:var(--spur-kennung);text-transform:uppercase;color:var(--messing)}.marginal-liste{gap:var(--raum-2) var(--raum-3);grid-template-columns:auto 1fr;margin:0;display:grid}.marginal-liste dt{color:var(--sekundaer);font-family:var(--schrift-technik);font-size:var(--grad-kennung);letter-spacing:var(--spur-kennung);text-transform:uppercase}.marginal-liste dd{color:var(--papier);margin:0}.marginal-inhalt-titel{margin:var(--raum-4) 0 var(--raum-3);padding:var(--raum-4) 0 0;border-top:var(--strich) solid var(--linie)}.marginal-inhalt{margin:0;padding:0;list-style:none}.marginal-inhalt li+li{margin-top:var(--raum-2)}.vorspann{margin:var(--raum-4) 0 var(--raum-5);font-family:var(--schrift-titel);font-size:var(--grad-lead);line-height:var(--zeile-eng);color:var(--sekundaer)}.kennung{margin:0 0 var(--raum-3);font-family:var(--schrift-technik);font-size:var(--grad-kennung);letter-spacing:var(--spur-kennung);text-transform:uppercase;color:var(--messing)}.abschnitt{margin:var(--raum-6) 0 0;padding:var(--raum-4) 0 0;border-top:var(--strich) solid var(--linie)}.abschnitt h2{margin:0 0 var(--raum-3)}.abschnitt p{white-space:pre-line;overflow-wrap:anywhere}.bereich{padding:0 0 var(--raum-7);scroll-margin-top:var(--raum-4)}.blattreihe{gap:var(--raum-4);margin:var(--raum-5) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.karteiblatt{align-content:start;gap:var(--raum-3);height:100%;padding:var(--raum-4);background:var(--instrument);color:var(--papier);text-decoration:none;display:grid}.karteiblatt:hover{background:var(--grund);color:var(--papier)}.blatt-kopf{justify-content:space-between;gap:var(--raum-3);font-family:var(--schrift-technik);font-size:var(--grad-kennung);letter-spacing:var(--spur-kennung);text-transform:uppercase;color:var(--messing);display:flex}.blatt-titel{font-family:var(--schrift-titel);font-size:var(--grad-t2);line-height:var(--zeile-titel)}.karteiblatt:hover .blatt-titel{color:var(--signal)}.blatt-text{color:var(--sekundaer);font-size:var(--grad-marginal)}.bereich>h2{max-width:max-content;margin:0 0 var(--raum-3)}.bereich-text{max-width:var(--satzbreite);color:var(--sekundaer);margin:0}.register{margin:0;padding:0;list-style:none}.register-kopf,.register-zeile{grid-template-columns:var(--spalte-signatur) minmax(0, 1fr) var(--spalte-merkmal);gap:var(--raum-4);padding:var(--raum-4) 0;border-bottom:var(--strich) solid var(--linie);display:grid}.register-kopf{margin:var(--raum-5) 0 0;border-top:var(--strich) solid var(--messing);font-family:var(--schrift-technik);font-size:var(--grad-kennung);letter-spacing:var(--spur-kennung);text-transform:uppercase;color:var(--sekundaer)}.register-zeile{color:var(--papier);text-decoration:none}.register-inhalt{min-width:0}.register-zeile:hover{color:var(--papier);background:var(--instrument)}.register-zeile:hover .register-titel{color:var(--signal)}.register-signatur{font-family:var(--schrift-technik);font-size:var(--grad-marginal);color:var(--sekundaer);display:block}.register-titel{margin:0 0 var(--raum-2);font-family:var(--schrift-titel);font-size:var(--grad-t3);line-height:var(--zeile-titel);display:block}.register-text{max-width:var(--satzbreite);color:var(--sekundaer);font-size:var(--grad-marginal);margin:0;display:block}.register-merkmal{font-family:var(--schrift-technik);font-size:var(--grad-kennung);letter-spacing:var(--spur-kennung);text-transform:uppercase;color:var(--messing);display:block}.planetenbild{width:100%;margin:0;display:block}.planetenbild-grafik{width:100%;height:auto;display:block}.planetenbild figcaption{margin-top:var(--raum-2)}.systemseite{padding:var(--raum-5) 0}.systemseite>p{max-width:var(--satzbreite)}.modell-rahmen:is(:fullscreen,.modell-rahmen-fensterbild){padding:var(--raum-4);background:var(--grund);flex-direction:column;display:flex;overflow-y:auto}.modell-rahmen-fensterbild{z-index:var(--modell-fenster-ebene);position:fixed;inset:0}.modell-rahmen:is(:fullscreen,.modell-rahmen-fensterbild) .modell-sicht{flex:1 0 var(--modell-hoehe-schmal);height:auto}.modell-rahmen:is(:fullscreen,.modell-rahmen-fensterbild) .modell-steuerung{margin-bottom:0}.modell-sicht{width:100%;height:var(--modell-hoehe);background:var(--instrument);position:relative;overflow:hidden}.modell-bild{object-fit:contain;width:100%;height:100%;display:block}.modell-sicht-bereit .modell-bild,.modell-sicht:not(.modell-sicht-bereit) canvas{visibility:hidden}.modell-sicht canvas{touch-action:none;display:block;position:absolute;inset:0}.modell-status{margin:var(--raum-3) 0;color:var(--sekundaer);font-size:var(--grad-marginal)}.modell-steuerung{align-items:center;gap:var(--raum-2) var(--raum-4);margin:var(--raum-4) 0 var(--raum-6);flex-wrap:wrap;display:flex}.aktion{min-height:var(--ziel-mindest);padding:var(--raum-3) var(--raum-4);border:var(--strich) solid var(--messing);background:var(--messing);color:var(--grund);font-size:var(--grad-marginal);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.aktion:hover{background:var(--papier);border-color:var(--papier);color:var(--grund)}.textlink{min-height:var(--ziel-mindest);font-size:var(--grad-marginal);align-items:center;display:inline-flex}button.textlink{text-align:left;background:0 0;border:0;padding:0}.hinweis{margin:var(--raum-5) 0 0;padding:var(--raum-4);border-left:var(--strich) solid var(--messing);background:var(--instrument);color:var(--sekundaer);font-size:var(--grad-marginal)}.hinweis p:last-child{margin:0}.formular{gap:var(--raum-3);margin:var(--raum-4) 0;display:grid}.formular input,.formular select{width:100%;min-width:0;min-height:var(--ziel-mindest);padding:var(--raum-3);border:var(--strich) solid var(--messing);background:var(--instrument);color:var(--papier);font-family:var(--schrift-text);font-size:var(--grad-text)}.formular label{font-size:var(--grad-marginal)}button{font-family:var(--schrift-text);cursor:pointer}button:disabled,input:disabled{cursor:wait;border-color:var(--sekundaer)}button:disabled{background:var(--sekundaer);color:var(--grund)}.aktionsliste{gap:var(--raum-3);display:grid}.aufzeichnung{white-space:pre-wrap;overflow-wrap:anywhere}.fundliste{margin:var(--raum-4) 0;padding:0;list-style:none}.fundliste li{padding:var(--raum-3) 0;border-bottom:var(--strich) solid var(--linie)}.fundliste summary{min-height:var(--ziel-mindest);padding:var(--raum-2) 0;color:var(--signal);cursor:pointer}@media (max-width:900px){.seite{padding:0 var(--raum-4)}body:has(.sternenhimmel) .kopf{padding:var(--raum-3) 0}.sternenhimmel+.statusleiste>li{padding-top:var(--raum-2);padding-bottom:var(--raum-2)}.buehne{gap:var(--raum-2);padding:var(--raum-2) 0;grid-template-columns:minmax(0,1fr);grid-template-areas:"titel""bild""text"}.buehne-kopf .kennung{margin-bottom:var(--raum-1)}:is(.buehne,.startbuehne) h1{font-size:var(--grad-t0-schmal)}:is(.buehne,.startbuehne) h1 span{font-size:var(--grad-untertitel-schmal)}.startbuehne{gap:var(--raum-3);padding:var(--raum-2) 0 var(--raum-5);grid-template-columns:minmax(0,1fr);grid-template-areas:"titel""bild""einstieg"}.buehne-lage{grid-template-areas:"bild""text"}.einstieg{gap:var(--raum-3);flex-direction:column-reverse;display:flex}.einstieg>p{margin:0}.stationsbild{width:100vw;margin:0;left:50%;transform:translate(-50%)}.stationsmarke-text{min-height:var(--raum-4);padding:0 var(--raum-1)}.stationsmarke-stiel{height:var(--raum-2)}.rundgang{grid-template-columns:minmax(0,1fr)}.rundgang-wahl{grid-template-columns:repeat(2,minmax(0,1fr))}.rundgang-tafel{gap:var(--raum-4);padding:var(--raum-3);grid-template-columns:minmax(0,1fr)}.wegreihe{grid-template-columns:minmax(0,1fr)}.modell-sicht{height:var(--modell-hoehe-schmal)}.blattreihe{grid-template-columns:minmax(0,1fr)}.satz{gap:var(--raum-5);padding:var(--raum-5) 0 var(--raum-6);grid-template-columns:minmax(0,1fr)}.satz-text{grid-column:1}.marginal{grid-area:1/1;position:static}.register-kopf,.register-zeile{grid-template-columns:var(--spalte-signatur) minmax(0, 1fr);gap:var(--raum-3)}.register-kopf>:last-child{display:none}.register-merkmal{margin-top:var(--raum-2);grid-column:2}.statusleiste>li{padding-right:var(--raum-4)}}@media (max-width:380px){.seite,.statusleiste{padding:0 var(--raum-3)}}@media (prefers-reduced-motion:reduce){a{transition:none}.marginal{position:static}}.spiel-seite{padding:0 0 var(--raum-6)}.spiel-seite>:not(.spiel-gesamt){max-width:var(--satzbreite)}.spiel-gesamt{min-width:0}.spiel-text{max-width:var(--satzbreite);margin-top:var(--raum-5)}.spiel-buehne{isolation:isolate;height:var(--spiel-hoehe);max-height:var(--spiel-hoehe-max);border:var(--strich) solid var(--linie);border-radius:var(--radius);background:var(--grund);position:relative;overflow:hidden}.spiel-sicht{position:absolute;inset:0}.spiel-sicht canvas{touch-action:none;display:block;position:absolute;inset:0}.spiel-sicht:not(.modell-sicht-bereit) canvas{visibility:hidden}.spiel-laden{padding:var(--raum-6);color:var(--sekundaer);margin:0}.spiel-schleier{background:var(--spiel-schleier-farbe);opacity:0;pointer-events:none;transition:opacity var(--spiel-schleier);position:absolute;inset:0}.spiel-schleier[data-an=ja]{opacity:1}.spiel-hud{z-index:var(--spiel-hud-ebene);pointer-events:none;position:absolute;inset:0}.spiel-hud :is(.spiel-ort,.spiel-schalter,.spiel-fensteranzeige,.spiel-mappe,.spiel-paneel,.spiel-mitte,.spiel-meldung,.spiel-aktionen,.spiel-kamera){pointer-events:auto}.spiel-hud-oben{top:var(--raum-3);left:var(--raum-3);right:var(--raum-3);justify-content:space-between;align-items:flex-start;gap:var(--raum-3);display:flex;position:absolute}:is(.spiel-ort,.spiel-mappe,.spiel-meldung,.spiel-aktionen,.spiel-paneel>*,.spiel-mitte>*){border:var(--strich) solid var(--messing);border-radius:var(--radius);box-shadow:var(--rahmen-doppel)}.spiel-ort{gap:var(--raum-1);max-width:var(--spiel-meldung-breite);min-width:0;padding:var(--raum-3) var(--raum-4);background:var(--spiel-flaeche);display:grid}.spiel-ort .kennung{margin:0}.spiel-ort-titel,.spiel-meldung-titel{font-family:var(--schrift-titel);font-size:var(--grad-t3);font-weight:400;line-height:var(--zeile-titel);color:var(--papier);margin:0}.spiel-ort-modus{font-size:var(--grad-marginal);color:var(--sekundaer);margin:0}.spiel-stufen{gap:var(--raum-1);margin:var(--raum-2) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.spiel-stufen li{padding:var(--raum-1) var(--raum-2);border:var(--strich) solid var(--linie);border-radius:var(--radius);font-family:var(--schrift-technik);font-size:var(--grad-kennung);color:var(--sekundaer)}.spiel-stufen .spiel-stufe-an{border-color:var(--signal);background:var(--signal);color:var(--grund)}.spiel-stufen .spiel-stufe-zu{border-style:dashed}.spiel-schalter{justify-content:flex-end;gap:var(--raum-2);flex-wrap:wrap;display:flex}.spiel-knopf{min-height:var(--ziel-mindest);padding:0 var(--raum-3);border:var(--strich) solid var(--linie);border-radius:var(--radius);background:var(--spiel-flaeche);color:var(--papier);font:inherit;font-size:var(--grad-marginal);white-space:nowrap;cursor:pointer;transition:border-color var(--uebergang), color var(--uebergang);align-items:center;display:inline-flex}.spiel-knopf:hover{border-color:var(--messing)}.spiel-knopf[aria-pressed=true],.spiel-knopf-haupt{border-color:var(--signal);color:var(--signal)}.spiel-knopf:disabled,:is(.spiel-paneel,.spiel-mitte) .aktion:disabled{background:var(--spiel-flaeche);border-color:var(--linie);color:var(--sekundaer);cursor:default;border-style:dashed}.spiel-knopf[aria-pressed=true]:disabled{border-color:var(--signal);color:var(--signal)}.spiel-zahl{margin-left:var(--raum-1);font-family:var(--schrift-technik);color:var(--messing)}.spiel-fensteranzeige{top:var(--raum-7);align-items:center;gap:var(--raum-2);padding:var(--raum-2) var(--raum-3);border:var(--strich) solid var(--linie);border-radius:var(--radius);background:var(--spiel-flaeche);font-family:var(--schrift-technik);font-size:var(--grad-kennung);letter-spacing:var(--spur-kennung);text-transform:uppercase;color:var(--sekundaer);white-space:nowrap;margin:0;display:flex;position:absolute;left:50%;transform:translate(-50%)}.spiel-fensteranzeige[data-phase=offen]{border-color:var(--signal);color:var(--signal)}.spiel-punkt{width:var(--raum-2);height:var(--raum-2);border-radius:var(--radius);background:currentColor}.spiel-fensteranzeige[data-phase=offen] .spiel-punkt{animation:spiel-puls var(--spiel-puls)}@keyframes spiel-puls{50%{opacity:.25}}.spiel-einblendung{top:calc(var(--raum-7) + var(--raum-6));max-width:calc(100% - var(--raum-5));opacity:0;transition:opacity var(--spiel-einblendung);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.spiel-einblendung[data-sichtbar=ja]{opacity:1}.spiel-einblendung p{padding:var(--raum-2) var(--raum-3);border:var(--strich) solid var(--signal);border-radius:var(--radius);background:var(--grund);font-size:var(--grad-marginal);color:var(--papier);margin:0}.spiel-einblendung .kennung{margin-right:var(--raum-2);color:var(--signal)}.spiel-mappe{top:var(--raum-7);right:var(--raum-3);align-content:start;gap:var(--raum-3);width:var(--spiel-paneel-breite);max-width:calc(100% - var(--raum-4));max-height:calc(100% - var(--raum-7) - var(--raum-7) - var(--raum-6));padding:var(--raum-4);background:var(--spiel-flaeche-hell);display:grid;position:absolute;overflow-y:auto}.spiel-mappe-kopf{justify-content:space-between;align-items:center;gap:var(--raum-3);display:flex}.spiel-mappe .kennung{margin:var(--raum-2) 0 0}.spiel-mappe-liste{gap:var(--raum-3);margin:0;padding:0;list-style:none;display:grid}.spiel-mappe-liste li{gap:var(--raum-1);padding-bottom:var(--raum-3);border-bottom:var(--strich) solid var(--linie);display:grid}.spiel-mappe-liste li:last-child{border-bottom:0;padding-bottom:0}.spiel-mappe-liste strong{font-family:var(--schrift-titel);font-size:var(--grad-spiel);color:var(--papier);font-weight:400}.spiel-mappe-liste span{font-size:var(--grad-marginal);line-height:var(--zeile-eng);color:var(--sekundaer)}.spiel-mappe-liste .spiel-neu strong{color:var(--signal)}.spiel-mappe-leer{font-size:var(--grad-marginal);color:var(--sekundaer);margin:0}.spiel-paneel{top:calc(var(--raum-7) + var(--raum-7));left:var(--raum-3);gap:var(--raum-3);width:var(--spiel-paneel-breite);max-width:calc(100% - var(--raum-4));max-height:calc(100% - var(--raum-7) - var(--raum-7) - var(--raum-7) - var(--raum-5));display:grid;position:absolute;overflow-y:auto}.spiel-paneel[hidden]{display:none}.spiel-paneel>*,.spiel-mitte>*{padding:var(--raum-3) var(--raum-4);background:var(--spiel-flaeche-hell);margin:0}:is(.spiel-paneel,.spiel-mitte) :is(h3,.spiel-meldung-titel){margin:0 0 var(--raum-2);font-family:var(--schrift-titel);font-size:var(--grad-t3);font-weight:400}:is(.spiel-paneel,.spiel-mitte) p{margin:0 0 var(--raum-2);font-size:var(--grad-marginal);line-height:var(--zeile-eng);color:var(--sekundaer)}:is(.spiel-paneel,.spiel-mitte) :is(.aktionsliste,.modell-steuerung){gap:var(--raum-2);margin:var(--raum-2) 0;flex-wrap:wrap;display:flex}:is(.spiel-paneel,.spiel-mitte) .aktion{min-height:var(--ziel-mindest);padding:0 var(--raum-3);border-color:var(--linie);border-radius:var(--radius);background:var(--instrument);color:var(--papier);font-weight:400}:is(.spiel-paneel,.spiel-mitte) .aktion:hover{border-color:var(--messing);background:var(--instrument);color:var(--papier)}:is(.spiel-paneel,.spiel-mitte) .aktion[aria-pressed=true]{border-color:var(--signal);color:var(--signal)}:is(.spiel-paneel,.spiel-mitte) .formular{gap:var(--raum-2);margin:0}:is(.spiel-paneel,.spiel-mitte) input[type=range]{width:100%;accent-color:var(--messing)}.spiel-raetsel .spiel-knopf{margin-bottom:var(--raum-2)}.spiel-alternativen summary{min-height:var(--ziel-mindest);font-size:var(--grad-marginal);color:var(--messing);cursor:pointer;align-items:center;display:flex}.spiel-mitte{padding:var(--raum-4);background:var(--spiel-abdunklung);place-items:center;display:grid;position:absolute;inset:0}.spiel-mitte>*{width:var(--spiel-meldung-breite);max-width:100%}.spiel-hud-unten{left:var(--raum-3);right:var(--raum-3);bottom:var(--raum-3);justify-items:center;gap:var(--raum-2);display:grid;position:absolute}.spiel-meldung{gap:var(--raum-2);width:var(--spiel-meldung-breite);max-width:100%;padding:var(--raum-4);background:var(--spiel-flaeche-hell);display:grid}.spiel-meldung .kennung{margin:0}.spiel-meldung-text{max-width:var(--satzbreite);font-size:var(--grad-spiel);line-height:var(--zeile-text);color:var(--papier);margin:0}.spiel-wahl{gap:var(--raum-2);margin-top:var(--raum-1);flex-wrap:wrap;display:flex}.spiel-aktionen{align-items:center;gap:var(--raum-2);max-width:100%;padding:var(--raum-2);background:var(--spiel-flaeche);display:flex;overflow-x:auto}.spiel-aktionen .kennung{padding:0 var(--raum-2) 0 var(--raum-1);white-space:nowrap;margin:0}.spiel-leer{padding:0 var(--raum-2);font-size:var(--grad-marginal);color:var(--sekundaer);white-space:nowrap}.spiel-kamera{justify-content:center;gap:var(--raum-1);flex-wrap:wrap;display:flex}.spiel-nur-vorlesen,.nur-vorlesen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spiel-tip{z-index:var(--spiel-hud-ebene);padding:var(--raum-1) var(--raum-2);transform:translate(var(--raum-3), var(--raum-3));border:var(--strich) solid var(--signal);border-radius:var(--radius);background:var(--grund);font-family:var(--schrift-technik);font-size:var(--grad-kennung);color:var(--signal);white-space:nowrap;pointer-events:none;margin:0;position:absolute}.spiel-label-anker{pointer-events:none}.spiel-label{padding-bottom:var(--raum-2);font-family:var(--schrift-technik);font-size:var(--grad-kennung);letter-spacing:var(--spur-kennung);text-align:center;text-shadow:var(--spiel-schrift-schatten);white-space:nowrap;color:var(--papier);position:relative;transform:translate(-50%,-100%)}.spiel-label:after{content:"";width:var(--strich);height:var(--raum-1);background:currentColor;position:absolute;bottom:0;left:50%}.spiel-label small{font-size:var(--grad-kennung);color:var(--sekundaer);display:block}.spiel-label-signal{color:var(--signal)}.spiel-label-messing{color:var(--messing)}.spiel-label-kupfer:after{background:var(--kupfer)}.spiel-unterzeile{max-width:var(--satzbreite);margin-top:var(--raum-3);font-size:var(--grad-marginal);color:var(--sekundaer)}.spiel-unterzeile p{margin:0 0 var(--raum-2)}.spiel-gesamt:is(:fullscreen,:has(.spiel-fenster)){z-index:var(--modell-fenster-ebene);padding:var(--raum-4);background:var(--grund);position:fixed;inset:0;overflow-y:auto}.spiel-gesamt:is(:fullscreen,:has(.spiel-fenster)) .spiel-buehne{height:calc(100vh - var(--raum-5));max-height:none}.kanal-glyphe{width:var(--raum-6);height:var(--raum-6);vertical-align:middle;color:var(--signal);margin-right:var(--raum-3)}@media (prefers-reduced-motion:reduce){.spiel-schleier,.spiel-einblendung{transition:none}.spiel-fensteranzeige[data-phase=offen] .spiel-punkt{animation:none}}@media (max-width:900px){.spiel-buehne{flex-direction:column;height:auto;max-height:none;display:flex}.spiel-sicht{height:var(--spiel-hoehe-schmal);order:2;position:relative;inset:auto;overflow:hidden}.spiel-hud{display:contents}.spiel-hud-oben{align-items:stretch;gap:var(--raum-2);padding:var(--raum-2);flex-direction:column;order:1;position:static}.spiel-ort{max-width:none;padding:var(--raum-2) var(--raum-3)}.spiel-ort-titel,.spiel-meldung-titel{font-size:var(--grad-spiel)}.spiel-schalter{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.spiel-fensteranzeige{margin:var(--raum-2) var(--raum-2) 0;order:3;align-self:center;position:static;transform:none}.spiel-einblendung{max-width:none;margin:var(--raum-2) var(--raum-2) 0;order:3;position:static;transform:none}.spiel-einblendung[data-sichtbar=nein]{max-height:0;margin:0;overflow:hidden}.spiel-mappe,.spiel-paneel{width:auto;max-width:none;max-height:none;margin:var(--raum-2) var(--raum-2) 0;order:4;position:static}.spiel-mitte{padding:var(--raum-2) var(--raum-2) 0;background:0 0;order:4;position:static}.spiel-hud-unten{padding:var(--raum-2);order:5;position:static}.spiel-meldung{padding:var(--raum-3)}.spiel-meldung-text{font-size:var(--grad-marginal)}.spiel-aktionen{flex-wrap:wrap;overflow-x:visible}.spiel-aktionen .spiel-knopf{white-space:normal;text-align:left}.spiel-aktionen .kennung{width:100%}.spiel-label small{display:none}}
