:root{--bg:#fdf8ec;--surface:#fffdf7;--chip:#fbf0d4;--text:#2d2618;--muted:#7b6b4d;--border:#ecdcb5;--accent:#f1b81f;--accent-strong:#c98e00;--on-accent:#2d2618;--marker:#ffdd6e;--ok:#3e7c37;--ok-bg:#eaf3df;--error:#b2402a;--error-bg:#fbe6de;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1b1710;--surface:#251f16;--chip:#322a1d;--text:#f5ecd8;--muted:#b6a583;--border:#463b28;--accent:#f2bb2a;--accent-strong:#ffd25e;--on-accent:#2d2618;--marker:#8a6a12;--ok:#9bd08f;--ok-bg:#233020;--error:#f39a82;--error-bg:#3a231c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}main{max-width:76rem;margin:0 auto;padding:1.5rem 1rem 3rem}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.kopf h1{margin:0;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.2}.marker{background:linear-gradient(transparent 55%, var(--marker) 55%);padding:0 .1em}.intro{color:var(--muted);margin:.5rem 0 1.25rem}.steuerung{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.modus{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:.25rem;display:inline-flex}.modus button{background:0 0;border:0;border-radius:999px;min-height:2.5rem;padding:.45rem 1rem}.modus button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);font-weight:600}.zuruecksetzen{border:1px solid var(--border);background:0 0;border-radius:999px;min-height:2.5rem;padding:.45rem 1rem}.zuruecksetzen:hover:not(:disabled){border-color:var(--accent-strong)}.zuruecksetzen:disabled{opacity:.45;cursor:default}.modus-hinweis{color:var(--muted);margin:.75rem 0 1.25rem;font-size:.9rem}.sackgasse{background:var(--error-bg);color:var(--error);border-radius:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem}.raster{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));align-items:start;gap:1rem;display:grid}.kategorie{gap:.75rem;display:grid}.kategorie h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0;font-size:.85rem;font-weight:600}.slot{background:var(--surface);border:1px solid var(--border);border-radius:.875rem;padding:.75rem;transition:border-color .15s}.slot.belegt{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.slot-kopf{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.6rem;display:flex}.slot-label{font-weight:700}.slot-wert{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.slot-status{align-items:center;gap:.4rem;min-width:0;display:inline-flex}.info{border:1px solid var(--muted);width:1.25rem;height:1.25rem;color:var(--muted);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;font-family:Georgia,serif;font-size:.7rem;font-style:italic;font-weight:700;display:inline-grid;position:relative}.info:hover,.info:focus-visible{border-color:var(--accent-strong);color:var(--accent-strong)}.tooltip{z-index:10;background:var(--text);width:max-content;max-width:min(16rem,80vw);color:var(--bg);text-align:left;opacity:0;visibility:hidden;pointer-events:none;border-radius:.5rem;padding:.55rem .75rem;font:400 .8rem/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:opacity .15s;position:absolute;top:calc(100% + .5rem);right:-.25rem}.info:hover .tooltip,.info:focus-visible .tooltip,.info.offen .tooltip{opacity:1;visibility:visible}.chip:disabled{cursor:default}.chip:disabled:hover{border-color:var(--accent-strong)}.slot-wert.einzig{color:var(--accent-strong);font-weight:600}.slot-leer{color:var(--muted);margin:0;font-size:.9rem}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--border);background:var(--chip);border-radius:999px;align-items:center;gap:.4rem;min-height:2.25rem;padding:.3rem .7rem;font-size:.9rem;transition:background .15s,border-color .15s;display:inline-flex}.chip:hover{border-color:var(--accent-strong)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent-strong);color:var(--on-accent);font-weight:600}.feld{color:var(--muted);font-size:.7rem;font-weight:600}.chip[aria-pressed=true] .feld{color:inherit;opacity:.65}.status{background:var(--surface);border:1px solid var(--border);border-radius:1rem;margin-top:2rem;padding:1.25rem}.status-ok{border-color:var(--ok)}.status-fehler{border-color:var(--error)}.status-kopf{align-items:center;gap:.875rem;display:flex}.status-kopf h2{margin:0;font-size:1.15rem}.status-kopf p{color:var(--muted);margin:.1rem 0 0;font-size:.9rem}.status-icon{background:var(--chip);border-radius:50%;flex:none;place-items:center;width:2.5rem;height:2.5rem;font-weight:700;display:grid}.status-ok .status-icon{background:var(--ok-bg);color:var(--ok)}.status-fehler .status-icon{background:var(--error-bg);color:var(--error)}.regeln{gap:.75rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.regel{gap:.75rem;font-size:.9rem;display:flex}.regel strong{display:block}.regel-text{color:var(--muted)}.regel-icon{text-align:center;width:1.25rem;color:var(--muted);flex:none;font-weight:700}.regel-erfuellt .regel-icon{color:var(--ok)}.regel-verletzt .regel-icon,.meldungen{color:var(--error)}.meldungen{margin:.35rem 0 0;padding-left:1.1rem}.legende{color:var(--muted);margin-top:1.5rem;font-size:.8rem}