.hra-zadani:focus-visible,.hra-zadani:focus{outline:none}.poradi-seznam-obal{margin-bottom:4px}.poradi-seznam{gap:10px;margin:0;padding:0;list-style:none;display:grid}.poradi-krok{border:1px solid var(--c-gray-m);border-radius:var(--r-btn);background:var(--c-white2);align-items:center;gap:12px;padding:10px 12px;display:flex}.poradi-krok--ok{border-color:var(--state-ok);background:color-mix(in srgb, var(--state-ok) 8%, var(--c-white2))}.poradi-krok--spatne{border-color:var(--state-crit);background:color-mix(in srgb, var(--state-crit) 8%, var(--c-white2))}.poradi-krok__hlava{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.poradi-krok__cislo{background:var(--c-gray-m);width:24px;height:24px;color:var(--c-ledger-text);font-family:var(--font-mono);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.poradi-krok__text{overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.5}.poradi-krok__znak{flex:none;font-weight:700}.poradi-krok--ok .poradi-krok__znak{color:var(--state-ok)}.poradi-krok--spatne .poradi-krok__znak{color:var(--state-crit)}.poradi-krok__ovladani{flex:none;justify-content:flex-end;gap:6px;display:flex}.poradi-krok__ovladani .hra-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:inline-flex}@media (width<=560px){.poradi-krok{flex-wrap:wrap}.poradi-krok__ovladani{margin-left:auto}}.poradi-vyklad:empty{display:none}.poradi-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}