.hra-sporeni-vs-inflace .si-vstup { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px 20px; margin-bottom: 20px; }
.hra-sporeni-vs-inflace .si-pole { display: grid; gap: 6px; align-content: start; min-width: 0; }
.hra-sporeni-vs-inflace .si-pole--siroke { grid-column: 1 / -1; }
.hra-sporeni-vs-inflace .si-pole > label { font-weight: 700; }
.hra-sporeni-vs-inflace .si-radek { display: flex; align-items: center; gap: 8px; min-width: 0; }
.hra-sporeni-vs-inflace .si-radek span { color: var(--tlumeny); white-space: nowrap; }
.hra-sporeni-vs-inflace .si-radek input[type=range] { flex: 1 1 auto; min-width: 0; accent-color: #2f6db5; height: 28px; }
.hra-sporeni-vs-inflace input[type=number] { font: inherit; font-weight: 700; font-variant-numeric: tabular-nums; padding: 8px 10px; min-height: 44px; border-radius: 10px; border: 1px solid var(--linka); background: var(--karta); color: var(--text); box-sizing: border-box; min-width: 0; flex: 1 1 8ch; width: 100%; max-width: 14ch; }
.hra-sporeni-vs-inflace .si-radek input[type=range] + input[type=number] { flex: 0 0 5.5ch; }
.hra-sporeni-vs-inflace .si-predvolby { display: flex; flex-wrap: wrap; gap: 8px; background: none; border: 0; padding: 0; border-radius: 0; }
.hra-sporeni-vs-inflace .si-predvolby button { border: 1px solid var(--linka); background: var(--papir); color: var(--text); font: inherit; font-weight: 700; font-size: .88rem; padding: 8px 14px; border-radius: 99px; cursor: pointer; min-height: 44px; }
.hra-sporeni-vs-inflace .si-predvolby button[aria-pressed="true"] { background: #2f6db5; border-color: #2f6db5; color: #fff; }
.hra-sporeni-vs-inflace .skore .cislo { color: var(--barva-vysledku, #2f6db5); font-size: clamp(2.4rem, 10vw, 3.8rem); }
.hra-sporeni-vs-inflace .skore .cislo.si-minus { --barva-vysledku: var(--cervena); }
.hra-sporeni-vs-inflace .skore .cislo.si-plus { --barva-vysledku: var(--zelena); }
.hra-sporeni-vs-inflace .si-postup { margin: 18px 0; }
.hra-sporeni-vs-inflace .si-postup summary { cursor: pointer; font-weight: 700; color: var(--zelena); min-height: 32px; }
.hra-sporeni-vs-inflace .si-postup li { margin: 6px 0; }
.hra-sporeni-vs-inflace .si-chyba { color: var(--cervena); font-weight: 700; }