:root{--nacht:#0b1020;--tag:#1d1a33;--flaeche:#1a2038;--flaeche-hoch:#262e50;--text:#eef0f7;--gedaempft:#9aa3bd;--gold:#f2c14e;--blut:#d1495b;--blut-text:#ff8c9b;--blut-tief:#a8283a;--gruen:#4fb3a5;--linie:#eef0f724;--schleier:#050814b8;--hintergrund:var(--tag);--avatar-0:#e07a5f;--avatar-1:#81b29a;--avatar-2:#7f9cf5;--avatar-3:#c77dff;--avatar-4:#f4a261;--avatar-5:#2ec4b6;--avatar-6:#ff7eb6;--avatar-7:#9ccc3c;--avatar-8:#4cc9f0;--avatar-9:#c9a0ab;--avatar-10:#ffd6a5;--avatar-11:#a99cf5;--schrift:ui-rounded, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--schrift-zahl:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--fs-klein:.875rem;--fs-basis:1rem;--fs-gross:1.25rem;--fs-titel:1.75rem;--fs-code:2.75rem;--a1:4px;--a2:8px;--a3:12px;--a4:16px;--a5:24px;--a6:32px;--radius:16px;--radius-s:12px;--tipp:48px;--dauer:.18s;--breite:520px;--rand-o:max(var(--a4), env(safe-area-inset-top));--rand-r:max(var(--a4), env(safe-area-inset-right));--rand-u:max(var(--a4), env(safe-area-inset-bottom));--rand-l:max(var(--a4), env(safe-area-inset-left))}body.nacht{--hintergrund:var(--nacht)}body.tag{--hintergrund:var(--tag)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--hintergrund);min-height:100dvh;color:var(--text);font-family:var(--schrift);font-size:var(--fs-basis);transition:background-color var(--dauer) ease;background-image:radial-gradient(1.5px 1.5px at 12% 8%,#eef0f78c,#0000 60%),radial-gradient(1px 1px at 78% 5%,#eef0f773,#0000 60%),radial-gradient(1.5px 1.5px at 90% 22%,#eef0f766,#0000 60%),radial-gradient(1px 1px at 30% 18%,#eef0f759,#0000 60%),radial-gradient(120% 40% at 85% -8%,#f2c14e1f,#0000 70%);background-attachment:fixed;margin:0;line-height:1.5;overflow-x:hidden}h1,h2,h3,p{margin:0}h1{font-size:var(--fs-titel);letter-spacing:.01em;line-height:1.15}h2{font-size:var(--fs-gross);line-height:1.25}h3{font-size:var(--fs-basis);font-weight:600}p{overflow-wrap:anywhere}button,input,select{font:inherit;color:inherit}img{max-width:100%;display:block}.gedaempft{color:var(--gedaempft)}.klein{font-size:var(--fs-klein)}.mitte{text-align:center}.versteckt-visuell{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.app{max-width:var(--breite);min-height:100dvh;padding:var(--rand-o) var(--rand-r) var(--rand-u) var(--rand-l);gap:var(--a4);flex-direction:column;margin:0 auto;display:flex}.inhalt{gap:var(--a5);flex-direction:column;flex:1;min-width:0;display:flex}.fuss{text-align:center;color:var(--gedaempft);font-size:var(--fs-klein);padding-top:var(--a2)}.band{z-index:30;margin:calc(-1 * var(--rand-o)) calc(-1 * var(--rand-r)) 0 calc(-1 * var(--rand-l));padding:calc(var(--a2) + env(safe-area-inset-top)) var(--a4) var(--a2);background:var(--blut-tief);color:#fff;text-align:center;font-size:var(--fs-klein);font-weight:600;position:sticky;top:0}.band button{margin-left:var(--a2);min-height:44px;padding:0 var(--a3);color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffffb3;border-radius:999px}.hinweis{left:var(--rand-l);right:var(--rand-r);bottom:calc(var(--rand-u) + 8px);z-index:40;max-width:calc(var(--breite) - 2 * var(--a4));padding:var(--a3) var(--a4);border-radius:var(--radius-s);background:var(--flaeche-hoch);border:1px solid var(--blut);text-align:center;margin:0 auto;position:fixed}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:var(--a4);gap:var(--a3);flex-direction:column;display:flex}.knopf{justify-content:center;align-items:center;gap:var(--a2);min-height:var(--tipp);padding:var(--a2) var(--a4);border-radius:var(--radius-s);border:1px solid var(--linie);background:var(--flaeche-hoch);color:var(--text);text-align:center;cursor:pointer;touch-action:manipulation;transition:transform var(--dauer) ease, background-color var(--dauer) ease, opacity var(--dauer) ease;font-weight:600;display:inline-flex}.knopf:active:not(:disabled){transform:scale(.98)}.knopf.primaer{background:var(--gold);border-color:var(--gold);color:var(--nacht)}.knopf.gefahr{border-color:var(--blut);color:var(--blut-text);background:0 0}.knopf.leise{background:0 0}.knopf.breit{width:100%}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopfreihe{gap:var(--a2);flex-wrap:wrap;display:flex}.knopfreihe>.knopf{flex:140px}.wahl{gap:var(--a2);flex-wrap:wrap;display:flex}.chip{min-width:44px;min-height:44px;padding:var(--a2) var(--a4);border:1px solid var(--linie);background:var(--flaeche-hoch);color:var(--text);cursor:pointer;touch-action:manipulation;transition:background-color var(--dauer) ease, border-color var(--dauer) ease;border-radius:999px}.chip[aria-checked=true],.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--gold);border-color:var(--gold);color:var(--nacht);font-weight:700}.chip:disabled{opacity:.45;cursor:not-allowed}.feld{gap:var(--a1);flex-direction:column;display:flex}.feld>label,.feld>.beschriftung{font-size:var(--fs-klein);color:var(--gedaempft);font-weight:600}.eingabe{width:100%;min-height:var(--tipp);padding:var(--a2) var(--a4);border-radius:var(--radius-s);border:1px solid var(--linie);background:var(--nacht);color:var(--text);font-size:1rem}.eingabe::placeholder{color:#6f7896}.eingabe.code{font-family:var(--schrift-zahl);letter-spacing:.4em;text-transform:uppercase;text-align:center;font-size:1.5rem}.fehlertext{color:var(--blut-text);font-weight:600}.infotext{color:var(--gold)}.reiter{gap:var(--a1);padding:var(--a1);background:var(--nacht);border-radius:var(--radius-s);border:1px solid var(--linie);grid-template-columns:1fr 1fr;display:grid}.reiter button{border-radius:calc(var(--radius-s) - 4px);min-height:44px;color:var(--gedaempft);cursor:pointer;background:0 0;border:0;font-weight:600}.reiter button[aria-selected=true]{background:var(--flaeche-hoch);color:var(--text);box-shadow:inset 0 -3px 0 var(--gold)}.avatar{--groesse:64px;width:var(--groesse);height:var(--groesse);background:var(--farbe,var(--avatar-0));color:var(--nacht);font-weight:800;font-size:calc(var(--groesse) * .46);-webkit-user-select:none;user-select:none;box-shadow:0 0 0 2px var(--hintergrund);border-radius:50%;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.gross{--groesse:96px}.avatar.mittel{--groesse:64px}.avatar.klein{--groesse:28px}.avatar.tot{filter:grayscale()brightness(.7)}.avatar.ring{box-shadow:0 0 0 3px var(--gold)}.avatare{align-items:center;display:inline-flex}.avatare>.avatar+.avatar{margin-left:-8px}.plus-n{margin-left:var(--a1);font-size:var(--fs-klein);color:var(--gedaempft);font-weight:700}.fv0{--farbe:var(--avatar-0)}.fv1{--farbe:var(--avatar-1)}.fv2{--farbe:var(--avatar-2)}.fv3{--farbe:var(--avatar-3)}.fv4{--farbe:var(--avatar-4)}.fv5{--farbe:var(--avatar-5)}.fv6{--farbe:var(--avatar-6)}.fv7{--farbe:var(--avatar-7)}.fv8{--farbe:var(--avatar-8)}.fv9{--farbe:var(--avatar-9)}.fv10{--farbe:var(--avatar-10)}.fv11{--farbe:var(--avatar-11)}.medaillon{--groesse:64px;width:var(--groesse);height:var(--groesse);line-height:1;font-size:calc(var(--groesse) * .52);background:radial-gradient(circle at 30% 25%, #2c3560, var(--flaeche) 70%);border:3px solid var(--gold);box-shadow:0 0 0 3px var(--hintergrund), 0 4px 14px #0006;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.medaillon.klein{--groesse:28px;border-width:2px}.medaillon.mittel{--groesse:64px}.medaillon.gross{--groesse:96px}.medaillon.riesig{--groesse:132px}.medaillon.werwolf{border-color:var(--blut)}.medaillon.dorfbewohner{border-color:var(--gruen)}.medaillon.seherin{border-color:#b69cff}.medaillon.hexe{border-color:#7bd88f}.medaillon.jaeger{border-color:#e0a15c}.medaillon.leibwaechter{border-color:#6fb1ff}.medaillon.amor{border-color:#ff8fb8}.uhr{flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex;position:relative}.uhr svg{position:absolute;inset:0;transform:rotate(-90deg)}.uhr .spur{fill:none;stroke:var(--linie);stroke-width:5px}.uhr .lauf{fill:none;stroke:var(--gold);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.uhr.knapp .lauf{stroke:var(--blut)}.uhr .zahl{font-family:var(--schrift-zahl);font-size:1rem;font-weight:700}.uhr.knapp .zahl{color:var(--blut-text)}.uhr.pause .lauf{stroke:var(--gedaempft)}.schleier{z-index:50;background:var(--schleier);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.blatt{width:100%;max-width:var(--breite);overscroll-behavior:contain;background:var(--flaeche);border-radius:var(--radius) var(--radius) 0 0;border:1px solid var(--linie);max-height:88dvh;padding:var(--a5) var(--rand-r) var(--rand-u) var(--rand-l);gap:var(--a4);animation:hoch var(--dauer) ease-out;border-bottom:0;flex-direction:column;display:flex;overflow-y:auto}@keyframes hoch{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.kacheln{gap:var(--a2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.kachel{align-items:center;gap:var(--a2);padding:var(--a3) var(--a2);border-radius:var(--radius-s);background:var(--flaeche-hoch);border:1px solid var(--linie);min-height:44px;color:var(--text);text-align:center;flex-direction:column;min-width:0;display:flex;position:relative}button.kachel{cursor:pointer;touch-action:manipulation}.kachel .name{font-size:var(--fs-klein);overflow-wrap:anywhere;font-weight:600;line-height:1.25}.kachel .zusatz{color:var(--gedaempft);font-size:.75rem}.kachel .punkt{background:#6f7896;border-radius:50%;width:10px;height:10px;position:absolute;top:8px;right:8px}.kachel.tot{opacity:.6}.kopf{align-items:center;gap:var(--a2);text-align:center;flex-direction:column;display:flex}.logo{width:72px;height:72px}.raumcode{font-family:var(--schrift-zahl);font-size:var(--fs-code);letter-spacing:.25em;color:var(--gold);padding-left:.25em;font-weight:800;line-height:1.1}.qr{border-radius:var(--radius-s);background:var(--text);width:200px;height:200px;image-rendering:pixelated;margin:0 auto;padding:6px}.linktext{font-size:var(--fs-klein);color:var(--gedaempft);overflow-wrap:anywhere;text-align:center;-webkit-user-select:all;user-select:all}.einstellung{gap:var(--a2);flex-direction:column;display:flex}.einstellung+.einstellung{padding-top:var(--a3);border-top:1px solid var(--linie)}.zeile{justify-content:space-between;gap:var(--a3);align-items:baseline;display:flex}.zeile .wert{text-align:right;font-weight:700}.rolle-zeile{gap:var(--a3);padding:var(--a2) 0;align-items:center;display:flex}.rolle-zeile+.rolle-zeile{border-top:1px solid var(--linie)}details.aufklapp>summary{min-height:var(--tipp);cursor:pointer;justify-content:space-between;align-items:center;font-weight:700;list-style:none;display:flex}details.aufklapp>summary::-webkit-details-marker{display:none}details.aufklapp>summary:after{content:"▾";color:var(--gedaempft);transition:transform var(--dauer) ease}details.aufklapp[open]>summary:after{transform:rotate(180deg)}.leiste{z-index:20;gap:var(--a1);padding:var(--a3) 0 0;background:linear-gradient(to top, var(--hintergrund) 70%, transparent);flex-direction:column;display:flex;position:sticky;bottom:0}.vorschau{align-items:center;gap:var(--a4);display:flex}.vorschau .knopfreihe{flex:1}@media (width>=480px){.kacheln{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.spielkopf{z-index:25;align-items:center;gap:var(--a2);margin:calc(-1 * var(--rand-o)) calc(-1 * var(--rand-r)) 0 calc(-1 * var(--rand-l));padding:var(--rand-o) var(--rand-r) var(--a2) var(--rand-l);background:var(--hintergrund);border-bottom:1px solid var(--linie);min-height:calc(var(--rand-o) + 56px + var(--a2));display:flex;position:sticky;top:0}.spielkopf .kopf-titel{flex-direction:column;flex:1;min-width:0;display:flex}.spielkopf h1{font-size:1.375rem}.symbol{width:var(--tipp);height:var(--tipp);border:1px solid var(--linie);background:var(--flaeche-hoch);color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.app.spiel .inhalt{padding-bottom:72px}.app.spiel .fuss{text-align:left}.app.spiel .leiste{margin-bottom:-72px;padding-bottom:64px}.schleier.pause{z-index:45;padding:var(--a4);background:#050814db;align-items:center}.pause-karte{text-align:center;gap:var(--a3);background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);width:100%;max-width:360px;padding:var(--a5);flex-direction:column;display:flex}.pause-karte h2{font-size:var(--fs-titel)}.meine-rolle{z-index:35;right:var(--rand-r);bottom:max(var(--a3), env(safe-area-inset-bottom));min-height:var(--tipp);min-width:132px;padding:var(--a2) var(--a4);justify-content:center;align-items:center;gap:var(--a2);background:var(--flaeche-hoch);border:1px solid var(--gold);color:var(--text);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:999px;font-weight:700;display:inline-flex;position:fixed;box-shadow:0 4px 14px #00000073}.meine-rolle.offen{background:var(--gold);color:var(--nacht)}.meine-rolle.offen .medaillon{box-shadow:none}.probe-knopf{z-index:35;left:var(--rand-l);bottom:max(var(--a3), env(safe-area-inset-bottom));min-height:var(--tipp);min-width:88px;max-width:calc(100% - 132px - var(--rand-l) - var(--rand-r) - var(--a2));padding:var(--a2) var(--a4);background:var(--flaeche-hoch);border:1px dashed var(--gold);color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:fixed;box-shadow:0 4px 14px #00000073}.app.probe:not(.spiel) .inhalt{padding-bottom:72px}.app.probe:not(.spiel) .leiste{margin-bottom:-72px;padding-bottom:64px}.app.probe .fuss{padding-bottom:64px}.probe-kopf{gap:var(--a2);flex-direction:column;display:flex}.probe-zaehler{align-items:center;gap:var(--a4);display:flex}.probe-zaehler .knopf{min-width:var(--tipp);font-size:var(--fs-gross)}.probe-zahl{text-align:center;min-width:2ch;font-family:var(--schrift-zahl)}.probe-liste{gap:var(--a2);flex-direction:column;display:flex}.probe-zeile{justify-content:space-between;align-items:center;gap:var(--a3);border-radius:var(--radius-s);text-align:left;width:100%;display:flex}.probe-rolle{color:var(--gedaempft);font-weight:400}.probe-zeile[aria-checked=true] .probe-rolle{color:var(--nacht)}.gross-text{font-size:var(--fs-gross);font-weight:700}.geist-hinweis{color:var(--gedaempft);font-style:italic}.ereignisse{padding-left:var(--a4);color:var(--gedaempft);font-size:var(--fs-klein);margin:0}.rolle-zeile.zentriert{justify-content:center}.dorfplatz{gap:var(--a2)}.dorfplatz .kachel{padding:var(--a3) 4px var(--a2);gap:var(--a1);font:inherit;justify-content:flex-start}.dorfplatz .kachel .name{-webkit-hyphens:auto;hyphens:auto;font-size:.8125rem}.dorfplatz .kachel.gewaehlt{box-shadow:0 0 0 3px var(--gold);border-color:var(--gold)}.dorfplatz .kachel .zusatz.meine{color:var(--gold);font-weight:700}.dorfplatz .kachel.nicht:not(.tot){opacity:.55}.dorfplatz .kachel.tot{opacity:.75}.dorfplatz .kachel .avatar{box-shadow:0 0 0 2px var(--flaeche-hoch)}.plakette{z-index:2;background:var(--gold);min-width:26px;height:26px;color:var(--nacht);border:2px solid var(--hintergrund);border-radius:13px;justify-content:center;align-items:center;padding:0 7px;font-size:.875rem;font-weight:800;display:inline-flex;position:absolute;top:-7px;right:-5px}.waehler{flex-wrap:wrap;justify-content:center;align-items:center;row-gap:3px;max-width:100%;padding-left:9px;display:inline-flex}.waehler .avatar{box-shadow:0 0 0 2px var(--flaeche-hoch);margin-left:-9px}.waehler .avatar.ring{box-shadow:0 0 0 2px var(--gold)}.waehler .plus-n{margin-left:var(--a1)}.rangliste{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:var(--a4);gap:var(--a3);flex-direction:column;display:flex}.rangliste ol{gap:var(--a3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rang{gap:var(--a1);flex-direction:column;display:flex}.rang+.rang{border-top:1px solid var(--linie);padding-top:var(--a3)}.rang-kopf{align-items:center;gap:var(--a2);display:flex}.rang-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.rang-zahl{font-family:var(--schrift-zahl);color:var(--gold);text-align:right;min-width:1.5ch;font-weight:800}.rang.leise .rang-name{color:var(--gedaempft)}.balken{background:var(--nacht);border-radius:4px;height:8px;overflow:hidden}.balken>span{background:var(--gold);height:100%;transition:width var(--dauer) ease;border-radius:4px;display:block}.rang .waehler{justify-content:flex-start;padding-left:9px}.rollenkarte{width:100%;min-height:300px;padding:var(--a5) var(--a4);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;border:2px solid var(--gold);color:var(--text);justify-content:center;align-items:center;display:flex}.rollenkarte.verdeckt{background:radial-gradient(circle at 50% 30%,#f2c14e2e,#0000 55%),repeating-linear-gradient(45deg,#1c2446 0 10px,#232c55 10px 20px)}.rollenkarte.offen{background:radial-gradient(circle at 50% 0%, #2c3560, var(--flaeche) 70%)}.rollenkarte .seite{align-items:center;gap:var(--a3);animation:drehen var(--dauer) ease-out;flex-direction:column;display:flex}.mondzeichen{font-size:4rem;line-height:1}.rollenname{font-size:var(--fs-titel);font-weight:800}.beschreibung{color:var(--gedaempft);max-width:36ch}.rollenkarte .sieg{font-size:var(--fs-klein);max-width:36ch}@keyframes drehen{0%{opacity:.4;transform:rotateY(90deg)}to{opacity:1;transform:none}}.rudel{gap:var(--a2);flex-direction:column;align-items:center;display:flex}.rudelliste{gap:var(--a3);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.rudelliste li{align-items:center;gap:var(--a2);font-weight:600;display:flex}.schlaf{padding:var(--a6) var(--a4);background:0 0;border-color:#0000;align-items:center}.mond{filter:drop-shadow(0 0 18px #f2c14e66)}.morgen{align-items:center}.sonne{animation:.25s ease-out aufgang}@keyframes aufgang{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tote-liste{gap:var(--a5);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.tote-eintrag{align-items:center;gap:var(--a2);flex-direction:column;max-width:150px;display:flex}.opfer-zeile{gap:var(--a3);align-items:center;display:flex}.opfer-zeile>div{gap:var(--a2);flex-direction:column;align-items:flex-start;display:flex}.urteil{align-items:center}.gewaehlt-von{align-items:center;gap:var(--a2);flex-direction:column;display:flex}.ende-kopf{align-items:center}.medaillon.partei.dorf{border-color:var(--gruen)}.medaillon.partei.werwoelfe{border-color:var(--blut)}.medaillon.partei.liebespaar{border-color:#ff8fb8}.medaillon.partei.niemand{border-color:var(--gedaempft)}.ergebnis{font-size:var(--fs-titel);font-weight:800}.ergebnis.gewonnen{color:var(--gold)}.ergebnis.verloren{color:var(--blut-text)}.spielerliste,.verlauf,.verwalt-liste{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.spielerzeile,.verwalt-zeile{align-items:center;gap:var(--a3);padding:var(--a2) 0;display:flex}.spielerzeile+.spielerzeile,.verwalt-zeile+.verwalt-zeile{border-top:1px solid var(--linie)}.spielerzeile .avatar.mittel,.verwalt-zeile .avatar.mittel{--groesse:44px}.spielerzeile-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.siegerchip{padding:2px var(--a2);border:1px solid var(--gold);color:var(--gold);border-radius:999px;flex:none;font-size:.75rem;font-weight:700}.verlauf{gap:var(--a1);counter-reset:nr;font-size:var(--fs-klein);padding-left:0}.verlauf li{counter-increment:nr;padding:2px 0;display:block}.verlauf li:before{content:counter(nr) ". ";color:var(--gedaempft);font-family:var(--schrift-zahl)}.verwalt-zeile{flex-wrap:wrap}.verwalt-knoepfe{gap:var(--a2);flex-wrap:wrap;flex:100%;display:flex}.verwalt-knoepfe .knopf{flex:140px}@media (width>=480px){.dorfplatz.kacheln{gap:var(--a3)}}@media (prefers-reduced-motion:reduce){.rollenkarte .seite,.sonne{animation:none!important}}.karte.mitte>.medaillon{align-self:center}.verlauf li{column-gap:var(--a2);grid-template-columns:3.2ch 1fr;display:grid}.verlauf li:before{content:counter(nr) ".";text-align:right}