.fs-modes { display: flex; justify-content: center; gap: 6px; margin: 10px 0 0; }
.fs-mode { padding: 7px 13px; border-radius: 999px; border: 1px solid var(--line); background: var(--panel); color: var(--muted); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.fs-mode[aria-pressed="true"] { background: linear-gradient(135deg, #a78bfa, #22d3ee); color: #0b1024; border-color: transparent; }
.board { display: flex; justify-content: center; margin: 10px auto 10px; }
.board canvas { display: block; border-radius: 20px; border: 1px solid var(--line); box-shadow: 0 20px 50px -24px rgba(0, 0, 0, 0.7); touch-action: none; -webkit-touch-callout: none; user-select: none; -webkit-user-select: none; cursor: pointer; }
.board canvas:focus-visible { outline: 2px solid #a78bfa; outline-offset: 3px; }
.game .controls .ctrl { min-width: 0; flex: 1 1 0; max-width: 120px; }
#btn-flag[aria-pressed="true"] { border-color: #f472b6; color: #f472b6; background: rgba(244, 114, 182, 0.14); }
.tip { text-align: center; color: var(--muted); font-size: 13px; margin: 0 0 10px; }
@media (pointer: coarse) { .tip .kb { display: none; } }