.hra-kam-patri .vstup { display: grid; gap: 10px; margin-bottom: 20px; }
.hra-kam-patri .vstup label { font-weight: 700; }
.hra-kam-patri .vstup-radek { display: flex; align-items: center; gap: 10px; }
.hra-kam-patri .vstup-radek input[type=range] { flex: 1 1 auto; min-width: 0; accent-color: var(--modra); height: 28px; }
.hra-kam-patri .vstup-radek input[type=number] { width: 8ch; font: inherit; font-weight: 700; font-variant-numeric: tabular-nums; padding: 6px 8px; border-radius: 10px; border: 1px solid var(--linka); background: var(--karta); color: var(--text); }
.hra-kam-patri .skore .cislo { color: var(--modra); }
.hra-kam-patri #graf .osa { stroke: var(--linka); stroke-width: 1; }
.hra-kam-patri #graf .krivka { fill: color-mix(in srgb, var(--zlata) 35%, transparent); stroke: var(--zlata); stroke-width: 2; }
.hra-kam-patri #graf .znacka-ty { stroke: var(--cervena); stroke-width: 2.5; }
.hra-kam-patri #graf .znacka-median { stroke: var(--modra); stroke-width: 2; stroke-dasharray: 4 3; }
.hra-kam-patri #graf text { font: 700 10px "Inter", system-ui, sans-serif; fill: var(--tlumeny); }