/* Тихий: white, the system font, soft rounded cells, one orange accent. */

:root {
  --bg: #fff;
  --fg: #1d1d1f;
  --muted: #8a8a8f;
  --line: #ececf0;
  --soft: #f5f5f7;
  --accent: #ff7a00;
  --ok: #137a3a;
  --ok-bg: #e8f6ed;
  --first: #fff;
  --first-bg: #34c759;
  --no: #c4320a;
  --no-bg: #fff0ea;
  --wait: #946200;
  --wait-bg: #fff5d9;
  --frozen: #3a5bc7;
  --frozen-bg: #eef2ff;
  --radius: 10px;
}

.top { padding-top: 22px; padding-bottom: 18px; }
.brand { font-size: 18px; font-weight: 600; letter-spacing: -.01em; }
.clock { font-weight: 500; }
.clock.ph-running { color: var(--fg); }

.board { border-spacing: 3px; margin: 0 -3px; }
.board thead th { font-size: 13px; font-weight: 600; }
.board .prob { position: relative; color: var(--fg); }
.board .prob::after { content: ""; position: absolute; left: 50%; bottom: 6px; width: 5px; height: 5px; margin-left: -2.5px; border-radius: 50%; background: var(--c, var(--line)); }
.board .cell { border-radius: 9px; }
.board tbody td.rank, .board tbody td.team { border-bottom: 1px solid var(--line); }
.board tbody td.solved, .board tbody td.pen { border-bottom: 1px solid var(--line); }
.board .team { font-weight: 500; }
.board tr.me .team { color: var(--accent); }
.board tr.me .rank { color: var(--accent); }
.board tfoot td { border: 0; }

.pitem a:hover .ptitle { color: var(--accent); }
.pitem.is-ok .ptitle { color: var(--muted); }

.submit { border-radius: 980px; padding: 10px 22px; }
.xw-cell { border-color: #b9b9bf; }
.sd-grid { border-radius: 4px; }