.minesweeper-game{grid-template-columns:minmax(0,1fr) minmax(250px,340px);grid-template-areas:"board hud""board toolbar""board settings";align-items:start;column-gap:24px;display:grid}.minesweeper-board-shell{--minesweeper-cell-size:32px;overscroll-behavior-y:auto;overscroll-behavior-x:contain;scrollbar-color:#7b8d95 transparent;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;grid-area:board;width:100%;padding:2px;overflow-x:auto;container-type:inline-size}.minesweeper-board{background:#9aabb2;border:1px solid #7b8d95;border-radius:8px;width:max-content;padding:7px;display:grid}.minesweeper-board-row{grid-template-columns:repeat(var(--minesweeper-cols), var(--minesweeper-cell-size));display:grid}.minesweeper-board-shell[data-difficulty=beginner]{--minesweeper-cell-size:32px}@supports (width:1cqw){.minesweeper-board-shell[data-difficulty=beginner]{--minesweeper-cell-size:clamp(30px, 10.2cqw, 38px)}}.minesweeper-board-shell[data-difficulty=intermediate]{--minesweeper-cell-size:32px}.minesweeper-board-shell[data-difficulty=expert]{--minesweeper-cell-size:30px}.minesweeper-cell{width:var(--minesweeper-cell-size);height:var(--minesweeper-cell-size);color:#202124;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-x pan-y;background:#d8e1e4;border:1px solid #84959c;justify-content:center;align-items:center;padding:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:1rem;font-weight:900;line-height:1;transition:background-color .12s,color .12s,transform .12s;display:grid}.minesweeper-cell:focus-visible{z-index:1;outline:3px solid var(--accent);outline-offset:-3px;position:relative}@media (hover:hover){.minesweeper-cell:hover:not(:disabled){z-index:1;outline:3px solid var(--accent);outline-offset:-3px;position:relative}}.minesweeper-cell:active:not(:disabled){transform:translateY(1px)}.minesweeper-cell.is-pressing:not(:disabled){background:#f1d38b;transform:scale(.92)}.minesweeper-cell.is-revealed{background:#f7f5ef;border-color:#bdc8cc}.minesweeper-cell.is-flagged{color:#8c5200;background:#fee3a8;font-size:1.18rem}.minesweeper-cell.is-mine{color:#fff;background:#3b4c53;font-size:1.14rem}.minesweeper-cell.is-exploded{background:#d94f46;animation:.26s ease-out both minesweeper-explode}.minesweeper-cell.is-wrong-flag{color:#9e2118;background:#ffd1cb;font-size:1.32rem}.minesweeper-cell.is-chord-feedback{z-index:2;outline-offset:-3px;outline:3px solid #d68a18;animation:.34s ease-in-out 2 minesweeper-chord-feedback;position:relative}.minesweeper-cell.minesweeper-cell-won.is-flagged{color:#176a3e;background:#bde5c7;animation:.22s ease-out both minesweeper-flag-settle}.minesweeper-hud,.minesweeper-toolbar,.minesweeper-settings{border:1px solid var(--line);background:#ffffffb8;min-width:0}.minesweeper-hud{border-bottom:0;border-radius:8px 8px 0 0;grid-area:hud;gap:12px;padding:18px 18px 12px;display:grid}.minesweeper-toolbar{border-top:0;border-bottom:0;grid-area:toolbar;padding:0 18px 14px}.minesweeper-settings{border-top:0;border-radius:0 0 8px 8px;grid-area:settings;gap:14px;padding:0 18px 18px;display:grid}.minesweeper-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.minesweeper-stat{background:var(--text);color:#fff;text-align:center;border-radius:6px;min-width:0;padding:9px 7px}.minesweeper-stat span,.minesweeper-field span{color:var(--muted);font-size:.74rem;font-weight:800;display:block}.minesweeper-stat span{color:#ffffffb3}.minesweeper-stat strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.95rem;display:block;overflow:hidden}.minesweeper-status{min-height:24px;color:var(--muted);margin:0;font-weight:800}.minesweeper-status.is-feedback{color:#9a5d00}.minesweeper-status.status-won{color:var(--success)}.minesweeper-status.status-lost{color:#b33a32}.minesweeper-field{gap:6px;display:grid}.minesweeper-field select{border:1px solid var(--line);min-height:44px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:0 10px;font-weight:800}.minesweeper-difficulties{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.minesweeper-difficulties button{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--muted);cursor:pointer;font:inherit;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:6px;padding:0 6px;font-size:.84rem;font-weight:800;overflow:hidden}.minesweeper-difficulties button:hover,.minesweeper-difficulties button:focus-visible{border-color:var(--accent);color:var(--text)}.minesweeper-difficulties button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.minesweeper-difficulties button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff}.minesweeper-toolbar{grid-template-columns:1fr 1fr;gap:8px;display:grid}.minesweeper-toolbar .secondary-button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:none}.minesweeper-faq-list{grid-template-columns:repeat(3,minmax(0,1fr))}@keyframes minesweeper-explode{0%{transform:scale(.76)}62%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes minesweeper-flag-settle{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes minesweeper-chord-feedback{0%,to{transform:translate(0)}30%{transform:translate(-2px)}70%{transform:translate(2px)}}@media (max-width:760px){.minesweeper-game{grid-template-columns:1fr;grid-template-areas:"hud""toolbar""board""settings";gap:12px}.minesweeper-hud,.minesweeper-toolbar,.minesweeper-settings{background:0 0;border:0;border-radius:0}.minesweeper-hud{gap:8px;padding:0}.minesweeper-toolbar{padding:0}.minesweeper-settings{border-top:1px solid var(--line);gap:12px;padding:12px 0 0}.minesweeper-board-shell{width:100%;padding-bottom:8px}.minesweeper-faq-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.minesweeper-cell{transition:none;animation:none}}