:root{--q-karte:#fff;--q-ok:#9db35c;--q-fehler:#e58b73;--q-flaeche:color-mix(in srgb, var(--anthracite) 82%, #000);--q-flaeche-hoch:color-mix(in srgb, var(--anthracite) 88%, var(--ivory));--q-knopfhoehe:3.5rem}.app-main{width:min(72rem,100% - 6rem);min-height:calc(100vh - 15rem);padding-block:3rem 5rem}.intro{color:var(--ivory);background:var(--surface);border-radius:var(--ld-radius-panel);padding:3rem}h1{max-width:20ch;color:var(--champagne);margin-bottom:1.25rem;font-size:clamp(2.75rem,4.7vw,3.5rem);line-height:1.12}h2{overflow-wrap:anywhere;margin-bottom:1rem;font-size:1.6rem;line-height:1.15}.lead{color:#f2efe6d1;max-width:65ch;margin-bottom:1.5rem}.intro :focus-visible{outline-color:var(--champagne)}.q-ansicht{gap:1.25rem;width:100%;max-width:46rem;margin-inline:auto;display:grid}.q-ansicht:has(.q-kacheln){max-width:64rem}.q-ansicht h1.q-titel{max-width:none;margin:0;font-size:clamp(1.9rem,6vw,2.75rem)}.q-ansicht h1.q-titel-klein{font-size:1.5rem}.q-hallo{color:var(--muted);margin:-.5rem 0 0}.q-hinweis{color:var(--muted);margin:0;font-size:.85rem;line-height:1.5}.q-laedt,.q-leer{color:var(--muted);margin:0}.q-zurueck{align-items:center;width:fit-content;min-height:2.75rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.q-block h2{font-size:1.25rem}.q-knopf{width:100%;min-height:var(--q-knopfhoehe);border:1px solid var(--line);border-radius:var(--ld-radius-control);color:var(--ivory);background:var(--q-flaeche-hoch);text-align:center;touch-action:manipulation;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.1rem;font-size:1rem;font-weight:600;line-height:1.3;display:inline-flex}.q-knopf:hover:not(:disabled){border-color:var(--champagne)}.q-knopf:active:not(:disabled){transform:translateY(1px)}.q-primaer{border-color:var(--champagne);color:var(--anthracite);background:var(--champagne)}.q-primaer:hover:not(:disabled){background:color-mix(in srgb, var(--champagne) 88%, var(--anthracite))}.q-sekundaer{border-color:var(--champagne);color:var(--champagne);background:0 0}.q-text{color:var(--ivory);text-underline-offset:.25em;background:0 0;border-color:#0000;font-weight:500;text-decoration:underline}.q-gross{min-height:4rem;font-size:1.15rem}.q-aktionen{gap:.75rem;display:grid}.q-hilfe{width:var(--q-knopfhoehe);flex:none;padding-inline:0;font-size:1.4rem}.q-kacheln{gap:.85rem;display:grid}.q-kachel{border:1px solid var(--line);border-left:.35rem solid var(--champagne);border-radius:var(--ld-radius-panel);min-height:6.5rem;color:var(--ivory);background:var(--q-flaeche);align-content:center;gap:.3rem;padding:1.1rem 1.25rem;text-decoration:none;display:grid}.q-kachel:hover{border-color:var(--champagne);background:var(--q-flaeche-hoch)}.q-kachel-simulation{border-left-color:var(--olive)}.q-kachel-liste{border-left-color:var(--ivory)}.q-kachel-titel{color:var(--champagne);font-family:var(--ld-font-heading);font-size:1.5rem;line-height:1.2}.q-kachel-text{color:var(--muted);font-size:.9rem;line-height:1.45}.q-laufliste{margin:0;padding:0;list-style:none}.q-laufliste li{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:.8rem 0;font-size:.9rem;line-height:1.45}.q-typenliste{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.q-typ{border:1px solid var(--line);border-radius:var(--ld-radius-panel);width:100%;min-height:4.5rem;color:var(--ivory);background:var(--q-flaeche);text-align:left;touch-action:manipulation;gap:.3rem;padding:.9rem 1.1rem;display:grid}.q-typ:hover{border-color:var(--champagne);background:var(--q-flaeche-hoch)}.q-typ-name{font-size:1.05rem;font-weight:600}.q-typ-stand{color:var(--muted);font-size:.8rem}.q-typ-balken{background:var(--line);border-radius:99px;height:.3rem;display:block;overflow:hidden}.q-typ-fuellung{width:calc(var(--anteil,0) * 100%);background:var(--olive);height:100%;display:block}.q-frage{gap:.85rem;display:grid}.q-frage-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .75rem;display:flex}.q-chip{border:1px solid var(--olive);color:var(--ivory);background:var(--olive-dark);border-radius:99px;padding:.2rem .7rem;font-size:.75rem;font-weight:600}.q-schwierigkeit{color:var(--champagne);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.q-frage-text{color:var(--ivory);overflow-wrap:anywhere;margin:0;font-size:1.25rem;font-weight:500;line-height:1.45}.q-bildkarte{border-radius:var(--ld-radius-panel);background:var(--q-karte);place-items:center;padding:.75rem;display:grid}.q-bild{object-fit:contain;width:100%;max-width:30rem;height:auto;max-height:20rem;display:block}.q-eingabe{gap:.75rem;display:grid}.q-feldzeile{align-items:center;gap:.6rem;display:flex}.q-feld{min-height:var(--q-knopfhoehe);border:2px solid var(--line);border-radius:var(--ld-radius-control);color:var(--ivory);background:var(--q-flaeche);flex:1;padding:.5rem 1rem;font-size:1.25rem;font-weight:600}.q-feld:focus{border-color:var(--champagne);outline:none}.q-einheit{color:var(--muted);flex:none;font-weight:600}.q-optionen{gap:.7rem;display:grid}.q-option{min-height:var(--q-knopfhoehe);text-align:left;justify-content:flex-start;padding:.75rem 1.1rem;font-size:1.05rem}.q-raster{grid-template-columns:repeat(2,minmax(0,1fr))}.q-raster .q-option{background:var(--q-karte);flex-direction:column;justify-content:center;min-height:8rem;padding:.5rem}.q-optionsbild{width:100%;max-width:8.5rem;height:auto;display:block}.q-option.ist-gewaehlt{border-color:var(--champagne);box-shadow:0 0 0 3px var(--champagne)}.q-option.ist-richtig{border-color:var(--q-ok);box-shadow:0 0 0 3px var(--q-ok)}.q-option.ist-falsch{border-color:var(--q-fehler);box-shadow:0 0 0 3px var(--q-fehler)}.q-option:disabled:not(.ist-richtig):not(.ist-falsch):not(.ist-gewaehlt){opacity:.6}.q-option:disabled.ist-richtig,.q-option:disabled.ist-falsch,.q-option:disabled.ist-gewaehlt{opacity:1}.q-aufloesung{border:1px solid var(--line);border-left:.35rem solid var(--champagne);border-radius:var(--ld-radius-panel);background:var(--q-flaeche);gap:.7rem;padding:1.1rem 1.25rem;display:grid}.q-aufloesung.ist-richtig{border-left-color:var(--q-ok)}.q-aufloesung.ist-falsch,.q-aufloesung.ist-zeit{border-left-color:var(--q-fehler)}.q-ergebnis{margin:0;font-size:1.6rem}.q-aufloesung p{margin:0;line-height:1.5}.q-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:600;display:block}.q-loesung strong{color:var(--ivory);font-size:1.25rem}.q-unten{gap:.85rem;display:grid}.q-fehler{border:1px solid var(--q-fehler);border-radius:var(--ld-radius-panel);gap:.75rem;padding:1rem;display:grid}.q-fehler p{margin:0}.q-sim-kopf{justify-content:space-between;align-items:center;gap:1rem;display:flex}.q-prozent{color:var(--champagne);font-family:var(--ld-font-heading);align-items:baseline;line-height:1;display:flex}.q-prozent-zahl{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(4.5rem,24vw,7rem);font-weight:600}.q-prozent-zeichen{margin-left:.15em;font-size:clamp(1.75rem,8vw,2.75rem)}.q-prozent-gross .q-prozent-zahl{font-size:clamp(5rem,28vw,8rem)}.q-leiter{gap:3px;margin:0;padding:0;list-style:none;display:flex}.q-marke{background:var(--line);border-radius:2px;flex:1;height:.5rem}.q-marke.ist-geschafft{background:var(--olive)}.q-marke.ist-aktuell{background:var(--champagne)}.q-uhr{flex:none;width:5.5rem;height:5.5rem;position:relative}.q-uhr-ring{width:100%;height:100%;display:block;transform:rotate(-90deg)}.q-uhr-spur,.q-uhr-balken{fill:none;stroke-width:8px}.q-uhr-spur{stroke:var(--line)}.q-uhr-balken{stroke:var(--champagne);stroke-linecap:round}.q-uhr-zahl{color:var(--ivory);font-variant-numeric:tabular-nums;place-items:center;font-size:1.9rem;font-weight:700;display:grid;position:absolute;inset:0}.q-uhr.ist-knapp .q-uhr-balken{stroke:var(--q-fehler)}.q-uhr.ist-knapp .q-uhr-zahl{color:var(--q-fehler)}.q-leiste{grid-template-columns:1fr auto;align-items:center;gap:.75rem;display:grid}.q-leiste .q-knopf{width:auto}.q-joker{min-width:9rem}.q-zeit-um{border:1px solid var(--q-fehler);border-radius:var(--ld-radius-panel);color:var(--q-fehler);text-align:center;margin:0;padding:1rem;font-weight:600}.q-regeln{gap:.5rem;margin:0;padding-left:1.2rem;line-height:1.5;display:grid}.q-schalter{min-height:var(--q-knopfhoehe);border:1px solid var(--line);border-radius:var(--ld-radius-control);background:var(--q-flaeche);cursor:pointer;align-items:center;gap:.85rem;padding:.5rem 1rem;font-weight:500;display:flex}.q-schalter input{flex:none}.q-offen{border:1px solid var(--champagne);border-radius:var(--ld-radius-panel);background:var(--q-flaeche);gap:.75rem;padding:1rem 1.25rem;display:grid}.q-offen p{margin:0}.q-endstand{text-align:center;justify-items:center;gap:.5rem;padding:1rem 0;display:grid}.q-endstand p{margin:0}.q-tabellenrahmen{overflow-x:auto}.q-tabelle{border-collapse:collapse;width:100%;font-size:.9rem}.q-tabelle th,.q-tabelle td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:.8rem .4rem}.q-tabelle thead th{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:600}.q-tabelle tbody th{overflow-wrap:break-word;word-break:normal;min-width:5rem;font-weight:600}.q-tabelle .q-platz{width:2.2rem;color:var(--champagne);font-variant-numeric:tabular-nums;font-weight:700}.q-tabelle .q-joker-zelle,.q-tabelle .q-laeufe{text-align:center;font-variant-numeric:tabular-nums}.q-tabelle .q-stufe{white-space:nowrap}.q-tabelle .q-stufe span{color:var(--muted)}.q-tabelle tr.ist-ich{background:color-mix(in srgb, var(--olive-dark) 70%, transparent)}.q-ich{color:var(--anthracite);background:var(--champagne);border-radius:99px;margin-left:.5rem;padding:.1rem .5rem;font-size:.68rem;font-weight:700}.q-jokermarke{border:1px solid var(--champagne);width:1.5rem;height:1.5rem;color:var(--champagne);border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;display:inline-grid}@media (width>=52.01rem){.q-kacheln{grid-template-columns:repeat(3,minmax(0,1fr))}.q-kachel{min-height:9rem}.q-aktionen{grid-template-columns:repeat(3,auto);justify-content:start}.q-aktionen .q-knopf{width:auto;min-width:11rem}.q-raster .q-option{min-height:10rem}.q-optionen:not(.q-raster){grid-template-columns:repeat(2,minmax(0,1fr))}.q-eingabe{grid-template-columns:minmax(0,1fr) auto;align-items:center}.q-eingabe .q-knopf.q-primaer{width:auto;min-width:10rem}.q-gross{justify-self:start;width:auto;min-width:14rem}}@media (width<=52rem){.app-main{width:calc(100% - 2rem);padding-top:2rem}}@media (width<=40rem){.q-tabelle{font-size:.82rem}.q-tabelle th,.q-tabelle td{padding-inline:.25rem}.q-tabelle tbody th{-webkit-hyphens:auto;hyphens:auto;min-width:0}.q-tabelle .q-stufe span{display:none}.app-main{width:calc(100% - 2.5rem);padding-block:1rem 3rem}.intro{padding:1.5rem}h1{font-size:2.5rem}}@media (width<=23.75rem){.app-main{width:calc(100% - 2rem)}}@media (prefers-reduced-motion:no-preference){.q-uhr-balken{transition:stroke .18s ease-out}.q-aufloesung{animation:.22s ease-out q-ein}@keyframes q-ein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}