.er-igrok{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0;padding:6px 10px;border-radius:10px;background:color-mix(in srgb,var(--ink) 6%,var(--surface));color:var(--ink-soft);font-size:.85rem;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow var(--dur-fast, .15s) ease}.er-igrok span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.er-igrok b{font-size:1.2rem;color:var(--ink);font-variant-numeric:tabular-nums}.er-igrok[data-hod="1"]{box-shadow:inset 0 0 0 2px var(--brand);color:var(--ink)}.er-progress{height:6px;overflow:hidden;border-radius:999px;background:var(--sunken)}.er-progress[hidden]{display:none}.er-progress span{display:block;height:100%;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.er-board{container-type:inline-size;display:grid;gap:2px;width:min(100%,34rem);margin-inline:auto;padding:3px;border-radius:10px;background:var(--line-strong);user-select:none;-webkit-user-select:none}.er-row{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:2px}.er-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:3px;background:var(--surface);color:var(--ink);cursor:pointer;line-height:1;overflow:hidden}.er-cell[data-p=l2]{background:var(--pastel-mint);color:var(--on-pastel)}.er-cell[data-p=l3]{background:var(--pastel-yellow);color:var(--on-pastel)}.er-cell[data-p=w2]{background:var(--pastel-blue);color:var(--on-pastel)}.er-cell[data-p=w3]{background:var(--pastel-peach);color:var(--on-pastel)}.er-pp{font-size:2.1cqw;font-weight:600;opacity:.75;white-space:nowrap}.er-cell[data-p=c] .er-pp{font-size:3.4cqw;opacity:.5}.er-cell[data-f=old],.er-cell[data-f=posl],.er-cell[data-f=new]{background:var(--p-mark-50, #fff7cc);color:var(--on-pastel);box-shadow:inset 0 -2px color-mix(in srgb,var(--on-pastel) 22%,transparent)}.er-cell[data-f=posl]{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--on-pastel) 40%,transparent)}.er-cell[data-f=new]{background:var(--mark);color:var(--on-mark);box-shadow:inset 0 0 0 2px var(--on-mark)}.er-cell[data-f=new]{touch-action:none}.er-cell[data-sel="1"],.er-cell[data-nad="1"]{box-shadow:inset 0 0 0 3px var(--brand)}.er-cell:focus-visible,.er-tile:focus-visible,.er-pick:focus-visible{outline:3px solid var(--focus);outline-offset:1px;z-index:1}.er-cell .er-l{font-size:4.2cqw;font-weight:700}.er-cell .er-o{position:absolute;right:1px;bottom:1px;font-size:1.7cqw;font-weight:600;opacity:.8}.er-cell .er-z{position:absolute;left:1px;top:0;font-size:1.6cqw;opacity:.7}@container (max-width: 420px){.er-cell .er-o,.er-cell .er-z{display:none}.er-pp{font-size:2.4cqw}}.er-rack-wrap{position:relative}.er-rack{display:flex;justify-content:center;gap:6px;min-height:3.25rem;touch-action:none}.er-tile{position:relative;display:grid;place-items:center;flex:0 1 3.1rem;min-width:0;aspect-ratio:1;max-width:3.1rem;padding:0;border:0;border-radius:8px;background:var(--p-mark-50, #fff7cc);color:var(--on-pastel);box-shadow:inset 0 -3px color-mix(in srgb,var(--on-pastel) 22%,transparent),0 1px 2px #0000001f;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform var(--dur-fast, .15s) ease,opacity var(--dur-fast, .15s) ease}.er-tile .er-l{font-size:1.45rem;font-weight:700}.er-tile .er-o{position:absolute;right:4px;bottom:3px;font-size:.66rem;font-weight:600}.er-tile[data-isp="1"]{opacity:.25;cursor:default}.er-tile[data-sel="1"]{transform:translateY(-5px);box-shadow:inset 0 0 0 3px var(--brand),0 4px 8px #00000026}.er-tile[data-otm="1"]{transform:translateY(-5px);background:var(--pastel-peach);box-shadow:inset 0 0 0 3px var(--danger)}.er-tile[data-skryt="1"]{background:var(--sunken-strong);box-shadow:none}.er-tile:disabled:not([data-isp="1"]):not([data-skryt="1"]){cursor:default}.er-rack[data-zhdet="1"] .er-tile{opacity:.6}.er-skryto{position:absolute;inset:0;display:grid;place-items:center}.er-skryto[hidden]{display:none}.er-ghost{position:fixed;left:0;top:0;z-index:60;display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--mark);color:var(--on-mark);box-shadow:0 6px 16px #00000040;pointer-events:none}.er-ghost .er-l{font-size:1.35rem;font-weight:700}.er-ghost .er-o{position:absolute;right:4px;bottom:2px;font-size:.62rem}.er-ghost .er-z{position:absolute;left:4px;top:2px;font-size:.6rem}[data-er][data-drag="1"]{cursor:grabbing}.er-picker,.er-smena{display:grid;gap:8px;padding:10px;border-radius:12px;background:var(--raised);box-shadow:0 0 0 1px var(--line)}.er-picker[hidden],.er-smena[hidden]{display:none}.er-picker-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.er-pick{height:2.5rem;padding:0;border:0;border-radius:6px;background:color-mix(in srgb,var(--ink) 9%,var(--surface));color:var(--ink);font-size:1rem;font-weight:600;text-transform:uppercase;cursor:pointer}.er-pick:hover{background:color-mix(in srgb,var(--ink) 16%,var(--surface))}.er-legenda{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin:0;padding:0;list-style:none;font-size:.85rem;color:var(--ink-soft)}.er-legenda li{display:flex;align-items:center;gap:8px}.er-leg{width:1.1rem;height:1.1rem;border-radius:3px;box-shadow:inset 0 0 0 1px var(--line)}.er-leg[data-p=l2]{background:var(--pastel-mint)}.er-leg[data-p=l3]{background:var(--pastel-yellow)}.er-leg[data-p=w2]{background:var(--pastel-blue)}.er-leg[data-p=w3]{background:var(--pastel-peach)}.er-spisok{display:grid;gap:2px;margin:4px 0 0;padding:0;list-style:none;font-size:.88rem;color:var(--ink);max-height:18rem;overflow-y:auto}@media(min-width:1024px){.er-layout{grid-template-columns:minmax(0,34rem) minmax(0,1fr);align-items:start}}@media(prefers-reduced-motion:reduce){.er-progress span,.er-igrok,.er-tile{transition:none}}
