.seat-row.ready{border-color:#55836b}
.seat-tag.waiting{color:#b1a089}
.discard-panel{padding:14px 0 16px;border-bottom:1px solid #2d4942}
.discard-panel[hidden],.friend-section[hidden]{display:none}
.discard-heading{display:flex;align-items:baseline;gap:9px;margin-bottom:10px}
.discard-heading strong{font-size:13px}
.discard-heading span{font-size:11px;color:#a9c1af}
.discard-cards{display:flex;flex-wrap:wrap;gap:5px}
.discard-card{width:42px;height:56px;border-radius:4px;background:#eeeade;color:#22332b;border:1px solid #d5d1c5;display:grid;place-items:center;align-content:center;gap:2px;font-weight:800;font-size:14px}
.discard-card.red{color:#b84848}
.discard-card small{font-size:18px;line-height:1}
.friend-section{padding-top:22px;margin-top:18px;border-top:1px solid #2d4942}
.friend-heading{margin-bottom:12px}
.friend-heading h2{margin:5px 0 0;font-size:17px}
.friend-grid{display:grid;gap:18px}
.friend-group{display:grid;gap:9px;min-width:0}
.friend-group-title{font-size:11px;color:#a9c1af;font-weight:700}
.friend-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px}
.friend-keys{max-width:390px;grid-template-columns:repeat(6,minmax(0,1fr))}
.friend-suits{display:flex;gap:6px}
.friend-suit{width:43px;height:39px;border:1px solid #527167;background:#17312b;color:#e4e8e0;border-radius:4px;font-size:24px;line-height:1}
.friend-suit.red{color:#e79691}
.friend-suit.is-active{border-color:#e9bc70;background:#325444;box-shadow:inset 0 -3px #e9bc70}
.friend-suit:focus-visible{outline:2px solid #f0c784;outline-offset:2px}
.friend-card{min-width:0;height:57px;border:1px solid #d8d8ca;border-radius:4px;background:#f5f2e8;color:#25352d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:12px;font-weight:800;padding:3px}
.friend-card .friend-symbol{font-size:20px;line-height:1}
.friend-card.red{color:#b84848}
.friend-card.is-selected{border:2px solid #efbf6e;background:#fff4d9;box-shadow:0 0 0 2px #edbf6e66}
.friend-card:focus-visible,.choice-button:focus-visible{outline:2px solid #f0c784;outline-offset:2px}
.friend-card .friend-name{font-size:9px;font-weight:500;white-space:nowrap}
.card.joker-big,.friend-card.joker-big{background:#263a38;color:#f7d38c;border-color:#d3a657}
.card.joker-small,.friend-card.joker-small{background:#fff6ef;color:#bc484d;border-color:#cc8987}
.card.joker-big .suit,.card.joker-small .suit{font-size:30px;line-height:1}
.friend-card.joker-big .friend-symbol,.friend-card.joker-small .friend-symbol{font-size:24px}
.card.joker-big.selected,.card.joker-small.selected{border-color:#f0c784}
.friend-card.joker-big.is-selected,.friend-card.joker-small.is-selected{border-color:#f0c784;box-shadow:0 0 0 2px #edbf6e66}
.ready-counter{color:#c6d8c8;font-size:11px;line-height:1.5;margin-top:6px}
@media(max-width:700px){
  .left-sidebar .section-heading:not(:first-child){display:none}
  .friend-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .friend-keys{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none}
  .friend-card{height:50px}
  .discard-card{width:38px;height:51px}
  .left-sidebar .divider{display:none}
}