.spiel-zurueck{display:inline-block;margin-bottom:18px;font-size:13.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.spiel-zurueck:hover{color:var(--red)}.spiel-flaeche{max-width:640px;margin:0 auto}.spiel-flaeche button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;font-family:inherit;cursor:pointer}.spiel-anleitung{padding:26px 28px;border-left:4px solid var(--red)}.spiel-anleitung h2{font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.spiel-anleitung p{color:var(--muted);font-size:15.5px}.spiel-anleitung p+p{margin-top:10px}.spiel-anleitung ul{list-style:none;margin-top:12px}.spiel-anleitung li{padding:5px 0 5px 20px;position:relative;color:var(--muted);font-size:15.5px}.spiel-anleitung li:before{content:"";position:absolute;left:0;top:14px;width:8px;height:2px;background:var(--red)}.spiel-anleitung strong{color:var(--ink)}.spiel-start{margin-top:22px;text-align:center}button.btn{border:0;cursor:pointer;font-family:inherit;font-size:15px}button.btn-ghost{border:1px solid var(--line);background:none;color:var(--ink)}.hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.hud-feld{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:10px 12px;text-align:center}.hud-feld span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hud-feld b{display:block;font-size:22px;font-weight:900;line-height:1.2;font-variant-numeric:tabular-nums}.hud-feld b.serie-aktiv{color:var(--red)}.leben{display:flex;justify-content:center;gap:6px;padding-top:4px}.leben i{width:14px;height:14px;border-radius:50%;background:var(--red);display:block}.leben i.weg{background:var(--line)}.zeitbalken{height:10px;background:var(--surface-2);border-radius:5px;overflow:hidden;margin-bottom:18px}.zeitbalken i{display:block;height:100%;width:100%;background:var(--red);transform-origin:left center}.zeitbalken i.knapp{background:#ffb020}.lage{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:0 6px 6px 0;padding:22px 24px;margin-bottom:18px;min-height:152px}.lage .ort{font-size:clamp(20px,4.5vw,26px);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:1.15}.lage .text{color:var(--muted);font-size:15.5px;margin-top:8px}.antworten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:560px){.antworten{grid-template-columns:repeat(3,minmax(0,1fr))}}.antwort{background:var(--surface);color:var(--ink);font-size:15px;border:1px solid var(--line);border-radius:6px;padding:14px 10px 12px;text-align:center;transition:border-color .15s,background .15s;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.antwort:hover:not(:disabled){border-color:var(--red);background:var(--surface-2)}.antwort:disabled{opacity:.55;cursor:default}.antwort .aufdruck{width:32px;height:32px;border-radius:4px;background:var(--surface-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:17px}.antwort .name{font-size:13.5px;font-weight:700;line-height:1.2}.antwort .klassen{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}.antwort .zusatz{font-size:10.5px;color:var(--muted);line-height:1.25}.antwort.war-richtig{border-color:#35c26a;background:#35c26a1f}.antwort.war-falsch{border-color:var(--red);background:#e2001a1f}.rueckmeldung{margin-top:16px;min-height:76px;border-radius:6px;padding:14px 16px;border:1px solid transparent;font-size:15px;color:var(--muted)}.rueckmeldung b{display:block;color:var(--ink);font-size:15.5px;margin-bottom:4px}.rueckmeldung.richtig{border-color:#35c26a80;background:#35c26a14}.rueckmeldung.richtig b{color:#4bd07f}.rueckmeldung.falsch{border-color:#e2001a80;background:#e2001a14}.rueckmeldung.falsch b{color:#ff5567}.bericht{padding:28px 26px;text-align:center}.bericht h2{font-size:clamp(22px,4vw,30px);font-weight:900;text-transform:uppercase}.bericht .punktezahl{font-size:clamp(44px,12vw,64px);font-weight:900;line-height:1.05;color:var(--red);font-variant-numeric:tabular-nums;margin:10px 0 4px}.bericht .bestwert{font-size:14px;color:var(--muted)}.bericht dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;margin:24px 0 26px;text-align:center}.bericht dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.bericht dd{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums;margin-top:2px}.bericht .knoepfe{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.zuordnung{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start}.saeule{display:grid;gap:10px;align-content:start}.saeule>h3{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.paar{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:12px 12px 11px;text-align:left;width:100%;transition:border-color .15s,background .15s}.paar:hover:not(:disabled){border-color:var(--muted)}.paar .titel{display:block;font-weight:800;font-size:15px;line-height:1.2}.paar .zweck{display:block;font-size:13.5px;line-height:1.35;color:var(--muted)}.paar.gewaehlt{border-color:var(--red);background:var(--surface-2)}.paar.fest{border-color:#35c26a8c;background:#35c26a1a;opacity:1;cursor:default}.paar.fest .zweck{color:#9fd9b5}.paar.daneben{border-color:var(--red);background:#e2001a24}.bereich{display:inline-block;margin-bottom:6px;padding:2px 7px;border-radius:3px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border:1px solid currentColor;line-height:1.5}.bereich-wasser{color:#5aa9e0}.bereich-loesch{color:#ff6a78}.bereich-technik{color:#ffb020}.bereich-atem{color:#4bd07f}.fahrbahn{position:relative;margin:0 auto;width:100%;max-width:460px;aspect-ratio:3 / 4.3;max-height:68vh;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#10131a}.fahrbahn canvas{display:block;width:100%;height:100%}.lenken{position:absolute;top:0;bottom:0;width:50%;background:none;border:0;padding:0 0 14px;touch-action:none;color:#f2f0ec47;font-size:26px;font-weight:900;display:flex;align-items:flex-end;justify-content:center}.lenken-links{left:0}.lenken-rechts{right:0}.lenken:active,.lenken.haelt{background:#f2f0ec0f}.lenken:focus-visible{outline:2px solid var(--red);outline-offset:-4px}.fahr-hinweis{margin-top:12px;text-align:center;font-size:13.5px;color:var(--muted)}.teile{display:grid;gap:14px}.teil-knopf{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:0 6px 6px 0;padding:20px 22px;text-align:left;width:100%;transition:border-color .15s,background .15s}.teil-knopf:hover{background:var(--surface-2)}.teil-knopf .nummer{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}.teil-knopf .titel{display:block;font-size:19px;font-weight:900;text-transform:uppercase;margin-top:2px}.teil-knopf .text{display:block;color:var(--muted);font-size:14.5px;margin-top:6px}.buchstabe{background:var(--surface);border:1px solid var(--line);border-radius:6px;text-align:center;padding:22px 12px 26px;margin-bottom:16px}.buchstabe b{display:block;font-size:clamp(64px,22vw,104px);font-weight:900;line-height:1;letter-spacing:.02em}.buchstabe span{display:block;margin-top:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.aufgabe{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:0 6px 6px 0;padding:18px 20px;margin-bottom:14px}.aufgabe .wort{font-size:clamp(24px,7vw,38px);font-weight:900;letter-spacing:.1em;line-height:1.1;word-break:break-word}.aufgabe .szenario{color:var(--muted);font-size:15.5px}.gebaut{min-height:52px;border:1px dashed var(--line);border-radius:6px;padding:10px 12px;margin-bottom:14px;font-size:15px;line-height:1.5;color:var(--muted)}.gebaut b{color:var(--ink);font-weight:700}.gebaut .platzhalter{color:var(--muted);font-style:italic}.kacheln-funk{display:flex;flex-wrap:wrap;gap:8px}.kachel-funk{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:12px 14px;font-size:15px;font-weight:700;flex:1 1 auto;min-width:96px;text-align:center;transition:border-color .15s,background .15s}.kachel-funk:hover:not(:disabled){border-color:var(--red);background:var(--surface-2)}.kachel-funk:disabled{opacity:.4;cursor:default}.kachel-funk.war-richtig{border-color:#35c26a;background:#35c26a24}.kachel-funk.war-falsch{border-color:var(--red);background:#e2001a24}.kacheln-funk.vier{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.funk-fuss{margin-top:16px;text-align:center}.nur-vorlesen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:700px){.spiel-kopf{padding:22px 0 16px}.spiel-kopf h1{margin-top:4px;font-size:clamp(26px,8vw,34px);hyphens:manual}.spiel-kopf p.lead{display:none}.spiel-kopf+.block{padding-top:18px}.spiel-zurueck{margin-bottom:12px}.spiel-anleitung{display:flex;flex-direction:column;padding:18px 18px 20px}.spiel-anleitung ul{order:1;margin-top:18px}.spiel-anleitung p,.spiel-anleitung li{font-size:14.5px}.spiel-anleitung li{padding:3px 0 3px 18px}.spiel-anleitung li:before{top:12px}.spiel-start{margin-top:16px}.hud{gap:8px;margin-bottom:12px}.hud-feld{padding:7px 10px}.hud-feld b{font-size:20px}.zeitbalken{margin-bottom:14px}.lage{padding:16px 18px;margin-bottom:14px;min-height:116px}.lage .text{font-size:14.5px}.antwort{min-height:82px;padding:11px 8px 10px}.rueckmeldung{margin-top:12px;min-height:66px;padding:12px 14px}.paar{padding:10px 10px 9px}.paar .titel{font-size:14px}.paar .zweck{font-size:13px}.spiel-zuordnung{display:flex;flex-direction:column}.spiel-zuordnung .rueckmeldung{margin-top:0;min-height:100px}.spiel-zuordnung .zuordnung{order:1;margin-top:12px}.fahrbahn{max-height:min(68vh,calc(100dvh - 180px))}.fahr-hinweis{display:none}.teile{gap:10px}.teil-knopf{padding:14px 16px}.teil-knopf .titel{font-size:17px}.teil-knopf .text{font-size:14px;margin-top:4px}.buchstabe{padding:14px 12px 16px;margin-bottom:12px}.aufgabe{padding:14px 16px;margin-bottom:12px}.gebaut{margin-bottom:12px}.funk-fuss{margin-top:12px}.bericht{padding:22px 18px}}.verborgen{display:none!important}