:root{--gruen-dunkel:#1f6f3a;--blau:#1e63d6;--orange:#f08a24;--text:#f4f6f4;--text-leise:#b9c7bd;--hintergrund:#13261a;--flaeche:#1d3526;--marker:#ffd400;--gut:#3ccf6e;--schlecht:#ff5a5a;--steuer-hoehe:72px;color:var(--text);background:var(--hintergrund);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}#app{min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);flex-direction:column;align-items:center;display:flex}.kopf{width:100%;max-width:560px;color:var(--text-leise);padding:10px 14px 6px;font-size:15px;font-weight:600}.feld-rahmen{width:min(100vw, 560px, calc((100dvh - var(--steuer-hoehe) - 44px) * 74 / 111));aspect-ratio:74/111;position:relative}.feld{touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.steuerung{width:100%;max-width:560px;min-height:var(--steuer-hoehe);gap:10px;padding:12px 14px;display:flex}.steuerung button{min-height:48px;font:inherit;color:var(--text);background:var(--flaeche);cursor:pointer;border:0;border-radius:10px;flex:1;font-size:16px;font-weight:600}.steuerung button:disabled{opacity:.4;cursor:default}.steuerung button.haupt{background:var(--blau)}.spieler-figur .koerper{stroke:#fff;stroke-width:.25px}.spieler-figur.blau .koerper{fill:var(--blau)}.spieler-figur.orange .koerper{fill:var(--orange)}.spieler-figur .nummer{fill:#fff;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:1.75px;font-weight:700}.spieler-figur.orange .nummer{fill:#2b1600}.spieler-figur .markierung{fill:none;stroke:var(--marker);stroke-width:.5px;opacity:0}.spieler-figur.markiert .markierung{animation:1.1s ease-in-out infinite puls}.ball{fill:#fff;stroke:#1a1a1a;stroke-width:.25px}.laufweg,.loesungsweg{fill:none;stroke-width:.35px;stroke-dasharray:1 .8;stroke-linecap:round;stroke-linejoin:round}.laufweg{stroke:#fff;stroke-opacity:.85}.loesungsweg{stroke:var(--marker);stroke-width:.45px}.zone{fill:var(--marker);fill-opacity:0;stroke:none}.zone.markiert{fill-opacity:.22;stroke:var(--marker);stroke-width:.3px;stroke-dasharray:.8 .6}@keyframes puls{0%,to{opacity:1;stroke-width:.5px}50%{opacity:.35;stroke-width:.9px}}.tafel{width:100%;max-width:560px;padding:0 14px 16px;font-size:16px;line-height:1.4}.tafel .hinweis{color:var(--text-leise);margin:0 0 10px}.knopf{width:100%;min-height:48px;font:inherit;color:#1b1b00;background:var(--marker);cursor:pointer;border:0;border-radius:10px;font-weight:600}.feld.tipp-modus{cursor:pointer}.feld.tipp-modus .spieler-figur.blau .koerper{stroke:var(--marker);stroke-width:.35px}.spieler-figur .tipp-ring{fill:none;stroke-width:.55px;opacity:0}.spieler-figur.tipp-richtig .tipp-ring{stroke:var(--gut);opacity:1}.spieler-figur.tipp-falsch .tipp-ring{stroke:var(--schlecht);opacity:1}.frage-nr{color:var(--text-leise);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:13px}.frage-text{margin:0 0 10px;font-size:18px;line-height:1.3}.optionen{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.option{min-height:48px;font:inherit;text-align:left;color:var(--text);background:var(--flaeche);cursor:pointer;border:2px solid #0000;border-radius:10px;padding:10px 12px;font-size:15px}.option:disabled{cursor:default;opacity:.6}.option.ist-richtig{border-color:var(--gut);opacity:1}.option.ist-falsch{border-color:var(--schlecht);opacity:1}.rueckmeldung{background:var(--flaeche);border-radius:10px;padding:12px}.rueckmeldung.ist-richtig{border-left:5px solid var(--gut)}.rueckmeldung.ist-falsch{border-left:5px solid var(--schlecht)}.urteil{margin:0 0 6px;font-size:17px;font-weight:700}.erklaerung{margin:0 0 12px}.knopf.zweit{background:var(--flaeche);color:var(--text)}[hidden]{display:none!important}.spielansicht{flex-direction:column;align-items:center;width:100%;display:flex}.kopf{color:var(--text);align-items:baseline;gap:12px;display:flex}.kopf .zurueck{color:var(--text-leise);flex:none;padding:4px 0;font-weight:600;text-decoration:none}.kopf .titel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}a.knopf{justify-content:center;align-items:center;text-decoration:none;display:flex}.knopfreihe{gap:10px;display:flex}.knopfreihe>*{flex:1}.uebersicht{width:100%;max-width:560px;padding:18px 14px 24px}.uebersicht-kopf h1{margin:0 0 6px;font-size:24px}.uebersicht-kopf .hinweis{color:var(--text-leise);margin:0 0 16px}.szenario-liste{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.szenario-karte{background:var(--flaeche);color:var(--text);border-radius:12px;grid-template-columns:auto 1fr;gap:2px 12px;padding:14px;text-decoration:none;display:grid}.szenario-karte .kuerzel{background:var(--blau);border-radius:8px;grid-row:span 2;align-self:center;padding:6px 8px;font-weight:700}.szenario-karte .name{font-weight:600}.szenario-karte .status{color:var(--text-leise);font-size:14px}.szenario-karte .status.gut{color:var(--gut)}.szenario-karte .status.offen{color:var(--orange)}.uebersicht-fuss{margin-top:22px}.uebersicht-fuss .leise{border:1px solid var(--text-leise);font:inherit;color:var(--text-leise);cursor:pointer;background:0 0;border-radius:8px;padding:8px 12px;font-size:14px}.uebersicht-fuss .klein{color:var(--text-leise);font-size:13px}.einblend-linie{stroke:var(--marker);stroke-width:.35px;stroke-dasharray:1.2 .8}.einblend-text{fill:var(--marker);text-anchor:end;paint-order:stroke;stroke:#0000008c;stroke-width:.35px;font-size:2.2px;font-weight:700}.loesung-hinweis{color:var(--marker);margin:.2rem 0 .4rem;font-weight:700}.feld.zeichen-modus{cursor:crosshair}.feld.zeichen-modus .spieler-figur.blau .koerper{stroke:var(--marker);stroke-width:.35px}.zeichnung{fill:none;stroke:#fff;stroke-width:.7px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.zeichnung.richtig{stroke:var(--gut)}.zeichnung.falsch{stroke:var(--schlecht)}.feld-hinweis{color:#fff;pointer-events:none;white-space:nowrap;background:#000000a6;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600;position:absolute;top:6px;left:50%;transform:translate(-50%)}.uebung{color:var(--text-leise);margin:0 0 6px;font-size:14px}.uebersicht-start{margin:6px 0 4px}.uebersicht-kopf .zurueck{color:var(--text-leise);padding:4px 0;font-weight:600;text-decoration:none;display:inline-block}.luecken{flex-direction:column;gap:22px;padding-bottom:24px;display:flex}.block-titel{margin:0 0 6px;font-size:17px}.balken{background:var(--flaeche);border-radius:999px;height:10px;overflow:hidden}.balken-fuellung{background:var(--gut);border-radius:999px;height:100%}.block-info{color:var(--text-leise);margin:6px 0 8px;font-size:14px}.konzept-liste{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.konzept-zeile{background:var(--flaeche);min-height:48px;color:var(--text);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;display:flex}.konzept-text{flex-direction:column;min-width:0;display:flex}.konzept-name{font-weight:600}.konzept-unterthema{color:var(--text-leise);font-size:13px}.konzept-status{color:var(--text-leise);flex:none;align-items:center;gap:6px;font-size:14px;display:flex}.konzept-status .punkt{background:var(--text-leise);border-radius:50%;width:10px;height:10px}.konzept-zeile.schwach .punkt{background:var(--orange)}.konzept-zeile.sitzt .punkt{background:var(--gut)}.konzept-zeile.keine-fragen{opacity:.55}.konzept-zeile.keine-fragen .punkt{border:1px solid var(--text-leise);background:0 0}a.konzept-zeile:active{filter:brightness(1.15)}