#players{display:grid;grid-template-columns:1fr;gap:3px;width:min(280px,100%)}#players .player-progress{display:grid;grid-template-columns:minmax(58px,1fr) 28px 22px 22px auto;gap:4px;align-items:center;min-width:0;height:24px;box-sizing:border-box;padding:3px 5px;transition:background .18s,border-color .18s,transform .18s}#players .player-progress.current{background:#283321;border-color:#8da72f;box-shadow:inset 3px 0 #d9ff43}#players .player-progress b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1f4ef;font-size:9px}#players .player-progress.current b{color:#e8ff91}#players .player-progress small{color:#9ba39d;font:800 8px var(--mono);text-align:center}#players .player-progress em{display:grid;place-items:center;width:22px;height:16px;border-radius:3px;color:#11140e;font:900 9px var(--mono);font-style:normal}.green-count{background:var(--green)}.yellow-count{background:var(--yellow)}#players .player-progress i{color:#ff8e83;font:900 11px var(--mono);font-style:normal}.actions .surrender-btn{color:#ff8e83}.actions .surrender-btn:hover{color:#ffb0aa}.actions .surrender-btn[hidden],.room-bar button[hidden]{display:none}
@media(max-width:720px){#players{max-width:none}.room-head{width:100%}}
@media(max-width:520px){#players{grid-template-columns:1fr;width:100%}#players .player-progress{min-width:0}}