@font-face{font-family:"Jacquard 24";src:url(/fonts/jacquard-24-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Alegreya Sans;src:url(/fonts/alegreya-sans-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Alegreya Sans;src:url(/fonts/alegreya-sans-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Alegreya Sans;src:url(/fonts/alegreya-sans-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Alegreya Sans;src:url(/fonts/alegreya-sans-800.woff2)format("woff2");font-weight:800;font-display:swap}:root{--tinte:#140f0b;--russ:#2b1e16;--holz0:#3b2416;--holz1:#5c3a21;--holz2:#82552e;--holz3:#a9773f;--holz4:#d2a05a;--perg0:#f4e7c5;--perg1:#e4cf9c;--perg2:#c9a86b;--perg3:#8a6a3c;--stein3:#9a95a8;--gras1:#2f5e34;--gras4:#a8d46a;--erde1:#b9824a;--rot0:#7a1220;--rot1:#a8202a;--gold0:#c8901e;--gold1:#f3cf62;--blau:#2c4f9e;--r-pergament-bild:url(/assets/ui/pergament.png);--r-pergament-slice:16 16 16 16;--r-pergament-breite:16px 16px 16px 16px;--r-zettel-bild:url(/assets/ui/zettel.png);--r-zettel-slice:6 6 6 6;--r-zettel-breite:6px 6px 6px 6px;--r-holz-bild:url(/assets/ui/holz.png);--r-holz-slice:8 8 8 8;--r-holz-breite:16px 16px 16px 16px;--r-knopf-bild:url(/assets/ui/knopf.png);--r-knopf-slice:6 6 6 6;--r-knopf-breite:12px 12px 12px 12px;--r-knopf-gedrueckt-bild:url(/assets/ui/knopf-gedrueckt.png);--r-knopf-gedrueckt-slice:6 6 6 6;--r-knopf-gedrueckt-breite:12px 12px 12px 12px;--r-knopf-primaer-bild:url(/assets/ui/knopf-primaer.png);--r-knopf-primaer-slice:6 6 6 6;--r-knopf-primaer-breite:12px 12px 12px 12px;--r-knopf-primaer-gedrueckt-bild:url(/assets/ui/knopf-primaer-gedrueckt.png);--r-knopf-primaer-gedrueckt-slice:6 6 6 6;--r-knopf-primaer-gedrueckt-breite:12px 12px 12px 12px;--r-banner-bild:url(/assets/ui/banner.png);--r-banner-slice:6 18 6 18;--r-banner-breite:6px 18px 6px 18px;--r-balken-bild:url(/assets/ui/balken.png);--r-balken-slice:3 3 3 3;--r-balken-breite:6px 6px 6px 6px;--siegel-bild:url(/assets/ui/siegel.png);--zierschrift:"Jacquard 24", Georgia, serif;--textschrift:"Alegreya Sans", system-ui, sans-serif;--schatten:0 3px 0 var(--tinte);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px}*{box-sizing:border-box}body{background:var(--russ);min-height:100vh;color:var(--tinte);font-family:var(--textschrift);margin:0;line-height:1.45}h1,h2{font-family:var(--zierschrift);color:var(--rot0);margin:0 0 .5rem;font-weight:400}h2{font-size:1.6rem;line-height:1.1}h3{color:var(--holz1);margin:.75rem 0 .25rem;font-size:1rem;font-weight:800}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--gold1);outline-offset:1px;box-shadow:0 0 0 5px var(--tinte)}button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.75}.knopf,.klein-knopf,.haupt{border-style:solid;border-color:#0000;border-width:var(--r-knopf-breite);border-image-source:var(--r-knopf-bild);border-image-slice:var(--r-knopf-slice) fill;border-image-width:var(--r-knopf-breite);image-rendering:pixelated;min-height:44px;color:var(--perg0);text-shadow:0 1px 0 var(--tinte);background:0 0;border-image-repeat:stretch;padding:.15rem .6rem;font-weight:800;transition:transform 80ms}.klein-knopf{min-height:36px;font-size:.9rem}.haupt{width:100%;margin-top:.75rem;display:block}.knopf-primaer,.haupt{border-image-source:var(--r-knopf-primaer-bild)}.knopf:hover:not(:disabled),.klein-knopf:hover:not(:disabled),.haupt:hover:not(:disabled){transform:translateY(-1px)}.knopf:active:not(:disabled),.klein-knopf:active:not(:disabled){border-image-source:var(--r-knopf-gedrueckt-bild);transform:translateY(1px)}.knopf-primaer:active:not(:disabled),.haupt:active:not(:disabled){border-image-source:var(--r-knopf-primaer-gedrueckt-bild);transform:translateY(1px)}.banner{border-style:solid;border-color:#0000;border-width:var(--r-banner-breite);border-image-source:var(--r-banner-bild);border-image-slice:var(--r-banner-slice) fill;border-image-width:var(--r-banner-breite);image-rendering:pixelated;color:var(--gold1);font-family:var(--zierschrift);text-shadow:1px 1px 0 var(--tinte);background:0 0;border-image-repeat:stretch;margin:.9rem -.4rem .4rem;padding:0 .25rem;font-size:1.4rem;font-weight:400;line-height:1.1}.siegel{background:var(--siegel-bild) 0 0 / 100% 100% no-repeat;width:28px;height:28px;image-rendering:pixelated;color:var(--perg0);text-shadow:0 1px 0 var(--tinte);place-items:center;font-size:.85rem;font-weight:800;display:inline-grid}.siegel.neu{animation:.35s ease-out stempel}@keyframes stempel{0%{opacity:.2;transform:scale(1.7)rotate(-14deg)}60%{transform:scale(.9)}to{opacity:1;transform:none}}.icon{vertical-align:middle;image-rendering:pixelated;background-repeat:no-repeat;flex:none;display:inline-block}.tooltip-anker{position:relative}.tooltip{z-index:20;visibility:hidden;opacity:0;pointer-events:none;width:max-content;max-width:16rem;padding:0 .3rem;font-size:.9rem;font-weight:500;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-anker:hover .tooltip,.tooltip-anker:focus-within .tooltip{visibility:visible;opacity:1}.timer{font-variant-numeric:tabular-nums;align-items:center;gap:.25rem;font-weight:800;display:inline-flex}.link{min-height:24px;color:var(--blau);text-align:left;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.klein{color:var(--holz1);font-size:.9rem}.fehler,.grund{color:var(--rot1);font-weight:700}.unsichtbar{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.laden{text-align:center;color:var(--perg1);padding:3rem}.rahmen-pergament,.anmeldung,.detail,.bauschleife,.liste{border-style:solid;border-color:#0000;border-width:var(--r-pergament-breite);border-image-source:var(--r-pergament-bild);border-image-slice:var(--r-pergament-slice) fill;border-image-width:var(--r-pergament-breite);image-rendering:pixelated;color:var(--tinte);background:0 0;border-image-repeat:repeat}.rahmen-zettel,.meldung,.tooltip{border-style:solid;border-color:#0000;border-width:var(--r-zettel-breite);border-image-source:var(--r-zettel-bild);border-image-slice:var(--r-zettel-slice) fill;border-image-width:var(--r-zettel-breite);image-rendering:pixelated;color:var(--tinte);background:0 0;border-image-repeat:repeat}.rahmen-holz,.kopf,.rohstoffe{border-style:solid;border-color:#0000;border-width:var(--r-holz-breite);border-image-source:var(--r-holz-bild);border-image-slice:var(--r-holz-slice) fill;border-image-width:var(--r-holz-breite);image-rendering:pixelated;color:var(--perg0);background:0 0;border-image-repeat:repeat}.anmeldung{width:min(26rem,100% - 2rem);margin:10vh auto;padding:.5rem .75rem}.anmeldung h1{margin:0;font-size:3rem;line-height:1}.untertitel{color:var(--holz1);margin:0 0 1.25rem}.reiter{border-bottom:2px solid var(--perg3);margin-bottom:1rem;display:flex}.reiter button{min-height:44px;color:var(--holz1);background:0 0;border:none;border-bottom:4px solid #0000;flex:1;padding:.5rem;font-weight:700}.reiter button.aktiv{color:var(--tinte);border-bottom-color:var(--rot1)}.anmeldung label{color:var(--holz1);margin-bottom:.75rem;font-weight:700;display:block}.anmeldung input{background:var(--perg0);border:2px solid var(--holz1);width:100%;min-height:44px;color:var(--tinte);font:inherit;box-shadow:inset 0 2px 0 var(--perg2);margin-top:.25rem;padding:.5rem;display:block}.hinweis{color:var(--holz1);font-size:.85rem}.spiel{position:fixed;inset:0;overflow:hidden}.welt-ebene{position:absolute;inset:0}.kopf{z-index:10;align-items:center;gap:.4rem .9rem;padding:0 .4rem;display:flex;position:absolute;top:8px;left:8px;right:8px}.wappen{align-items:center;gap:.5rem;min-width:0;display:flex}.wappen .schild{background:var(--rot1);border:3px solid var(--gold0);clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);flex:none;width:26px;height:30px}.wappen .titel{font-family:var(--zierschrift);color:var(--gold1);text-shadow:2px 2px 0 var(--tinte);font-size:2rem;line-height:1;display:block}.wappen .siedlungsname{color:var(--perg1);text-shadow:1px 1px 0 var(--tinte);white-space:nowrap;font-size:.85rem;font-weight:700;display:block}.rohstoffe{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.rohstoff-inhalt{background:var(--holz0);border:2px solid var(--tinte);color:var(--perg0);grid-template-rows:auto auto auto 5px;grid-template-columns:auto auto;align-items:center;column-gap:.35rem;padding:.15rem .5rem .25rem .25rem;display:grid}.rohstoff-inhalt .icon{grid-row:1/4}.rohstoff-inhalt .icon.klein{display:none}.rohstoff-inhalt .rohstoff-name{color:var(--holz4);grid-column:2;font-size:.7rem;line-height:1}.rohstoff-inhalt strong{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800;line-height:1.1}.rohstoff-inhalt .pro-stunde{color:var(--holz4);grid-column:2;font-size:.8rem;line-height:1.1}.fuellstand{background:var(--russ);border:1px solid var(--tinte);grid-column:1/-1;height:5px}.fuellstand span{background:var(--gold0);height:100%;display:block}.rohstoff.voll strong,.rohstoff.voll .pro-stunde{color:var(--gold1)}.rohstoff.voll .fuellstand span{background:var(--gold1)}.reiter-oben{gap:.2rem;margin-left:auto;display:flex}.reiter-oben .knopf{white-space:nowrap;padding:.15rem .35rem}.verbindung{border:2px solid var(--tinte);background:var(--rot1);width:.7rem;height:.7rem;display:inline-block}.verbindung.an{background:var(--gras3)}.meldungen{z-index:30;pointer-events:none;width:min(30rem,100% - 2rem);position:absolute;top:96px;left:50%;transform:translate(-50%)}.meldung{text-align:center;margin:0;padding:.1rem .5rem;font-weight:700;animation:.2s ease-out einblenden}.meldung.warnung{color:var(--rot1);font-size:1.05rem}.ereignisliste{margin:0 0 .75rem;padding-left:1.2rem;font-size:.9rem}.meldung.fehler{color:var(--rot1)}@keyframes einblenden{0%{opacity:0;transform:translateY(-6px)}}.bauschleife-ecke{z-index:5;width:21rem;position:absolute;bottom:12px;left:12px}.panel-rechts{top:calc(var(--kopf-unten,92px) + 8px);z-index:8;overscroll-behavior:contain;width:25rem;position:absolute;bottom:12px;right:12px;overflow:auto}.panel-rechts.breit{width:min(52rem,100% - 24px)}.panel-rechts>.rahmen-pergament,.panel-rechts>.detail,.panel-rechts>.liste{min-height:100%}.schliessen{float:right;z-index:2;min-width:44px;margin:6px 6px -50px 0;position:sticky;top:0}.techbaum{padding:calc(var(--kopf-unten,124px) + 8px) 16px 24px;background:var(--russ);color:var(--perg0);position:absolute;inset:0;overflow:auto}.tb-legende{margin:0 0 .75rem;font-size:.9rem}.tb-marke{border:2px solid var(--holz1);vertical-align:middle;width:.8rem;height:.8rem;margin-left:.4rem;display:inline-block}.tb-marke.gebaut{background:var(--gold1);border-color:var(--gold0)}.tb-marke.baubar{background:var(--perg1);border-color:var(--holz2)}.tb-marke.gesperrt{background:var(--stein3);border-color:var(--perg3)}.tb-flaeche{align-items:flex-start;gap:2.5rem;width:max-content;padding-left:14px;display:flex;position:relative}.tb-linien{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.tb-kante path{fill:none;stroke:var(--perg3);stroke-width:2px;stroke-dasharray:4 3}.tb-kante.ok path{stroke:var(--gold0);stroke-dasharray:none}.tb-kante.aktiv path{stroke:var(--gold1);stroke-width:3px}.tb-kante.blass{opacity:.25}.tb-kante circle{fill:var(--russ);stroke:var(--perg3);stroke-width:1.5px}.tb-kante.ok circle{stroke:var(--gold0)}.tb-kante text{fill:var(--perg0);text-anchor:middle;font-size:9px;font-weight:700}.tb-spalte{flex-direction:column;gap:.6rem;width:10rem;display:flex;position:relative}.tb-kopf{font-family:var(--zierschrift);text-align:center;color:var(--gold1);margin:0 0 .2rem;font-size:1.3rem;font-weight:400}.tb-knoten{z-index:1;border:3px solid var(--holz2);background:var(--perg1);min-height:44px;color:var(--tinte);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:.45rem;padding:.3rem .5rem;display:flex;position:relative}.tb-knoten.gebaut{border-color:var(--gold0);background:var(--perg0);box-shadow:inset 0 0 0 2px var(--gold1)}.tb-knoten.gesperrt{border-color:var(--perg3);background:var(--stein3)}.tb-knoten.einheit{border-radius:1rem}.tb-knoten:hover,.tb-knoten:focus-visible{outline:3px solid var(--gold1);outline-offset:1px}.tb-knoten.gewaehlt{outline:3px solid var(--rot1)}.tb-text{flex-direction:column;line-height:1.15;display:flex}.tb-name{font-weight:700}.tb-status{align-items:center;gap:.2rem;font-size:.8rem;display:flex}.tb-braucht{font-size:.8rem;display:none}.bauleiste{z-index:8;width:min(34rem,100% - 16px);color:var(--tinte);padding:.4rem .8rem;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.bauleiste-titel{font-family:var(--zierschrift);color:var(--rot1);margin:0;font-size:1.4rem;font-weight:400}.bauleiste-status{margin:.3rem 0;font-weight:700}.bauleiste-status.nein{color:var(--rot0)}.bauleiste-knoepfe{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.geist-pfeile{gap:.2rem;margin-right:auto;display:flex}.szene-huelle.baumodus .bauplatz-knopf{pointer-events:none}.szene-huelle.baumodus{cursor:crosshair}.karte-huelle{background:var(--russ);position:absolute;inset:0}.karte-flaeche{touch-action:none;cursor:grab;position:absolute;inset:0}.karte-flaeche:focus-visible{outline:3px solid var(--gold1);outline-offset:-3px}.karte-canvas{width:100%;height:100%;display:block}.karten-ziele{pointer-events:none;position:absolute;inset:0;overflow:hidden}.karten-ziel{pointer-events:none;background:0 0;border:0;width:44px;height:44px;padding:0;position:absolute;top:0;left:0}.karten-ziel:focus-visible{outline:3px solid var(--gold1);outline-offset:-3px;border-radius:4px}.laufzeiten{border-collapse:collapse;width:100%;margin:.2rem 0 .4rem;font-size:.9rem}.laufzeiten th,.laufzeiten td{text-align:left;border-bottom:1px solid var(--perg2);padding:.1rem .3rem}.laufzeiten td{text-align:right;font-variant-numeric:tabular-nums}.aussenansicht{position:absolute;inset:0}.aussen-text{z-index:6;width:min(20rem,100% - 16px);max-height:calc(100% - 140px);color:var(--tinte);padding:.4rem .7rem;position:absolute;bottom:8px;right:8px;overflow:auto}.aussen-liste{margin:.2rem 0 .4rem;padding-left:1.1rem}@media (width<=700px){.aussen-text{max-height:40%}}.aktion-mit-grund{flex-wrap:wrap;align-items:center;gap:.2rem .5rem;margin:.3rem 0;display:flex}.karten-berichte{margin:.2rem 0 .4rem;padding:0;list-style:none}.karten-berichte li{margin-bottom:.3rem}.karten-berichte .link{text-align:left}.karte-werkzeuge{z-index:5;width:min(19rem,100% - 16px);max-height:45%;color:var(--tinte);padding:.4rem .6rem;position:absolute;bottom:8px;left:8px;overflow:auto}.gehe-zu{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.gehe-zu input{border:2px solid var(--holz1);background:var(--perg0);width:3.5rem;min-height:32px;font:inherit}.karten-liste{margin:0;padding:0;font-size:.9rem;list-style:none}.minimap{z-index:5;border:3px solid var(--tinte);outline:2px solid var(--holz2);width:160px;height:160px;image-rendering:pixelated;cursor:crosshair;position:absolute;bottom:8px;right:8px}.karten-info{top:calc(var(--kopf-unten,124px) + 8px);z-index:6;width:min(20rem,100% - 16px);color:var(--tinte);max-height:calc(100% - var(--kopf-unten,124px) - 16px);padding:.4rem .7rem;position:absolute;right:8px;overflow:auto}.senden-liste,.bewegungen{margin:0 0 .4rem;padding:0;list-style:none}.senden-liste li{grid-template-columns:minmax(0,1fr) 4.5rem 5.5rem;align-items:center;gap:.2rem .5rem;padding:.15rem 0;display:grid}.senden-liste label{display:contents}.senden-liste label span{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.senden-liste .link{text-align:right;white-space:nowrap}.senden-liste input,.senden select{border:2px solid var(--holz1);background:var(--perg0);width:100%;min-height:32px;font:inherit}.senden select{width:auto}.bewegungen li{border-bottom:1px dashed var(--holz1);padding:.25rem 0;font-size:.9rem}.forschung-laeuft{flex-wrap:wrap;align-items:center;gap:.3rem .6rem;margin-bottom:.4rem;display:flex}.spaeherinfo p{margin:.1rem 0}.bewegungen li.gefahr b{color:var(--rot1)}.karten-info dl{grid-template-columns:auto 1fr;gap:.15rem .6rem;margin:.3rem 0 .5rem;display:grid}.karten-info dt{font-weight:700}.karten-info dd{margin:0}.spielmenue{padding:.25rem .5rem}.knopf-reihe{flex-wrap:wrap;gap:.4rem;margin:.5rem 0;display:flex}.tastenliste{margin:0 0 .75rem;padding-left:1.2rem}.tabbar{display:none}.berichte-knopf{position:relative}.zaehler{border:2px solid var(--tinte);background:var(--rot1);min-width:1.3rem;color:var(--perg0);text-align:center;border-radius:.7rem;padding:0 .25rem;font-size:.75rem;line-height:1.1rem;position:absolute;top:-9px;right:-9px}.siedlungswahl{border:1px solid var(--holz0);background:var(--holz1);max-width:10.5rem;min-height:26px;font:inherit;text-overflow:ellipsis;padding:0;font-size:.8rem}.einfuehrung{margin-bottom:.4rem}.einfuehrung p{margin:.2rem 0;font-size:.9rem}.zustimmung{color:var(--gold1);font-size:.75rem;display:block}.berichtliste{margin:0 0 .5rem;padding:0;list-style:none}.berichtliste li{border-bottom:1px dashed var(--holz1);padding:.2rem 0}.berichtliste li.neu .link{font-weight:700}.bericht p{margin:.3rem 0}.bericht caption{text-align:left;font-weight:700}.detail,.bauschleife,.liste{padding:.25rem .5rem}.detail .stufe-text{font-family:var(--textschrift);color:var(--holz1);font-size:.95rem;font-weight:700}.beschreibung{color:var(--holz1);margin:0 0 .6rem}.detail dl{grid-template-columns:auto 1fr;gap:.15rem .75rem;margin:0;display:grid}.detail dt{color:var(--holz1)}.detail dd{margin:0;font-weight:700}.kosten{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.2rem .9rem;margin:.25rem 0;padding:0;font-weight:700;list-style:none;display:flex}.kosten .fehlt{color:var(--rot1)}.bauschleife ol{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.zeile{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.zeit{font-variant-numeric:tabular-nums;color:var(--rot0);font-weight:800}.fortschritt span{background:repeating-linear-gradient(90deg, var(--gold0) 0 4px, var(--gold1) 4px 8px);height:100%;display:block}.tabelle-huelle{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px dashed var(--perg3);padding:.35rem .5rem}thead th{color:var(--holz1);font-weight:700}tr.gewaehlt{background:var(--perg1)}tr.teil th{padding-left:1.4rem}.menue-kopf{align-items:center;gap:.6rem;padding-right:48px;display:flex}.menue-kopf h2{margin:0;font-size:2.2rem}.menue-kopf h2:focus,.menue-kopf h2:focus-visible{box-shadow:none;outline:none}.menue-bild{image-rendering:pixelated;background-repeat:no-repeat;flex:none;display:block}.menue-kopf .stufe-text{margin:0}.pruefliste{margin:0;padding:0;list-style:none}.pruefliste li{border-bottom:1px dashed var(--perg2);flex-wrap:wrap;align-items:center;gap:.15rem .3rem;padding:.2rem 0;display:flex}.unterkopf{margin:.5rem 0 .2rem;font-size:.95rem}table.upgrades{width:100%;margin-bottom:.4rem;font-size:.85rem}table.upgrades tr.nein,.pruefliste li.nein{color:var(--holz1)}.handel{flex-wrap:wrap;align-items:center;gap:.4rem .8rem;display:flex}.handel select,.handel input{border:2px solid var(--holz1);background:var(--perg0);min-height:32px;font:inherit}.handel .posten{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:.4rem;display:flex}.handel .bauleiste-status{flex-basis:100%}.befestigung{margin:0;padding:0;list-style:none}.befestigung li{border-bottom:1px dashed var(--perg2);flex-wrap:wrap;align-items:center;gap:.15rem .4rem;padding:.3rem 0;display:flex}.befestigung .klein-knopf{margin-left:auto}.befestigung .grund-kurz{color:var(--holz1);flex-basis:100%}.aktionen{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.4rem;display:grid}.knopf.breit{width:100%;margin-top:.5rem;display:block}.grund .link{color:var(--rot0)}.stufe-zelle{white-space:nowrap}.bauschleife>.zeile h2{margin:0}.bauschleife .plaetze{margin:0 0 .4rem}.bauschleife .frage{border:1px dashed var(--rot1);color:var(--rot0);flex-wrap:wrap;margin-top:.3rem;padding:.3rem .4rem}.bauschleife-ecke .bauschleife ol{overscroll-behavior:contain;max-height:min(45vh,24rem);overflow:auto}.cheat-knopf{z-index:7;opacity:.85;min-height:32px;padding:.1rem .7rem;font-size:.85rem;position:absolute;bottom:12px;right:12px}.cheats input,.cheats select{border:2px solid var(--holz1);background:var(--perg0);width:100%;min-height:32px;font:inherit}.befehlsfeld{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.4rem;display:grid}.befehlsfeld input{font-family:ui-monospace,monospace}.befehlsausgabe{background:var(--russ);max-height:9rem;color:var(--perg0);white-space:pre-wrap;margin:.4rem 0;padding:.3rem .5rem;font:.85rem/1.35 ui-monospace,monospace;list-style:none;overflow:auto}.befehlsausgabe .eingabe{color:var(--perg2)}.befehlsausgabe .ok{color:var(--gras4)}.befehlsausgabe .fehler{color:#e0715a}.cheat-rohstoffe{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem .5rem;display:grid}.cheat-rohstoffe .haken,.cheat-rohstoffe .knopf-reihe{grid-column:1/-1}.cheat-zeile{grid-template-columns:minmax(0,1fr) 5rem auto;align-items:end;gap:.4rem;display:grid}.cheats label{font-size:.9rem}.cheats .haken{align-items:center;gap:.4rem;margin:.4rem 0;display:flex}.cheats .haken input{width:auto;min-height:0}.cheat-protokoll{margin:0 0 .5rem;padding-left:1.1rem}@media (width<=760px){.bauleiste{bottom:72px}.link,.klein-knopf,.gehe-zu input,.handel select,.handel input{min-height:44px}.link{align-items:center;display:inline-flex}.rohstoff-inhalt{min-height:44px}.karte-werkzeuge{max-height:30%;top:220px;bottom:auto}.minimap{width:110px;height:110px;bottom:76px}.karten-info{width:auto;max-height:60%;inset:auto 8px 76px}.senden-liste input,.senden select{min-height:44px}.techbaum{padding:calc(var(--kopf-unten,212px) + 8px) 8px 84px}.tb-flaeche{flex-direction:column;gap:1rem;width:auto;padding-left:0}.tb-spalte{width:auto}.tb-kopf{text-align:left}.tb-linien{display:none}.tb-braucht{display:block}.kopf{flex-wrap:wrap;gap:.25rem;padding:0;top:0;left:0;right:0}.wappen .titel{font-size:1.6rem}.rohstoffe{grid-template-columns:repeat(4,1fr);gap:2px;width:100%;display:grid}.rohstoff-inhalt .rohstoff-name{display:none}.rohstoff-inhalt{grid-template-columns:auto 1fr;column-gap:.15rem;padding:.1rem .2rem .2rem .1rem}.rohstoff-inhalt .pro-stunde{display:none}.rohstoff-inhalt strong{font-size:.85rem}.rohstoff-inhalt .icon.gross{display:none}.rohstoff-inhalt .icon.klein{grid-row:1;display:block}.reiter-oben{display:none}.tabbar{z-index:12;background:var(--holz0);border-top:3px solid var(--tinte);grid-template-columns:repeat(5,1fr);gap:2px;padding:4px;display:grid;position:absolute;bottom:0;left:0;right:0}.tabbar .knopf{min-height:48px;padding:0;font-size:.85rem}.meldungen{top:70px}.cheat-knopf{bottom:72px;right:6px}.bauschleife-ecke{width:auto;bottom:66px;left:6px;right:6px}.bauschleife-ecke .bauschleife ol{max-height:28vh}.bauschleife-ecke .bauschleife:not(:has(li)):not(.einfuehrung){display:none}.panel-rechts,.panel-rechts.breit{width:auto;max-height:62vh;box-shadow:0 -4px 0 var(--tinte);inset:auto 0 62px}.panel-rechts:before{content:"";background:var(--perg3);z-index:3;width:48px;height:5px;margin:6px auto -11px;display:block;position:relative}}.szene-huelle{background:var(--gras1);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;position:absolute;inset:0;overflow:hidden}.szene-huelle:active{cursor:grabbing}.szene-huelle:focus-visible{outline:3px solid var(--gold1);outline-offset:-3px;box-shadow:none}.szene-canvas{image-rendering:pixelated;position:absolute;inset:0}.bauplatz-knopf{cursor:pointer;background:0 0;border:none;padding:0;position:absolute;top:0;left:0}.bauplatz-knopf:focus-visible{outline:3px dashed var(--perg0);outline-offset:-2px;box-shadow:none}.bebaubar{white-space:nowrap;background:var(--tinte);border:2px dashed var(--gold1);color:var(--gold1);padding:0 .4rem;font-size:.8rem;font-weight:800;animation:1.6s ease-in-out infinite puls;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}@keyframes puls{50%{box-shadow:0 0 0 3px var(--gold0)}}.gesperrt-marke{background:var(--tinte);border:2px solid var(--perg3);place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.stufe{background:var(--siegel-bild) 0 0 / 100% 100% no-repeat;width:28px;height:28px;image-rendering:pixelated;color:var(--perg0);text-shadow:0 1px 0 var(--tinte);pointer-events:none;place-items:center;font-size:.85rem;font-weight:800;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.stufe .balken{background:var(--gold1);border:1px solid var(--tinte);height:4px;position:absolute;bottom:-6px;left:0}.tastenhilfe{color:var(--perg1);background:var(--holz0);margin:0;padding:.3rem .6rem;font-size:.85rem}@media (hover:none){.tastenhilfe{display:none}}.szene-huelle .tastenhilfe{border:1px solid var(--holz1);pointer-events:none;padding:.2rem .6rem;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@media (width<=1100px){.szene-huelle .tastenhilfe{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.ausbildung li{flex-wrap:wrap;align-items:center;gap:.2rem .5rem;display:flex}.truppenliste{flex-wrap:wrap;gap:.2rem 1rem;margin:0;padding:0;list-style:none;display:flex}.einheitenliste{margin:0 0 .4rem;padding:0;list-style:none}.einheitenliste>li{border-bottom:1px dashed var(--holz1);padding:.3rem 0}.einheitenliste>li.nein{color:var(--holz1)}.einheitenliste p{margin:.1rem 0}.einheit-kopf{flex-wrap:wrap;justify-content:space-between;gap:0 .6rem;display:flex}
