:root{--grund: #ffffff;--strich: #000000;--minikarte: 258px;--rand: 10px;--fusszeile: calc(var(--rand) + 29px);--vorratskasten: calc(var(--rand) + 53px);--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:12}.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;align-items:center;gap:6px 12px;border:1px solid var(--strich);background:var(--grund);padding:5px 8px}.hud .gauges .bar{display:flex;align-items:center}.hud .gauges .bar.sauerstoff{gap:2px}.hud .gauges .bar.sauerstoff i{display:block;width:3px;height:13px;background:var(--strich)}.hud .gauges .bar.sauerstoff i.spent{background:transparent}.hud .gauges .traeger{display:flex;align-items:center;gap:10px}.hud .gauges .bar.wasser,.hud .gauges .bar.marken{gap:0}.hud .gauges .bar.marken svg{margin-right:-1.5px}.hud .gauges .bar.wasser svg{display:block;width:11px;height:11px}.hud .gauges .bar.marken svg{display:block;width:13px;height:13px}.hud .gauges .bar.wasser svg path{fill:currentColor;stroke:none}.hud .gauges .bar.wasser svg.spent path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.hud .gauges .bar.marken svg .mast{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.hud .gauges .bar.marken svg .cloth{fill:currentColor;stroke:none}.hud .gauges .bar.marken svg.spent .cloth{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.hud .gauges .ablesung{display:flex;align-items:center;gap:4px}.hud .gauges .value{flex:1;min-width:3ch;text-align:right}.hud .gauges .einheit{display:block;line-height:0;color:var(--strich)}.hud .gauges .einheit svg{display:block;width:13px;height:13px;fill:currentColor;stroke:none}.hud .gauges .zaehlwerk{justify-self:end}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hud .gauges .warn{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 .bunkerzeiger,.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 .bunkerzeiger .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(--vorratskasten) + 8px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(90vw,680px,calc(100vw - 2 * (var(--rand) + var(--spalte) + 8px)));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 .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:var(--rand);top:var(--rand);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}.mapsheet .nordknopf{position:absolute;--knopf-oben: var(--rand);--knopf-hoehe: 29px;--knopf-luft: 8px;right:var(--rand);top:calc(var(--knopf-oben) + var(--knopf-hoehe) + var(--knopf-luft));padding:6px;border:1px solid var(--strich);background:var(--grund);color:var(--strich);line-height:0;cursor:pointer}.mapsheet .nordknopf svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 50%}.mapsheet .nordknopf svg .spitze{fill:currentColor}.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:8}.merkblatt .heading{display:flex;align-items:baseline;justify-content:flex-start;padding:8px 14px;border-bottom:1px solid var(--strich)}.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:flex-end;gap:12px;padding:7px 14px;border-top:1px solid var(--strich)}.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:9}.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}.schleier{position:fixed;inset:0;z-index:6;background-image:radial-gradient(circle at 50% 50%,var(--strich) 0 1px,rgba(0,0,0,.4) 1px);background-size:4px 4px;pointer-events:auto}.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:7}.auszeichnung .heading{display:flex;align-items:baseline;justify-content:flex-start;gap:12px;padding:8px 14px;border-bottom:1px solid var(--strich)}.auszeichnung .heading .title{letter-spacing:.04em}.auszeichnung .body{padding:4px 14px 10px}.auszeichnung.abschluss .heading{border-bottom-style:double;border-bottom-width:4px}.auszeichnung .body p{margin:10px 0 0}.auszeichnung .foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:7px 14px;border-top:1px solid var(--strich)}.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}.abbruch{position:fixed;left:50%;top:16vh;transform:translate(-50%);width:min(92vw,46ch);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:10}.abbruch .heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--strich)}.abbruch .heading .number{font-size:12px;letter-spacing:.08em}.abbruch .heading .number:empty{display:none}.abbruch .heading .title{letter-spacing:.04em}.abbruch .body{padding:4px 14px 10px}.abbruch .body p{margin:10px 0 0}.abbruch .foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 12px;padding:7px 14px;border-top:1px solid var(--strich)}.abbruch .foot .hint{font-size:12px}.abbruch .wahl{display:flex;gap:8px;margin-left:auto}.abbruch .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}.abbruch .weiter:active{color:var(--grund);background:var(--strich)}.abbruch .weiter:focus-visible{outline:1px solid var(--strich);outline-offset:2px}@media (hover: hover){.abbruch .weiter:hover{outline:1px solid var(--strich);outline-offset:-3px}}body.touch .abbruch .weiter{min-height:var(--knopf);font-size:13px;padding:0 16px}.heimknopf{position:absolute;left:var(--rand);top:var(--rand);padding:8px;border:1px solid var(--strich);background:var(--grund);color:var(--strich);line-height:0;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:5}.heimknopf:active{color:var(--grund);background:var(--strich)}.heimknopf svg{display:block;width:15px;height:15px;fill:none;stroke:currentcolor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media (hover: hover){.heimknopf:hover{outline:1px solid var(--strich);outline-offset:-3px}}.heimknopf:focus-visible{outline:1px solid var(--strich);outline-offset:2px}.chronik,.meilensteine,.kompass{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,.kompass .heading{display:flex;align-items:baseline;gap:12px;padding:7px 14px;border-bottom:1px solid var(--strich)}.chronik .heading .title,.meilensteine .heading .title,.kompass .heading .title{letter-spacing:.08em}.chronik .heading .count,.meilensteine .heading .count,.kompass .heading .count{font-size:12px;margin-left:auto}.chronik .heading .schliessen,.meilensteine .heading .schliessen,.kompass .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,.kompass .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,.kompass .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}.meilensteine .row.gesamt{border-top:1px solid var(--strich);margin-top:2px;padding-top:8px}.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){--fusszeile: calc(var(--rand) + var(--minikarte));--spalte: 158px}.minikarte{position:absolute;right:calc(var(--rand) + env(safe-area-inset-right));bottom:calc(var(--rand) + env(safe-area-inset-bottom));width:var(--minikarte);height:var(--minikarte);border:1px solid var(--strich);background:var(--grund);pointer-events:auto;z-index:2}.minikarte .blatt{width:100%;height:100%;overflow:hidden}.minikarte .blatt canvas{display:block}.minikarte .grossknopf{position:absolute;right:6px;bottom:6px;padding:5px;border:1px solid var(--strich);background:var(--grund);color:var(--strich);line-height:0;cursor:pointer}.minikarte .grossknopf svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media (hover: hover){.minikarte .grossknopf:hover{outline:1px solid var(--strich);outline-offset:-3px}}.minikarte .grossknopf:focus-visible{outline:1px solid var(--strich);outline-offset:2px}.minikarte .grossknopf:active{color:var(--grund);background:var(--strich)}@media (max-width: 1100px),(max-height: 800px){:root{--minikarte: 178px}}.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 .handlung{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;padding:0 4px;font-size:12px}.controls .handlung .taste{border:1px solid var(--strich);padding:1px 4px;font-size:10px;line-height:1}.controls .handlung .taste:empty{display:none}.controls .handlung:active .taste{border-color:var(--grund)}@media (max-width: 620px){:root{--rand: 8px;--fusszeile: calc(var(--rand) + 27px);--vorratskasten: calc(var(--rand) + 50px)}.hud .finds{min-width:0;max-width:66vw;max-height:34vh;font-size:11px}.hud .gauges{gap:5px 9px;padding:4px 6px}.hud .bunkerzeiger,.hud .standort{padding:4px 6px}.hud .message{left:var(--rand);right:var(--rand);bottom:calc(var(--vorratskasten) + 8px + 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))}.mapsheet .nordknopf{--knopf-oben: calc(var(--rand) + env(safe-area-inset-top));right:calc(var(--rand) + env(safe-area-inset-right))}}body.touch .chronik .heading .schliessen,body.touch .meilensteine .heading .schliessen,body.touch .kompass .heading .schliessen,body.touch .lobby .zettel .heading .schliessen,body.touch .chronik .row .umbenennen{padding:10px;opacity:1}body.touch .mapsheet .schliessen,body.touch .mapsheet .nordknopf{padding:12px}body.touch .mapsheet .nordknopf{--knopf-hoehe: 41px}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}}#ladeblatt{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:var(--grund);color:var(--strich);pointer-events:auto;transition:opacity .42s linear}#ladeblatt.weg{opacity:0}.wortmarke{width:min(86vw,620px);height:auto;overflow:visible}.wortmarke use{fill:none;stroke:var(--strich);stroke-linejoin:round;stroke-linecap:round}.wortmarke use.papier{stroke:var(--grund)}.hoehenlinie{opacity:0;transition:opacity .52s linear}.hoehenlinie.gezogen{opacity:1}.fuss{display:flex;flex-direction:column;align-items:center;gap:12px}.fuss .strich{display:block;width:min(60vw,240px);height:1px;background:var(--strich)}.fuss .lage{font-size:12px;letter-spacing:.22em;text-transform:uppercase}:root[lang=de] .fuss .lage:not([lang=de]),:root[lang=en] .fuss .lage:not([lang=en]){display:none}@media (max-height: 480px){#ladeblatt{gap:16px}.wortmarke{width:min(70vw,420px)}}.kompass{width:min(92vw,40ch)}.kompass .body{display:flex;justify-content:center;padding:14px}.kompass canvas{display:block;width:100%;height:auto}.lobby{position:fixed;inset:0;z-index:20;overflow-y:auto;overscroll-behavior:contain;background:var(--grund);color:var(--strich);pointer-events:auto;display:flex;flex-direction:column;gap:26px;padding:26px var(--rand) var(--rand)}.lobby>.kopf,.lobby>.liste,.lobby>.rechtliches{width:100%;max-width:64ch;margin:0 auto}.lobby .kopf{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap}.lobby .wortmarke{width:132px;flex:none}.lobby .wortmarke use{stroke-width:7}.lobby .gruss{flex:1 1 auto;font-size:13px;letter-spacing:.04em}.lobby .spielerfeld{position:relative;flex:none;display:flex}.lobby .spielerkreis{flex:none;width:34px;height:34px;border:1px solid var(--strich);border-radius:50%;background:var(--grund);color:var(--strich);font:inherit;font-size:13px;text-transform:uppercase;line-height:1;cursor:pointer}.lobby .spielerkreis:active{color:var(--grund);background:var(--strich)}.lobby .spielerkreis:focus-visible{outline:1px solid var(--strich);outline-offset:2px}.lobby .liste{display:flex;flex-direction:column;gap:48px}.lobby .gruppe{display:flex;flex-direction:column;gap:14px}.lobby .levelkasten{border:2px solid var(--strich);padding:12px 14px 11px;display:flex;flex-direction:column;gap:14px}.lobby .levelkasten .oben{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lobby .levelkasten .namen{display:flex;flex-direction:column;gap:2px;min-width:0}.lobby .levelkasten .titel{font-size:16px;letter-spacing:.04em}.lobby .levelkasten .urheber{font-size:11px;letter-spacing:.06em}.lobby .mehrfeld{position:relative;flex:none}.lobby .mehr{display:block;padding:5px 7px;border:1px solid var(--strich);background:var(--grund);color:var(--strich);line-height:0;cursor:pointer}.lobby .mehr:active{color:var(--grund);background:var(--strich)}.lobby .mehr:focus-visible{outline:1px solid var(--strich);outline-offset:2px}.lobby .mehr svg{display:block;width:14px;height:14px}.lobby .mehr svg.punkte circle{fill:currentcolor;stroke:none}.lobby .levelkasten .unten{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 18px;flex-wrap:wrap}.lobby .zahlen{display:flex;gap:18px;flex-wrap:wrap}.lobby .zahl{display:flex;flex-direction:column;gap:1px}.lobby .zahl .was{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.lobby .zahl .wert{display:flex;align-items:center;gap:5px;font-size:15px}.lobby .zahl .wert svg{display:block;width:11px;height:11px;fill:currentcolor;stroke:none}.lobby .spielen{font:inherit;font-size:12px;color:var(--strich);background:var(--grund);border:1px solid var(--strich);padding:6px 20px;cursor:pointer;letter-spacing:.08em;margin-left:auto}.lobby .spielen.stark,.lobby .spielen:active{color:var(--grund);background:var(--strich)}.lobby .spielen.stark:active{color:var(--strich);background:var(--grund)}.lobby .spielen:focus-visible{outline:1px solid var(--strich);outline-offset:2px}@media (hover: hover){.lobby .spielen:hover{outline:1px solid var(--strich);outline-offset:-3px}}.lobby .menue{position:absolute;top:calc(100% + 4px);right:0;z-index:2;display:flex;flex-direction:column;min-width:20ch;border:1px solid var(--strich);background:var(--grund)}.lobby .menue .eintrag{font:inherit;font-size:12px;text-align:left;color:var(--strich);background:var(--grund);border:0;padding:7px 12px;cursor:pointer;white-space:nowrap}.lobby .menue .eintrag+.eintrag{border-top:1px solid var(--strich)}.lobby .menue .eintrag:active{color:var(--grund);background:var(--strich)}.lobby .menue .eintrag:focus-visible{outline:1px solid var(--strich);outline-offset:-3px}@media (hover: hover){.lobby .menue .eintrag:hover{color:var(--grund);background:var(--strich)}}.lobby .schleier{z-index:3}.lobby .zettel{position:fixed;left:50%;top:12vh;transform:translate(-50%);width:min(92vw,46ch);max-height:76vh;overflow-y:auto;display:flex;flex-direction:column;border:1px solid var(--strich);background:var(--grund);color:var(--strich);font-size:14px;line-height:1.65;z-index:4}.lobby .zettel.auskunft{top:7vh;width:min(92vw,66ch);max-height:78vh}.lobby .zettel.auskunft .body{overflow-y:auto;overscroll-behavior:contain}.lobby .zettel .heading{display:flex;align-items:baseline;gap:12px;padding:8px 14px;border-bottom:1px solid var(--strich)}.lobby .zettel .heading .title{letter-spacing:.04em}.lobby .zettel .heading .schliessen{align-self:center;margin-left:auto;padding:3px;border:none;background:none;color:var(--strich);line-height:0;cursor:pointer;opacity:.6}.lobby .zettel .heading .schliessen svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.lobby .zettel .heading .schliessen:hover,.lobby .zettel .heading .schliessen:focus-visible{opacity:1}.lobby .zettel .body{padding:4px 14px 12px}.lobby .zettel .body p{margin:10px 0 0}.lobby .zettel .regel{font-size:11px}.lobby .zettel .foot{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:7px 14px;border-top:1px solid var(--strich)}.lobby .zettel .wahl{display:flex;gap:8px;margin-left:auto}.lobby .zettel .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}.lobby .zettel .weiter:active{color:var(--grund);background:var(--strich)}.lobby .zettel .weiter:focus-visible{outline:1px solid var(--strich);outline-offset:2px}@media (hover: hover){.lobby .zettel .weiter:hover{outline:1px solid var(--strich);outline-offset:-3px}}.lobby .zettel .weiter.stark{color:var(--grund);background:var(--strich)}.lobby .zettel .weiter.stark:active{color:var(--strich);background:var(--grund)}.lobby .zettel .feld{display:block;width:100%;margin-top:10px;font:inherit;font-size:16px;color:var(--strich);background:var(--grund);border:0;border-bottom:1px solid var(--strich);padding:4px 0;outline:none}.lobby .zettel .feld:focus{border-bottom-width:2px;padding-bottom:3px}.lobby .zettel .feld::selection{color:var(--grund);background:var(--strich)}.lobby .zettel .zahlen{margin-top:10px;gap:24px}.lobby .zettel .steine{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.lobby .zettel .steine li{display:flex;flex-direction:column;border-left:1px solid var(--strich);padding-left:10px}.lobby .zettel .steine .titel{font-size:13px;letter-spacing:.04em}.lobby .zettel .steine .aufgabe{font-size:11px;line-height:1.5}.lobby .rechtliches{margin-top:auto;padding-top:14px;border-top:1px solid var(--strich);display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-size:11px}.lobby .rechtliches a{color:inherit;text-decoration:underline;text-underline-offset:2px}.lobby .rechtliches a:focus-visible{outline:1px solid var(--strich);outline-offset:2px}body.touch .lobby .spielen,body.touch .lobby .zettel .weiter{min-height:var(--knopf);font-size:13px;padding:0 18px}body.touch .lobby .menue .eintrag{min-height:var(--knopf);font-size:13px}body.touch .lobby .spielerkreis{width:var(--knopf);height:var(--knopf);font-size:15px}body.touch .lobby .mehr{padding:12px 14px}@media (max-width: 520px){.lobby{gap:20px;padding-top:18px}.lobby .wortmarke{width:104px}.lobby .levelkasten .unten{align-items:stretch}.lobby .spielen{width:100%;margin-left:0}.lobby .zettel{top:6vh;max-height:88vh}}