.kb{display:grid;justify-items:center;gap:10px;width:100%}.kb-status{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;min-height:24px;color:var(--bk-ink-soft);font-variant-numeric:tabular-nums}.kb-status strong{color:var(--bk-ink)}.kb-status-end{flex-basis:100%;text-align:center;color:var(--bk-sea-deep);font-weight:700}.kb-row{display:contents}.kb-board{display:grid;gap:3px;box-sizing:border-box;min-width:0;width:min(100%,420px,calc(100svh - 300px));padding:6px;border-radius:16px;background:var(--bk-sea-deep);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.kb-board[aria-colcount="14"],.kb-board[aria-colcount="20"]{width:min(100%,940px)}.kb-cell{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;padding:0;border:0;border-radius:7px;font:800 clamp(.95rem,2.4vw,1.25rem) /1 var(--font-inter),sans-serif;cursor:pointer;transition:background-color .12s var(--bk-ease,ease)}.kb-cell.is-closed{background:#e9f1f6;box-shadow:inset 0 -3px 0 rgb(7 18 38/.14)}.kb-cell.is-closed:hover{background:#fff}.kb-cell.is-open{background:#f7fafc;cursor:default}.kb-cell svg{width:58%;height:58%}.kb-cell.is-flag svg{fill:#d24b3e}.kb-cell.is-mine svg{fill:var(--bk-ink);stroke:var(--bk-ink);stroke-width:1.4;stroke-linecap:round}.kb-cell.is-boom{background:#f6c9c3}.kb-cell.is-hint,.kb-cell.is-was-safe{background:#cfeedd}.kb-cell.is-hint{outline:3px solid #1f8a5b;outline-offset:-3px}.kb-cell.is-reason{outline:3px dashed var(--bk-sun);outline-offset:-3px}.kb-cell.n1{color:#1d5fa8}.kb-cell.n2{color:#1f7a4d}.kb-cell.n3{color:#c23b2e}.kb-cell.n4{color:#3b2f8f}.kb-cell.n5{color:#8a3b12}.kb-cell.n6{color:#0f6f73}.kb-cell.n7{color:#222}.kb-cell.n8{color:#555}.kb-cell:focus-visible{outline:3px solid var(--bk-sun);outline-offset:1px;z-index:1}.kb-board.is-flag .kb-cell.is-closed{background:#fdf1df}.kb-hint{max-width:44ch;min-height:2.8em;margin:0;color:var(--bk-ink);text-align:center;line-height:1.4}.kb-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.kb-actions button{min-height:44px;padding:0 16px;border:1px solid var(--bk-line);border-radius:999px;background:#fff;color:var(--bk-ink);font:650 .9rem/1 var(--font-inter),sans-serif;cursor:pointer}.kb-actions button[aria-pressed=true]{border-color:#d9822b;background:#fdf1df}.kb-actions button:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion:reduce){.kb-cell{transition:none}}body:has(.kb) .pet-character,body:has(.kb) .pet-recall{visibility:hidden;pointer-events:none}body:has(.kb) .pet-character *{animation-play-state:paused}