:root{--grund: #ffffff;--strich: #000000;--kartenknopf: 92px;--rand: 10px;--fusszeile: calc(var(--rand) + 29px);--knopf: 48px;--spalte: 136px}body.invert{--grund: #000000;--strich: #ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--grund);color:var(--strich);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;-webkit-text-size-adjust:100%;touch-action:manipulation}#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}.panel{position:absolute;background:var(--grund);color:var(--strich);border:1px solid var(--strich);padding:8px 10px;pointer-events:auto}.overlay{top:10px;left:10px;max-width:min(92vw,620px);max-height:calc(100vh - 80px);overflow:auto}.overlay .stats{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.overlay .hints{margin-top:6px;padding-top:6px;border-top:1px solid var(--strich)}.tuning{top:10px;right:10px;width:min(92vw,360px);max-height:calc(100vh - 20px);overflow-y:auto}.tuning .title{padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--strich)}.tuning .row{display:grid;grid-template-columns:1fr 110px 46px;align-items:center;gap:6px;margin-bottom:2px}.tuning .value{text-align:right}.tuning input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:14px;background:transparent;border:1px solid var(--strich);margin:0}.tuning input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:12px;background:var(--strich);border:0}.tuning input[type=range]::-moz-range-thumb{width:8px;height:12px;background:var(--strich);border:0;border-radius:0}.tuning .reset{margin-top:8px;width:100%;font:inherit;color:var(--strich);background:var(--grund);border:1px solid var(--strich);padding:4px;cursor:pointer}.failure{position:fixed;left:10px;bottom:10px;right:10px;max-height:60vh;overflow:auto;white-space:pre-wrap;z-index:10}.hud{position:absolute;inset:0;pointer-events:none}.hud .gauges{position:absolute;left:calc(var(--rand) + env(safe-area-inset-left));bottom:calc(var(--rand) + env(safe-area-inset-bottom));display:grid;grid-template-columns:max-content max-content max-content;align-items:center;gap:5px 8px;border:1px solid var(--strich);background:var(--grund);padding:5px 8px}.hud .gauges .supply,.hud .gauges .water,.hud .gauges .marks{display:contents}.hud .gauges .label{letter-spacing:.08em}.hud .gauges .bar{display:flex}.hud .supply .bar{gap:2px}.hud .supply .bar i{display:block;width:3px;height:13px;background:var(--strich)}.hud .supply .bar i.spent{background:transparent}.hud .gauges .value{min-width:3ch;text-align:right}.hud .water .bar{gap:4px}.hud .water .bar i{display:block;width:7px;height:11px;background:var(--strich)}.hud .water .bar i.spent{background:transparent;box-shadow:inset 0 0 0 1px var(--strich)}.hud .marks .bar{gap:5px}.hud .marks .bar i{display:block;width:4px;height:13px;background:var(--strich)}.hud .marks .bar i.spent{background:transparent;box-shadow:inset 0 0 0 1px var(--strich)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hud .supply.warn .bar{animation:blink 1.1s steps(1,end) infinite}body.lowsupply:after{content:"";position:fixed;inset:4px;border:1px solid var(--strich);pointer-events:none;animation:blink 1.1s steps(1,end) infinite;z-index:5}.hud .compass,.hud .standort{position:absolute;right:calc(var(--rand) + env(safe-area-inset-right));bottom:calc(var(--rand) + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;border:1px solid var(--strich);background:var(--grund);padding:5px 8px}.hud .compass .needle{display:inline-block;width:1.2em;text-align:center;transform-origin:50% 55%}.hud .message:empty{display:none}.hud .message{position:absolute;left:50%;bottom:calc(var(--fusszeile) + var(--knopf) + 16px);transform:translate(-50%);max-width:min(90vw,680px);text-align:center;border:1px solid var(--strich);background:var(--grund);padding:5px 12px;white-space:pre-wrap}.hud .finds{position:absolute;right:calc(var(--rand) + env(safe-area-inset-right));top:calc(var(--rand) + env(safe-area-inset-top));min-width:290px;max-width:min(92vw,400px);max-height:50vh;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;border:1px solid var(--strich);background:var(--grund);padding:6px 8px}.hud .finds .hint,.hud .finds .title{padding-bottom:4px;margin-bottom:4px;border-bottom:1px solid var(--strich)}.hud .finds .row{padding-bottom:4px}.hud .finds .row .name{display:block}.hud .finds .row .kind{display:block;font-size:11px}.mapsheet{position:fixed;inset:0;background:var(--grund);pointer-events:auto;z-index:4}.mapsheet .sheet{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.mapsheet .sheet:active{cursor:grabbing}.mapsheet .caption{position:absolute;left:10px;top:10px;max-width:calc(100% - 70px);border:1px solid var(--strich);background:var(--grund);padding:5px 8px;pointer-events:none}.mapsheet .schliessen{position:absolute;right:10px;top:10px;padding:6px;border:1px solid var(--strich);background:var(--grund);color:var(--strich);line-height:0;cursor:pointer}.mapsheet .schliessen svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.merkblatt{position:fixed;left:50%;top:8vh;transform:translate(-50%);width:min(92vw,60ch);max-height:80vh;display:flex;flex-direction:column;border:1px solid var(--strich);background:var(--grund);color:var(--strich);font-size:14px;line-height:1.65;pointer-events:auto;z-index:6}.merkblatt .heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--strich)}.merkblatt .heading .number{font-size:12px;letter-spacing:.08em}.merkblatt .heading .title{letter-spacing:.04em}.merkblatt .body{padding:4px 14px 10px;overflow-y:auto}.merkblatt .body p{margin:10px 0 0;white-space:pre-line}.merkblatt .foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 14px;border-top:1px solid var(--strich)}.merkblatt .foot .hint{font-size:12px}.merkblatt .weiter{font:inherit;font-size:12px;color:var(--strich);background:var(--grund);border:1px solid var(--strich);padding:3px 14px;cursor:pointer;letter-spacing:.08em}.naming{position:fixed;left:50%;top:16vh;transform:translate(-50%);width:min(92vw,42ch);display:flex;flex-direction:column;border:1px solid var(--strich);background:var(--grund);color:var(--strich);font-size:14px;line-height:1.65;pointer-events:auto;z-index:7}.naming .heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--strich)}.naming .heading .number{font-size:12px;letter-spacing:.08em}.naming .heading .title{letter-spacing:.04em}.naming .body{padding:12px 14px}.naming .field{font:inherit;width:100%;box-sizing:border-box;color:var(--strich);background:var(--grund);border:1px solid var(--strich);padding:5px 8px;letter-spacing:.04em}.naming .field:focus{outline:1px solid var(--strich);outline-offset:2px}.naming .field::selection{background:var(--strich);color:var(--grund)}.naming .foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 14px;border-top:1px solid var(--strich)}.naming .foot .hint{font-size:12px}.naming .weiter{font:inherit;font-size:12px;color:var(--strich);background:var(--grund);border:1px solid var(--strich);padding:3px 14px;cursor:pointer;letter-spacing:.08em}.auszeichnung{position:fixed;left:50%;top:8vh;transform:translate(-50%);width:min(92vw,42ch);display:flex;flex-direction:column;border:1px solid var(--strich);background:var(--grund);color:var(--strich);font-size:14px;line-height:1.65;pointer-events:auto;z-index:5}.auszeichnung .heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--strich)}.auszeichnung .heading .number{font-size:12px;letter-spacing:.08em}.auszeichnung .heading .title{letter-spacing:.04em}.auszeichnung .body{padding:4px 14px 10px}.auszeichnung .body p{margin:10px 0 0}.auszeichnung .foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 14px;border-top:1px solid var(--strich)}.auszeichnung .foot .hint{font-size:12px}.auszeichnung .weiter{font:inherit;font-size:12px;color:var(--strich);background:var(--grund);border:1px solid var(--strich);padding:3px 14px;cursor:pointer;letter-spacing:.08em}.chronik,.meilensteine{position:fixed;left:50%;top:7vh;transform:translate(-50%);width:min(92vw,66ch);max-height:68vh;display:flex;flex-direction:column;border:1px solid var(--strich);background:var(--grund);color:var(--strich);pointer-events:auto;z-index:3}.chronik .heading,.meilensteine .heading{display:flex;align-items:baseline;gap:12px;padding:7px 14px;border-bottom:1px solid var(--strich)}.chronik .heading .title,.meilensteine .heading .title{letter-spacing:.08em}.chronik .heading .count,.meilensteine .heading .count{font-size:12px;margin-left:auto}.chronik .heading .schliessen,.meilensteine .heading .schliessen{align-self:center;margin-left:4px;padding:3px;border:none;background:none;color:var(--strich);line-height:0;cursor:pointer;opacity:.6}.chronik .heading .schliessen svg,.meilensteine .heading .schliessen svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.chronik .heading .schliessen:hover,.chronik .heading .schliessen:focus-visible,.meilensteine .heading .schliessen:hover,.meilensteine .heading .schliessen:focus-visible{opacity:1}.chronik .body,.meilensteine .body{padding:8px 14px 10px;overflow-y:auto;overscroll-behavior:contain}.chronik .leer{font-size:12px}.chronik .row{display:grid;grid-template-columns:1fr auto auto;column-gap:10px;padding-bottom:6px}.chronik .row .name{grid-column:1;grid-row:1;display:flex;align-items:center;gap:4px}.chronik .row .kind{grid-column:1;grid-row:2;font-size:11px}.chronik .row .when{grid-column:2;grid-row:1;text-align:right;font-size:11px}.chronik .row .name .claim{display:inline-flex;line-height:0;color:var(--strich)}.chronik .row .name .claim svg{display:block;width:13px;height:13px}.chronik .row .name .claim svg .mast{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.chronik .row .name .claim svg .cloth{fill:currentColor;stroke:none}.chronik .row .umbenennen{grid-column:3;grid-row:1 / span 2;align-self:center;margin-left:6px;padding:3px;border:none;background:none;color:var(--strich);line-height:0;cursor:pointer;opacity:.6}.chronik .row .umbenennen svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.chronik .row .umbenennen:hover,.chronik .row .umbenennen:focus-visible{opacity:1}.meilensteine .row{display:grid;grid-template-columns:auto 1fr auto;column-gap:8px;padding-bottom:8px}.meilensteine .row .medal{grid-column:1;grid-row:1 / span 2;align-self:start;display:inline-flex;margin-top:3px;line-height:0;color:var(--strich)}.meilensteine .row .medal svg{display:block;width:13px;height:13px}.meilensteine .row .medal svg.earned circle{fill:currentColor;stroke:none}.meilensteine .row .medal svg.open circle{fill:none;stroke:currentColor;stroke-width:1.5}.meilensteine .row .name{grid-column:2;grid-row:1}.meilensteine .row .when{grid-column:3;grid-row:1;text-align:right;font-size:11px}.meilensteine .row .hint{grid-column:2 / span 2;grid-row:2;font-size:11px}.controls{position:absolute;right:calc(var(--rand) + env(safe-area-inset-right));bottom:calc(var(--fusszeile) + 8px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;gap:8px;width:var(--spalte);pointer-events:auto;z-index:2}body:not(.touch) .controls{width:158px}.controls .knopf{font:inherit;font-size:13px;letter-spacing:.08em;color:var(--strich);background:var(--grund);border:1px solid var(--strich);min-height:var(--knopf);padding:0 10px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.controls .knopf:active{color:var(--grund);background:var(--strich)}@media (hover: hover){.controls .knopf:hover{outline:1px solid var(--strich);outline-offset:-3px}}.controls .knopf:focus-visible{outline:1px solid var(--strich);outline-offset:2px}.controls.nurkarte>:not(.karte){visibility:hidden}.controls .blick{display:flex;gap:8px}.controls .blick .knopf{flex:1;padding:0;line-height:0}.controls .blick .knopf svg{display:block;width:19px;height:19px;margin:0 auto;color:currentcolor}.controls .blick .knopf svg .bogen{fill:none;stroke:currentcolor;stroke-width:1.4;stroke-linecap:round}.controls .blick .knopf svg .spitze{fill:currentcolor;stroke:none}.controls .handlung{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;padding:0 4px;font-size:12px}.controls .handlung .taste,.kartenknopf .taste{border:1px solid var(--strich);padding:1px 4px;font-size:10px;line-height:1}.controls .handlung .taste:empty,.kartenknopf .taste:empty{display:none}.controls .handlung:active .taste,.kartenknopf:active .taste{border-color:var(--grund)}.kartenknopf{position:absolute;right:calc(var(--rand) + env(safe-area-inset-right));bottom:calc(var(--rand) + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:7px;width:var(--kartenknopf);font:inherit;color:var(--strich);background:var(--grund);border:1px solid var(--strich);padding:5px 8px;cursor:pointer;pointer-events:auto;z-index:2}.kartenknopf:active{color:var(--grund);background:var(--strich)}@media (hover: hover){.kartenknopf:hover{outline:1px solid var(--strich);outline-offset:-3px}}.kartenknopf:focus-visible{outline:1px solid var(--strich);outline-offset:2px}body:not(.touch) .hud .compass,body:not(.touch) .hud .standort{right:calc(var(--rand) + 8px + var(--kartenknopf) + env(safe-area-inset-right))}@media (max-width: 620px){:root{--rand: 8px;--fusszeile: calc(var(--rand) + 27px)}.hud .finds{min-width:0;max-width:66vw;max-height:34vh;font-size:11px}.hud .gauges{gap:4px 6px;padding:4px 6px}.hud .compass,.hud .standort{padding:4px 6px}.hud .message{left:var(--rand);right:var(--rand);bottom:calc(96px + env(safe-area-inset-bottom));max-width:none;text-align:left;transform:none}.merkblatt,.naming,.auszeichnung{top:6vh;width:calc(100vw - 16px);font-size:13px;line-height:1.55}.chronik,.meilensteine{top:5vh;width:calc(100vw - 16px);max-height:74vh}.chronik .row .name{min-width:0;overflow-wrap:anywhere}.mapsheet .caption{left:calc(var(--rand) + env(safe-area-inset-left));top:calc(var(--rand) + env(safe-area-inset-top));max-width:calc(100% - 76px);font-size:11px}.mapsheet .schliessen{right:calc(var(--rand) + env(safe-area-inset-right));top:calc(var(--rand) + env(safe-area-inset-top))}}body.touch .chronik .heading .schliessen,body.touch .meilensteine .heading .schliessen,body.touch .chronik .row .umbenennen{padding:10px;opacity:1}body.touch .mapsheet .schliessen{padding:12px}body.touch .merkblatt .weiter,body.touch .naming .weiter,body.touch .auszeichnung .weiter{min-height:40px;padding:3px 18px}body.touch .naming .field{font-size:16px;min-height:40px}body.touch .hud .message{right:calc(var(--rand) + var(--spalte) + 8px + env(safe-area-inset-right))}@media (max-width: 387px){body.touch .controls{bottom:calc(86px + env(safe-area-inset-bottom))}}@media (max-height: 480px){.merkblatt,.naming,.auszeichnung,.chronik,.meilensteine{top:3vh;max-height:94vh}.merkblatt,.auszeichnung{font-size:13px;line-height:1.5}.merkblatt .body p,.auszeichnung .body p{margin-top:8px}}