.replay button { position: absolute; width: 28px; height: 28px; border-radius: 50%; border: 0; background: #b7bdc2; color: #222; font-size: 12px; cursor: pointer; }
  .replay .ru { left: 29px; top: 0; } .replay .rd { left: 29px; bottom: 0; }
  .replay .rl { left: 0; top: 29px; } .replay .rr { right: 0; top: 29px; }
  .row6, .row5 { display: grid; gap: 5px 4px; margin-top: 2px; }
  .row6 { grid-template-columns: repeat(6, 1fr); }
  .row5 { grid-template-columns: repeat(5, 1fr); margin-top: 6px; }
  .kw { display: flex; flex-direction: column; align-items: center; min-width: 0; }
  .tops { height: 22px; display: flex; gap: 3px; align-items: flex-end; justify-content: center; flex-wrap: wrap; }
  .tops span { font-size: 9px; font-weight: 700; line-height: 1; }
  .gold { color: #a67c00; } .red { color: #d21f1f; } .blue { color: #1d5fd0; }
  button.key, .kw > button, .toprow > button {
    border: 0; cursor: pointer; border-radius: 8px; font-weight: 700;
    background: linear-gradient(#4a5158, #2a3036); color: #f4f7f8;
    min-height: 36px; width: 100%; box-shadow: 0 2px 0 #111, inset 0 1px 0 rgba(255,255,255,.25);
  }
  .toprow > button { min-height: 40px; }
  button.key:active, .kw > button:active, .toprow > button:active, .replay button:active { transform: translateY(1px); }
  .k-grey { background: linear-gradient(#d5dbe0, #b7c0c7); color: #222; }