:root{--washi: #e7e2d6;--ebenholz: #26221e;--firnis: #6e3a2c;--stimmt: #6f7a5e;--justieren: #655f54;--schrift: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--grad-signal: clamp(4rem, 22vmin, 9rem);--grad-label: clamp(1rem, 2.5vmin, 1.25rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{height:100%}body{min-height:100%;min-height:100dvh;background:var(--washi);color:var(--ebenholz);font-family:var(--schrift);font-size:var(--grad-label);line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden;user-select:none;-webkit-user-select:none}#app{height:100vh;height:100dvh;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.ansicht{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;overflow-y:auto;overscroll-behavior:contain;padding-block:1rem}.signal{display:grid;place-items:center;gap:6vmin}.signal__stage{display:grid;place-items:center;width:40vmin;height:40vmin}.signal__stage>*{grid-area:1 / 1;transition:opacity .6s ease-out}.signal__puls{width:32vmin;height:32vmin;border-radius:50%;background:var(--ebenholz);display:grid;place-items:center;transition:background-color .6s ease-out;will-change:transform}.signal__puls.ist-rein{background:var(--stimmt)}.signal__stage--knapp{width:28vmin;height:28vmin}.signal__stage--knapp .signal__puls{width:22vmin;height:22vmin}.signal__keil{width:34%;color:var(--washi);opacity:0}.signal__note-name{font-size:1.6rem;font-weight:500;letter-spacing:.06em;line-height:1.2;min-height:1.2em;text-align:center}.signal__slot{height:4.5rem;display:grid;place-items:center;align-content:center;gap:.25rem}.signal__label{color:var(--justieren);letter-spacing:.08em;text-align:center;font-variant-numeric:tabular-nums}.taste{font:inherit;letter-spacing:.08em;color:var(--ebenholz);background:transparent;border:1px solid var(--ebenholz);border-radius:999px;padding:1rem 3rem;min-height:56px;min-width:220px;cursor:pointer}.taste:active{background:color-mix(in srgb,var(--ebenholz) 8%,transparent)}.hinweis{color:var(--justieren);text-align:center;max-width:36ch;text-wrap:balance}.leiste{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 2.5rem;padding:1rem 1.5rem 1.5rem}.leiste__gruppe{display:flex;align-items:center;gap:.6rem}.leiste__titel{color:var(--justieren);letter-spacing:.08em;margin-right:.4rem}.leiste__wert{color:var(--justieren);font-variant-numeric:tabular-nums;min-width:6.5ch;text-align:center}.taste--rund{min-width:48px;min-height:48px;width:48px;height:48px;padding:0;border-radius:50%;border-color:var(--justieren)}@media(max-width:520px){.leiste{gap:.75rem 1.25rem;padding:.75rem .5rem 1rem}.leiste__gruppe{flex-wrap:wrap;justify-content:center;row-gap:.4rem}.leiste__titel{flex-basis:100%;text-align:center;margin-right:0;font-size:.85rem}.taste--rund{min-width:44px;min-height:44px;width:44px;height:44px}}.taste--rund.aktiv{background:var(--ebenholz);border-color:var(--ebenholz);color:var(--washi)}.taste--leise{color:var(--justieren)}.taste--gross{min-width:64px;min-height:64px;width:64px;height:64px;font-size:1.2rem}.taste--text{font:inherit;letter-spacing:.08em;color:var(--justieren);background:transparent;border:none;padding:.75rem 1rem;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}.taste--text:hover{color:var(--ebenholz)}.signal__slot--stapel{height:auto;min-height:4.5rem;gap:.75rem}.signal--start{gap:7vmin}.wortmarke{font-size:clamp(1.75rem,8vmin,2.75rem);font-weight:500;letter-spacing:.14em;color:var(--ebenholz);line-height:1}.mehr{display:grid;place-items:center;gap:1.25rem;margin-top:.5rem}.nebenwege{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem}.signal__beenden{margin-top:1rem}.nebenwege .signal__beenden{margin-top:0}.signal__label--hinweis{max-width:34ch;text-wrap:balance}.signal__label--hinweis.ist-warnung{color:var(--firnis);font-weight:500}.signal__aktionen{min-height:56px;display:grid;place-items:center}.griffbrett{width:7.5rem;height:auto}.griffbrett__saite{stroke:var(--justieren);stroke-width:1;stroke-linecap:round}.griffbrett__saite.ist-aktiv{stroke:var(--ebenholz);stroke-width:2.5}.griffbrett__saite.ist-fertig{stroke:var(--stimmt);stroke-width:2}.griffbrett__name{font-size:11px;fill:var(--justieren)}.griffbrett__name.ist-aktiv{fill:var(--ebenholz);font-weight:600}.griffbrett__name.ist-fertig{fill:var(--stimmt)}.stufen{display:flex;align-items:center;gap:.6rem}.taste--stufe{min-width:44px;min-height:44px;width:44px;height:44px;font-size:.95rem;border-color:var(--justieren)}.taste--stufe.aktiv{background:var(--ebenholz);border-color:var(--ebenholz);color:var(--washi)}.taste--stufe.ist-gesperrt{opacity:.35;cursor:default}.fortschritt{color:var(--justieren);font-size:.85rem;text-align:center;min-height:1.5em;font-variant-numeric:tabular-nums}.signal__stage--leer{display:grid;place-items:center;width:40vmin;height:40vmin}.signal__anker{font-size:1.15rem;font-weight:500;letter-spacing:.14em;color:var(--ebenholz);transition:color .6s ease-out}.signal__anker.ist-rein{color:var(--stimmt)}.saitenwahl{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.schieber{display:block;width:min(78vw,22rem)}.schieber__regler{width:100%;height:48px;cursor:pointer;accent-color:var(--firnis);background:transparent;touch-action:none}.wahl{display:flex;align-items:center;gap:.6rem;color:var(--justieren);max-width:34ch;cursor:pointer}.wahl input{width:1.1rem;height:1.1rem;accent-color:var(--ebenholz)}:focus-visible{outline:2px solid var(--ebenholz);outline-offset:4px;border-radius:4px}h1:focus,h1:focus-visible{outline:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.signal__puls,.signal__anker{transition-duration:.6s!important}}