:root{--farbe-hintergrund: #15100c;--farbe-schrift: #f2ebdf;--farbe-schrift-leise: rgba(242, 235, 223, .52);--farbe-linie: rgba(242, 235, 223, .1);--farbe-flaeche: rgba(242, 235, 223, .06);--messing: #c8912f;--messing-hell: #e6b155;--messing-tief: #8c6116;--farbe-gut: var(--messing);--raum-filz: #241a13;--raum-filz-tief: #0a0705;--raum-licht: rgba(255, 206, 138, .1);--raum-holz: #2a1f18;--raum-kante: rgba(196, 154, 96, .22);--platte: linear-gradient(180deg, #382a1c 0%, #241a12 100%);--platte-hoch: linear-gradient(180deg, #45341f 0%, #2c2016 100%);--schlitz: #0d0906;--korn: none;--korn-kachel: 128px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--korn),radial-gradient(120% 90% at 50% 12%,var(--raum-licht),transparent 62%),radial-gradient(130% 110% at 50% 45%,transparent 38%,rgba(0,0,0,.55)),linear-gradient(180deg,var(--raum-filz) 0%,var(--raum-filz-tief) 100%);background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:var(--korn-kachel) var(--korn-kachel),auto,auto,auto;background-attachment:fixed;color:var(--farbe-schrift);font-family:Avenir Next,Avenir,Optima,system-ui,-apple-system,Segoe UI,sans-serif;overscroll-behavior:none}.app{display:flex;flex-direction:column;height:100%}.app__kopf{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:.75rem 1.4rem;border-bottom:1px solid var(--farbe-linie);background:linear-gradient(180deg,rgba(255,226,189,.05),transparent)}.app__wer{display:flex;flex-direction:column;gap:.05rem;min-width:0}.app__titel{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin:0;font-size:1.15rem;font-weight:600;letter-spacing:-.02em}.app__marke{font-size:.74rem;color:#f2ebdf61;letter-spacing:.02em}.app__feld{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--farbe-schrift-leise)}.app__auswahl,.app__knopf{padding:.32rem .6rem;border:1px solid var(--farbe-linie);border-radius:6px;background:var(--farbe-flaeche);color:var(--farbe-schrift);font:inherit;font-size:.82rem}.app__knopf{cursor:pointer}.app__knopf:hover{border-color:#f2ebdf4d}.app__fortschritt{font-size:1rem;font-weight:600;color:var(--messing-hell);font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-left:auto}.spielerleiste{display:flex;align-items:center;gap:.85rem;margin:0;padding:0;list-style:none}.spielerleiste__eintrag{display:flex;align-items:center;gap:.35rem;font-size:.82rem}.spielerleiste__eintrag--weg{opacity:.4;text-decoration:line-through}.punkt{width:.62rem;height:.62rem;border-radius:50%;flex:none}.app__status{margin-left:auto;font-size:.8rem;color:var(--farbe-schrift-leise)}.app__status--erreichbar{color:var(--messing-hell)}.app__status--weg{color:#e59a8f}.app__brett{position:relative;flex:1;min-height:0}.app__fuss{padding:.5rem 1.25rem;border-top:1px solid var(--farbe-linie);color:var(--farbe-schrift-leise);font-size:.76rem}kbd{padding:.05em .35em;border:1px solid var(--farbe-linie);border-radius:4px;background:var(--farbe-flaeche);font-family:inherit;font-size:.9em}.brett__canvas{display:block;height:100%;width:100%;touch-action:none;cursor:grab}.brett__canvas:active{cursor:grabbing}.zeremonie__ueberspringen{position:absolute;right:1rem;bottom:1rem;padding:.4rem .8rem;border:1px solid var(--farbe-linie);border-radius:999px;background:#0c0805c7;color:var(--farbe-schrift-leise);font:inherit;font-size:.8rem;cursor:pointer}.zeremonie__ueberspringen:hover{color:var(--farbe-schrift);border-color:var(--raum-kante)}.erinnerung{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);display:flex;flex-direction:column;gap:.9rem;width:min(30rem,calc(100% - 2rem));max-height:calc(100% - 2.5rem);overflow-y:auto;padding:1.5rem 1.75rem;border:1px solid var(--raum-kante);border-radius:16px;background:var(--korn),#1a130df2;box-shadow:0 1.5rem 4rem #0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:auftauchen .7s ease-out}.erinnerung__titel{margin:0;font-size:1.45rem;font-weight:600}.erinnerung__widmung{margin:-.5rem 0 0;font-style:italic;color:#e9d9a8e6}.erinnerung__daten{display:flex;flex-wrap:wrap;gap:.4rem 1.75rem;margin:0;padding-top:.9rem;border-top:1px solid var(--farbe-linie)}.erinnerung__daten dt{font-size:.78rem;color:var(--farbe-schrift-leise)}.erinnerung__daten dd{margin:.1rem 0 0;font-size:1rem;font-variant-numeric:tabular-nums}.erinnerung__leute{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;margin:0;padding:0;list-style:none;font-size:.92rem}.erinnerung__leute li{display:flex;align-items:center;gap:.4rem}.erinnerung__geheimnis{margin:0;padding:.9rem 1.1rem;border-left:3px solid #e9d9a8;border-radius:0 8px 8px 0;background:#e9d9a814;color:#f0e6cd;font-size:1rem;line-height:1.5;white-space:pre-wrap}.erinnerung__knoepfe{display:flex;gap:.6rem;flex-wrap:wrap}@keyframes auftauchen{0%{opacity:0;transform:translate(-50%) translateY(1.5rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.zettel__griff{position:absolute;left:1rem;bottom:1rem;padding:.4rem .8rem;border:1px dashed var(--raum-kante);border-radius:999px;background:#0c0805c7;color:var(--farbe-schrift-leise);font:inherit;font-size:.8rem;cursor:pointer}.zettel__griff:hover{color:var(--farbe-schrift)}.zettel__griff--beschrieben{border-style:solid;border-color:#e9d9a8;color:#e9d9a8}.zettel{position:absolute;left:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.5rem;width:min(20rem,calc(100% - 2rem));padding:.9rem 1rem 1rem;border-radius:4px 4px 10px 10px;background:linear-gradient(180deg,#f3ead0,#e6d9b6);color:#2a2114;box-shadow:0 .8rem 2rem #00000080;transform:rotate(-.7deg)}.zettel__kopf{display:flex;align-items:center;gap:.5rem}.zettel__titel{flex:1;font-size:.8rem;font-weight:500;color:#2a211499}.zettel__zu{border:none;background:none;color:#2a211499;font-size:1.1rem;line-height:1;cursor:pointer}.zettel__feld{min-height:4.5rem;padding:0;border:none;background:none;color:inherit;font:inherit;font-size:.95rem;line-height:1.45;resize:vertical}.zettel__feld:focus{outline:none}.zettel__fuss{margin:0;font-size:.7rem;color:#2a21148c}.uebergabe{position:absolute;left:50%;top:1.25rem;transform:translate(-50%);display:flex;flex-direction:column;gap:.7rem;width:min(26rem,calc(100% - 2rem));padding:1.1rem 1.35rem 1.25rem;border:1px solid var(--raum-kante);border-radius:14px;background:var(--korn),#1a130df2;box-shadow:0 1rem 3rem #0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.uebergabe__zeile{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin:0;font-size:.92rem}.uebergabe__notiz{margin:0;padding:.6rem .85rem;border-radius:8px;background:#e9d9a81a;color:#f0e6cd;font-size:1rem;font-style:italic;line-height:1.45}.start{display:flex;align-items:center;justify-content:center;min-height:100%;padding:clamp(1rem,4vw,3rem)}.start__karte{display:flex;flex-direction:column;gap:.9rem;width:min(26rem,100%);padding:1.75rem;border:1px solid var(--raum-kante);border-radius:14px;background:var(--korn),var(--platte);box-shadow:inset 0 1px #ffe2bd1f,0 1.5rem 3rem #0000008c}.start__karte,.stand,.erinnerung,.uebergabe{background-repeat:repeat,no-repeat;background-size:var(--korn-kachel) var(--korn-kachel),auto}.start__karte--tisch{display:grid;width:min(74rem,100%);grid-template-columns:minmax(0,1.35fr) minmax(17rem,1fr);grid-template-areas:"kopf  kopf" "tisch seite";gap:1.4rem 2.25rem;align-items:start;padding:clamp(1.25rem,3vw,2.25rem)}.start__kopf{grid-area:kopf}.start__tisch{grid-area:tisch;display:flex;flex-direction:column;gap:.7rem;min-width:0}.start__seite{grid-area:seite;display:flex;flex-direction:column;gap:.9rem}@media(max-width:62rem){.start__karte--tisch{width:min(34rem,100%);grid-template-columns:minmax(0,1fr);grid-template-areas:"kopf" "seite" "tisch"}}.start__titel{margin:0;font-size:clamp(2rem,4vw,2.9rem);font-weight:600;letter-spacing:-.035em;line-height:1.05}.start__unterzeile,.start__hinweis{margin:0;color:var(--farbe-schrift-leise);font-size:.85rem}.start__block{display:flex;flex-direction:column;gap:.6rem;padding-top:.9rem;border-top:1px solid var(--farbe-linie)}.start__blocktitel{margin:0;font-size:.88rem;font-weight:500;letter-spacing:-.005em;color:var(--farbe-schrift-leise)}.feld{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;color:var(--farbe-schrift-leise)}.feld__eingabe{padding:.6rem .75rem;border:none;border-radius:7px;background:var(--schlitz);box-shadow:0 1px #ffe2bd12,inset 0 2px 5px #0009;color:var(--farbe-schrift);font:inherit;font-size:1rem}.feld__eingabe:focus{outline:2px solid var(--messing);outline-offset:1px}.feld__eingabe--code{letter-spacing:.22em;text-transform:uppercase;font-variant-numeric:tabular-nums}.feld__eingabe--mehrzeilig{resize:vertical;line-height:1.45}.feld__hinweis{font-size:.72rem;color:var(--farbe-schrift-leise)}.knopf{padding:.58rem 1rem;border:1px solid rgba(242,235,223,.22);border-radius:7px;background:none;color:var(--farbe-schrift);font:inherit;font-size:.92rem;cursor:pointer;transition:border-color .13s ease-out,background .13s ease-out}.knopf:hover:not(:disabled){border-color:var(--messing);background:#c8912f1f}.knopf:disabled{opacity:.4;cursor:not-allowed}.knopf--haupt{border:none;background:linear-gradient(180deg,var(--messing-hell),var(--messing));box-shadow:inset 0 1px #fff0d273,0 2px 6px #0006;color:#241a0a;font-weight:600}.knopf--haupt:hover:not(:disabled){background:linear-gradient(180deg,#f0bd63,var(--messing-hell))}.knopf--leise{padding:.32rem .6rem;font-size:.8rem;background:none}.lobbycode{margin:0;padding:.7rem;border:1px dashed var(--farbe-linie);border-radius:10px;text-align:center;font-size:2rem;font-weight:600;letter-spacing:.3em;text-indent:.3em;font-variant-numeric:tabular-nums}.spielerliste{display:flex;flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none}.spielerliste__eintrag{display:flex;align-items:center;gap:.5rem;font-size:.92rem}.marke{padding:.08em .45em;border-radius:4px;background:#c8912f29;color:var(--messing-hell);font-size:.74rem}.meldung{position:fixed;top:.75rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:.6rem;padding:.5rem .9rem;border:1px solid #7a3d38;border-radius:8px;background:#2a1614;color:#f0c8c2;font-size:.85rem}.meldung--warnung{border-color:#7a6a38;background:#262014;color:#efdcae}.meldung__weg{border:none;background:none;color:inherit;font-size:1.1rem;line-height:1;cursor:pointer}.bibliothek{max-width:min(96rem,100%);margin:0 auto;padding:clamp(1rem,3vw,2.25rem)}.bibliothek__kopf{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.bibliothek__titel{margin:0;font-size:clamp(1.15rem,2.4vw,1.7rem);flex:1}.bibliothek__hinweis{color:var(--farbe-schrift-leise);font-size:.88rem}.levelgitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1.25rem;margin:0;padding:0;list-style:none}.levelkarte{position:relative;overflow:hidden;aspect-ratio:4 / 3;border:1px solid var(--raum-kante);border-radius:12px;background:var(--raum-filz-tief);box-shadow:0 .8rem 2rem #0000008c}.levelkarte__bild{display:block;width:100%;height:100%;object-fit:cover;background:var(--raum-filz-tief)}.levelkarte__schleier{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:.5rem;padding:3rem .9rem .9rem;background:linear-gradient(to top,rgba(10,7,5,.95) 22%,rgba(10,7,5,.72) 55%,transparent)}.levelkarte__kopf{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.levelkarte__name{margin:0;font-size:1.05rem;font-weight:600}.levelkarte__ersteller{font-size:.76rem;color:var(--farbe-schrift-leise)}.levelkarte__widmung{margin:0;font-size:.82rem;font-style:italic;color:#e9d9a8d9}.levelkarte__siegel{position:absolute;left:.7rem;top:.7rem;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:#e9d9a8eb;color:#2a2114;font-size:.9rem;line-height:1}.levelkarte__stufen{display:flex;flex-wrap:wrap;gap:.4rem}.stufe{padding:.32rem .7rem;border:1px solid rgba(242,235,223,.26);border-radius:999px;background:#0a070599;color:var(--farbe-schrift);font:inherit;font-size:.84rem;font-variant-numeric:tabular-nums;cursor:pointer}.stufe:hover:not(:disabled){border-color:var(--messing);background:var(--messing);color:#241a0a}.stufe:disabled{opacity:.5;cursor:not-allowed}.levelkarte__weg{position:absolute;right:.6rem;top:.6rem;width:1.7rem;height:1.7rem;border:none;border-radius:50%;background:#0c0805c7;color:var(--farbe-schrift-leise);font-size:1rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .14s ease-out}.levelkarte:hover .levelkarte__weg,.levelkarte__weg:focus-visible{opacity:1}.levelkarte__weg:hover{background:#7a3d38;color:#f7e6e3}.editor__vorschau{display:block;width:100%;max-height:14rem;object-fit:contain;border:1px solid var(--farbe-linie);border-radius:8px;background:var(--raum-filz-tief)}.stufenwahl{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:.9rem 0 0;border:none;border-top:1px solid var(--farbe-linie)}.stufenwahl__eintrag{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--farbe-schrift-leise)}.app__widmung{font-size:.82rem;font-weight:400;color:#e9d9a8b3}.app__hilfe{margin-left:auto}.app__hilfe+.app__fortschritt{margin-left:0}.staende{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.9rem;margin:0;padding:0;list-style:none}.staende__zeile{position:relative;min-width:0}.stand{display:block;width:100%;padding:0;overflow:hidden;border:1px solid var(--raum-kante);border-radius:10px;background:var(--korn),var(--platte-hoch);box-shadow:inset 0 1px #ffe2bd1f,0 .5rem 1.4rem #00000073;color:var(--farbe-schrift);font:inherit;text-align:left;cursor:pointer;transition:transform .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}.stand:hover:not(:disabled){border-color:var(--messing);transform:translateY(-3px);box-shadow:inset 0 1px #ffe2bd29,0 .9rem 2rem #0000008c}.stand:disabled{opacity:.5;cursor:not-allowed}.stand__bild{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--raum-filz-tief)}.stand__balken{display:block;height:3px;background:#0006}.stand__balkenfuellung{display:block;height:100%;background:var(--farbe-gut)}.stand__text{display:flex;flex-direction:column;gap:.1rem;padding:.55rem .7rem .65rem}.stand__name{font-size:.92rem;font-weight:600}.stand__zahlen,.stand__wann{font-size:.74rem;color:var(--farbe-schrift-leise);font-variant-numeric:tabular-nums}.stand__zettel{position:absolute;left:.5rem;top:.5rem;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#e9d9a8;color:#2a2114;font-size:.85rem;line-height:1}.stand__weg{position:absolute;right:.4rem;top:.4rem;width:1.6rem;height:1.6rem;border:none;border-radius:50%;background:#0c0805c7;color:var(--farbe-schrift-leise);font-size:1rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .14s ease-out}.staende__zeile:hover .stand__weg,.stand__weg:focus-visible{opacity:1}.stand__weg:hover{background:#7a3d38;color:#f7e6e3}.app__fortschritt{animation:puls .42s ease-out}@keyframes puls{0%{color:var(--messing-hell);transform:scale(1.18)}to{color:var(--farbe-schrift-leise);transform:scale(1)}}@media(prefers-reduced-motion:reduce){.app__fortschritt{animation:none}}