.vg{flex-direction:column;gap:.625rem;display:flex;position:relative}.vg-mono{letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--color-muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.6875rem}.kachel-dunkel .vg-mono{color:var(--color-navy-200)}.vg-feld{border:1px solid var(--color-linie);border-radius:var(--radius-klein);background:var(--color-papier);min-height:2.5rem;color:var(--color-navy-900);align-items:center;gap:.5rem;padding:0 .75rem;font-size:.875rem;display:flex}.vg-tippen{clip-path:inset(0 calc(var(--schreib) * 1%) 0 0);white-space:nowrap}.vg-cursor{background:var(--color-stahl-500);width:1px;height:1.05em;display:inline-block}.vg-chips{flex-wrap:wrap;gap:.375rem;display:flex}.vg-chip{border:1px solid var(--color-linie);background:var(--color-karte);color:var(--color-navy-900);border-radius:999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;line-height:1.2;display:inline-flex}.vg-chip[data-wahl="1"]{border-color:var(--color-stahl-500)}.kachel-dunkel .vg-chip{background:var(--color-navy-800);border-color:var(--color-stahl-500);color:#fff}.vg-zeile{border-bottom:1px solid var(--color-linie);align-items:center;gap:.625rem;min-height:2.25rem;font-size:.875rem;display:flex}.kachel-dunkel .vg-zeile{border-bottom-color:#55738b73}.vg-punkt{background:var(--color-grau);border-radius:999px;flex:none;width:10px;height:10px;position:relative}.vg-punkt-an{border-radius:inherit;background:var(--color-stahl-500);position:absolute;inset:0}.kachel-dunkel .vg-punkt-an{background:var(--color-stahl-300)}.kachel-dunkel .vg-punkt{background:#d5d5d566}.vg-zeile-wort{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-navy-900);flex:1;overflow:hidden}.kachel-dunkel .vg-zeile-wort{color:#fff}.vg-wann{flex:none}.vg-svg{width:100%;height:auto;display:block}.vg-raster{grid-template-columns:repeat(6,1fr);gap:.5rem;max-width:13rem;display:grid}.vg-tag{aspect-ratio:1;border-radius:var(--radius-klein);background:var(--color-linie);position:relative}.vg-tag-an{border-radius:inherit;background:var(--color-navy-900);position:absolute;inset:0}.kachel-dunkel .vg-tag-an{background:var(--color-stahl-200)}.kachel-dunkel .vg-tag{background:#d5d5d542}.vg-zahl{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--color-navy-900);font-size:clamp(2.5rem,5vw + 1rem,3.75rem);font-weight:700;line-height:.95}.kachel-dunkel .vg-zahl{color:#fff}.vg-kante{background:var(--color-stahl-500);transform-origin:0;width:100%;max-width:11rem;height:2px;display:block}.vg-balken{align-items:flex-end;gap:.5rem;height:4.5rem;display:flex}.vg-balken>span{background:var(--color-stahl-500);transform-origin:bottom;border-radius:2px 2px 0 0;flex:1}.kachel-dunkel .vg-balken>span{background:var(--color-stahl-400)}.vg-spur{background:var(--color-grau);border-radius:3px;height:6px;position:relative;overflow:visible}.vg-fuellung{background:var(--color-navy-900);transform-origin:0;border-radius:3px;position:absolute;inset:0}.kachel-dunkel .vg-fuellung{background:var(--color-stahl-300)}.vg-marke{background:var(--color-stahl-500);width:1px;height:16px;top:-5px;left:calc(var(--bei) * 100%);transform-origin:bottom;position:absolute}.kachel-dunkel .vg-marke{background:var(--color-stahl-300)}.vg-anschlag{background:var(--color-stahl-600);width:2px;height:20px;top:-7px;left:calc(var(--bei) * 100%);transform-origin:bottom;position:absolute}.kachel-dunkel .vg-anschlag{background:var(--color-stahl-200)}@media (prefers-reduced-motion:no-preference){html.js:not(.static) .vg[data-phase=bereit] .vg-tippen{--schreib:100}html.js:not(.static) .vg[data-phase=bereit] .vg-punkt-an,html.js:not(.static) .vg[data-phase=bereit] .vg-tag-an,html.js:not(.static) .vg[data-phase=bereit] .vg-cursor,html.js:not(.static) .vg[data-phase=bereit] .vg-chip,html.js:not(.static) .vg[data-phase=bereit] .vg-wann,html.js:not(.static) .vg[data-phase=bereit] .vg-haken,html.js:not(.static) .vg[data-phase=bereit] .vg-schluss{opacity:0}html.js:not(.static) .vg[data-phase=bereit] .vg-balken>span{opacity:0;transform:scaleY(.6)}html.js:not(.static) .vg[data-phase=bereit] .vg-kante,html.js:not(.static) .vg[data-phase=bereit] .vg-fuellung{transform:scaleX(0)}html.js:not(.static) .vg[data-phase=bereit] .vg-marke,html.js:not(.static) .vg[data-phase=bereit] .vg-anschlag{transform:scaleY(0)}html.js:not(.static) .vg[data-phase=bereit] .vg-verbindung,html.js:not(.static) .vg[data-phase=bereit] .vg-knoten{opacity:0}}
