@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;600&family=Caveat:wght@600;700&family=Oswald:wght@500;700&display=swap";html,body{height:100%}body{margin:0;background:#0e241f;color:#e7e3d4;font-family:Archivo,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}#root{min-height:100%;display:flex;justify-content:center}.app{--teppich: #14312A;--teppich-hell: #1D4038;--zettel: #EDE8D6;--kuli: #1E3A8C;--rot: #C4342A;--kreide: #E7E3D4;width:100%;max-width:620px;min-height:100vh;min-height:100dvh;padding:14px 14px calc(28px + env(safe-area-inset-bottom));background:radial-gradient(120% 80% at 50% -10%,#1d4038,#14312a 55%,#0e241f);color:var(--kreide);box-sizing:border-box}.app *,.app *:before,.app *:after{box-sizing:border-box}.kopf{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px;gap:10px}.kopf-eyebrow{margin:0;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#7fa79a}.kopf-name{margin:2px 0 0;font-family:Oswald,sans-serif;font-weight:700;font-size:26px;letter-spacing:.02em;text-transform:uppercase}.kopf-knoepfe{display:flex;gap:6px;flex-shrink:0}.knopf-mini{background:none;border:1px solid #3E6357;color:#9fbfb4;border-radius:999px;padding:6px 12px;font-size:12px;font-family:Archivo,sans-serif;cursor:pointer}.knopf-mini:hover{border-color:#7fa79a;color:var(--kreide)}.karte{background:var(--zettel);color:#1b2a24;border-radius:4px;padding:16px;box-shadow:0 10px 24px #00000059}.setup{max-width:460px;margin:8px auto}.eyebrow{margin:0;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#6b7a6f}.titel{margin:6px 0 10px;display:flex;flex-direction:column;line-height:.9}.titel-zahl{font-family:Oswald,sans-serif;font-weight:700;font-size:58px;color:var(--rot);letter-spacing:-.01em}.titel-wort{font-family:Caveat,cursive;font-size:30px;color:var(--kuli);margin-top:4px}.vorwort{font-size:14px;line-height:1.5;color:#3a4a41;margin:0 0 18px}.feldlabel{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6b7a6f;margin:14px 0 6px}.zahlreihe{display:flex;gap:8px;flex-wrap:wrap}.chip{flex:1;min-width:44px;padding:10px 4px;border:1px solid #C3BCA4;background:#f6f3e7;border-radius:3px;font-family:Oswald,sans-serif;font-size:17px;color:#3a4a41;cursor:pointer}.chip-breit{min-width:96px}.chip-an{background:var(--kuli);border-color:var(--kuli);color:#f6f3e7}.namensfeld{display:grid;grid-template-columns:1fr 1fr;gap:8px}.eingabe{width:100%;padding:10px;border:none;border-bottom:1.5px solid #B9B198;background:transparent;font-family:Caveat,cursive;font-size:20px;color:var(--kuli)}.eingabe:focus{outline:none;border-bottom-color:var(--kuli)}.eingabe::placeholder{color:#a9a08a}.zaehlliste{margin-bottom:14px;padding:12px 14px;background:repeating-linear-gradient(to bottom,transparent 0 31px,#D6D0BA 31px 32px),var(--zettel)}.zettel-titel{margin:0 0 8px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6b7a6f;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.zettel-tipp{letter-spacing:.04em;text-transform:none;font-size:10.5px;color:#9aa396}.zeile-knopf{width:100%;background:none;border:none;padding:0;text-align:left;cursor:pointer;font:inherit}.zeile-knopf:focus-visible{outline:2px solid var(--kuli);outline-offset:2px}.moduswahl{display:grid;gap:8px}.moduskarte{display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px 14px;border:1px solid #C3BCA4;background:#f6f3e7;border-radius:3px;cursor:pointer;font-family:Archivo,sans-serif}.moduskarte-an{background:var(--kuli);border-color:var(--kuli)}.moduskarte-titel{font-family:Oswald,sans-serif;font-size:15px;letter-spacing:.05em;text-transform:uppercase;color:#2b3a32}.moduskarte-text{font-size:12.5px;line-height:1.4;color:#5b6a60}.moduskarte-an .moduskarte-titel{color:#f6f3e7}.moduskarte-an .moduskarte-text{color:#c9d4f0}.anzeige{display:flex;justify-content:flex-end;align-items:baseline;border-bottom:2px solid #3E6357;padding:2px 4px 6px}.anzeige-zahl{font-family:Oswald,sans-serif;font-weight:700;font-size:46px;line-height:1;color:#ffe9a8;font-variant-numeric:tabular-nums}.anzeige-hinweis{margin:8px 0 12px;font-size:12.5px;color:#7fa79a;text-align:right}.schnellreihe{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.schnell{padding:9px 2px;border:1px solid #3E6357;background:transparent;color:#9fbfb4;border-radius:3px;font-family:Archivo,sans-serif;font-size:13px;cursor:pointer}.schnell:active{background:#265046;color:var(--kreide)}.tastatur{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.taste{padding:14px 0;border:none;border-radius:4px;background:#f6f3e7;color:#22302a;font-family:Oswald,sans-serif;font-size:20px;cursor:pointer;box-shadow:0 2px #c3bca4}.taste:active{transform:translateY(2px);box-shadow:none}.taste-still{background:#265046;color:#9fbfb4;box-shadow:0 2px #1a3a33}.schnell:focus-visible,.taste:focus-visible{outline:3px solid #FFD166;outline-offset:2px}.zeile{display:flex;align-items:center;gap:10px;min-height:32px}.zeile-dran .z-name{color:var(--rot);font-weight:700}.z-name{flex:1;font-family:Caveat,cursive;font-size:22px;color:var(--kuli);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.z-zuege{font-size:10.5px;letter-spacing:.06em;color:#8a9187;font-variant-numeric:tabular-nums}.z-platz{font-family:Oswald,sans-serif;font-size:13px;color:#8a9187;width:18px}.zeile-fertig{opacity:.5;cursor:default}.zeile-weg .z-name{opacity:.5}.fussnote{font-size:12px;line-height:1.45;color:#6b7a6f;margin:8px 0 0}.z-punkte{font-family:Caveat,cursive;font-weight:700;font-size:24px;color:var(--kuli);min-width:64px;text-align:right}.striche{display:inline-flex;gap:4px;align-items:center;flex-wrap:nowrap;max-width:88px;overflow:hidden}.strich{stroke:var(--kuli);stroke-width:1.8;stroke-linecap:round}.keine-striche{color:#b6ae96;font-size:13px}.ziel-zeile{margin-top:6px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a9187}.z-punkt-dot{width:7px;height:7px;border-radius:50%;background:#7bd2a8;flex-shrink:0}.z-punkt-dot.aus{background:#c3bca4}.teppich{background:var(--teppich-hell);border:1px solid #2C5A4E;border-radius:6px;padding:14px;margin-bottom:14px}.zug-kopf{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.zug-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#7fa79a}.zug-wert{font-family:Oswald,sans-serif;font-weight:700;font-size:30px;line-height:1;color:#e7e3d4}.zug-sicher{color:#7bd2a8}.zug-uebrig{margin-left:auto;font-size:11px;color:#7fa79a}.liegt{display:flex;flex-wrap:wrap;gap:6px;padding:8px;margin-bottom:10px;border:1px dashed #3E6357;border-radius:4px}.wurfflaeche{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;min-height:74px;align-items:center}.leer{font-size:13px;color:#7fa79a;text-align:center;margin:0}.wf{position:relative;padding:5px;border:none;border-radius:12px;background:#faf8f1;box-shadow:0 3px #c9c3b2,0 6px 12px #0000004d}.wf-klick{cursor:pointer}.pip{fill:#20241f}.wf-sel{background:#ffe9a8;box-shadow:0 0 0 3px var(--rot),0 6px 12px #0000004d;transform:translateY(-3px)}.wf-ruht{opacity:.75;box-shadow:0 2px #c9c3b2}.wf-badge{position:absolute;bottom:-6px;right:-6px;background:var(--kuli);color:#f6f3e7;font-size:9px;padding:1px 4px;border-radius:999px;font-family:Archivo,sans-serif}.wf:focus-visible{outline:3px solid #FFD166;outline-offset:2px}.wf-shake{animation:beben .16s infinite}@keyframes beben{0%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(6deg) translateY(-4px)}to{transform:rotate(-7deg) translateY(0)}}.auswahl{margin:10px 0 0;text-align:center;font-size:14px;color:#ffe9a8}.auswahl-falsch{color:#f2a69e}.fehlwurf{margin:10px 0 0;text-align:center;font-size:14px;color:#f2a69e}.hinweis{margin:8px 0 0;text-align:center;font-size:12px;color:#7fa79a}.leiste{display:flex;flex-direction:column;gap:8px}.helferreihe{display:flex;gap:8px}.knopf{width:100%;padding:15px 16px;border:none;border-radius:4px;font-family:Oswald,sans-serif;font-size:16px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.knopf-haupt{background:var(--rot);color:#fff6ee;box-shadow:0 3px #8e241c}.knopf-haupt:active{transform:translateY(2px);box-shadow:0 1px #8e241c}.knopf-zweit{background:#f6f3e7;color:#2b3a32;box-shadow:0 3px #c3bca4}.knopf-still{background:transparent;color:#9fbfb4;border:1px solid #3E6357}.knopf-rot{background:#8e241c;box-shadow:0 3px #5e140f}.knopf:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.knopf:focus-visible,.chip:focus-visible{outline:3px solid #FFD166;outline-offset:2px}.setup .knopf{margin-top:10px}.startwahl{display:grid;gap:10px;margin-top:6px}.code-box{text-align:center;margin:6px 0 4px}.code-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6b7a6f}.code-wert{font-family:Oswald,sans-serif;font-weight:700;font-size:52px;letter-spacing:.16em;color:var(--rot);margin:2px 0}.code-teilen{display:flex;gap:8px;margin-top:6px}.code-eingabe{width:100%;padding:12px;border:1.5px solid #C3BCA4;border-radius:4px;background:#f6f3e7;font-family:Oswald,sans-serif;font-size:26px;letter-spacing:.18em;text-align:center;text-transform:uppercase;color:#22302a}.code-eingabe:focus{outline:none;border-color:var(--kuli)}.spielerliste{display:grid;gap:6px;margin:4px 0}.spielerpille{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#f6f3e7;border:1px solid #D6D0BA}.spielerpille .punkt{width:9px;height:9px;border-radius:50%;background:#7bd2a8;flex-shrink:0}.spielerpille .punkt.weg{background:#c9a24a}.spielerpille .sp-name{flex:1;font-family:Caveat,cursive;font-size:22px;color:var(--kuli)}.spielerpille .sp-tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8a9187}.status-band{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:6px;margin-bottom:12px;font-size:13px}.status-dran{background:#c4342a29;border:1px solid #C4342A;color:#ffd7ce}.status-warten{background:#7fa79a1f;border:1px solid #3E6357;color:#9fbfb4}.status-band .ampel{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dran .ampel{background:#ff6b5c;box-shadow:0 0 10px #ff6b5c}.status-warten .ampel{background:#7fa79a}.verbindung{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:80;padding:6px 14px;border-radius:999px;font-size:12px;background:#8e241c;color:#fff6ee;box-shadow:0 4px 12px #0006}.hint-text{font-size:12.5px;line-height:1.5;color:#5b6a60;margin:8px 0 0}.fehler-text{color:#c4342a;font-size:13px;margin:8px 0 0;min-height:18px}.mini-abstand{margin-top:10px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#081411c7;display:flex;align-items:flex-start;justify-content:center;padding:18px;overflow:auto;z-index:50}.regeln{max-width:460px;width:100%}.regel-titel{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:15px;margin:16px 0 8px;color:var(--rot)}.regel-titel:first-child{margin-top:0}.regel-liste{margin:0;padding-left:18px;font-size:13.5px;line-height:1.55;color:#33423a}.regel-liste li{margin-bottom:7px}.tabelle{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px;font-variant-numeric:tabular-nums}.tabelle th{font-family:Oswald,sans-serif;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#6b7a6f;padding:4px 0;border-bottom:1px solid #C3BCA4}.tabelle td{padding:5px 0;text-align:right;color:#33423a;border-bottom:1px solid #DFD9C4}.tabelle td:first-child,.tabelle th:first-child{text-align:left;color:#6b7a6f}.zeile-hell td{color:var(--rot);font-weight:600}.regel-fuss{font-size:12px;color:#6b7a6f;margin-top:10px}@media (prefers-reduced-motion: reduce){.wf-shake{animation:none}.wf-sel{transform:none}}@media (max-width: 380px){.titel-zahl{font-size:48px}.namensfeld{grid-template-columns:1fr}.code-wert{font-size:44px}}@media (min-width: 640px){.app{padding:22px 22px calc(36px + env(safe-area-inset-bottom))}.wurfflaeche{gap:14px}}