@font-face {
  font-family: RuslanDisplay-Regular;
  src: url('./fonts/RuslanDisplay-Regular-6fb5f4db0686.ttf') format('truetype');
  font-display: swap;
}
html, body, #root { margin: 0; width: 100%; height: 100%; min-width: 320px; }
html { background: #2a1610; }
body { overflow: hidden; overscroll-behavior: none; }
#root {
  display: flex;
  height: var(--host-height, 100dvh);
  box-sizing: border-box;
}
button, [role=button] { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid #ffd978; outline-offset: 3px; }
[data-testid="game-board-input"] { touch-action: none; user-select: none; }
@media (orientation: landscape) and (max-height: 650px) and (min-width: 560px) {
  [data-testid="game-screen"] {
    display: grid;
    max-width: 960px;
    grid-template-columns: 220px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
    column-gap: 12px;
  }
  [data-testid="game-info"] { grid-column: 1; grid-row: 1; }
  [data-testid="game-title"] { font-size: 18px; line-height: 22px; }
  [data-testid="game-info"] > div:nth-child(2) > div {
    min-width: 0;
    flex: 1;
    padding-left: 8px;
    padding-right: 8px;
  }
  [data-testid="game-board-frame"] { grid-column: 2; grid-row: 1 / 3; min-height: 0; }
  [data-testid="game-actions"] { grid-column: 1; grid-row: 2; }
}