.minesweeper-app{color:#222;background:silver;flex-direction:column;align-items:stretch;gap:0;min-height:100%;padding:0;display:flex}.sweeper-window{background:silver;width:100%;font-family:Tahoma,Arial,sans-serif;font-size:11px}.sweeper-menu{justify-content:space-between;align-items:center;gap:8px;padding:7px 7px 4px;display:flex}.sweeper-menu label{align-items:center;gap:6px;display:flex}.sweeper-menu select{color:#222;font:inherit;background:#e0e0e0;border:1px solid #858585;border-radius:0;padding:2px 1px}.sweeper-flag-mode{font:inherit;color:inherit;background:0 0;border:1px solid #0000;align-items:center;gap:3px;padding:3px;display:flex}.sweeper-flag-mode svg{width:15px;height:15px}.sweeper-flag-mode[aria-pressed=true]{background:#dadada;border-color:#888;box-shadow:inset 1px 1px #777}.sweeper-interior{flex-direction:column;gap:7px;padding:7px;display:flex}.sweeper-controls,.sweeper-board-scroll{border:3px solid #fff;border-color:gray #fff #fff gray}.sweeper-controls{justify-content:space-between;align-items:center;gap:12px;padding:6px 8px;display:flex}.sweeper-counter{color:#f32c28;letter-spacing:-2px;text-shadow:0 0 3px #f4202830;font-variant-numeric:tabular-nums;background:#190900;padding:1px 3px 0;font-family:Courier New,monospace;font-size:30px;font-weight:700;line-height:1;box-shadow:inset 1px 1px #777,inset -1px -1px #fff}.sweeper-face{background:silver;border:3px solid #777;border-color:#fff #777 #777 #fff;place-items:center;width:35px;height:35px;padding:0;display:grid}.sweeper-face svg{width:29px;height:29px}.sweeper-face path{fill:none;stroke:#333;stroke-width:1.8px;stroke-linecap:round}.sweeper-face:active{border-color:#777 #fff #fff #777}.sweeper-board-scroll{overscroll-behavior:contain;background:#bcbcbc;max-width:100%;overflow:auto}.sweeper-board{border-collapse:collapse;border-spacing:0;width:auto;margin:0 auto}.sweeper-board td{border:0;min-width:25px;padding:0}.sweeper-board button{color:#111;touch-action:manipulation;background:silver;border:3px solid #777;border-color:#fff #777 #777 #fff;place-items:center;width:25px;height:25px;padding:0;font:700 18px/1 Arial,sans-serif;display:grid}.sweeper-board button:active{border-color:#777 #fff #fff #777}.sweeper-board button[data-revealed=true]{border:1px solid #a4a4a4;border-color:#8c8c8c #a4a4a4 #a4a4a4 #8c8c8c}.sweeper-board button[data-exploded=true]{background:#fa4343}.sweeper-board button:focus-visible{outline-offset:-3px;z-index:1;outline:2px solid #0c5288}.sweeper-board svg{width:19px;height:19px}.sweeper-board button[data-revealed=true][data-count="1"]{color:#0000cf}.sweeper-board button[data-revealed=true][data-count="2"]{color:green}.sweeper-board button[data-revealed=true][data-count="3"]{color:#ed0000}.sweeper-board button[data-revealed=true][data-count="4"]{color:navy}.sweeper-board button[data-revealed=true][data-count="5"]{color:maroon}.sweeper-board button[data-revealed=true][data-count="6"]{color:teal}.sweeper-board button[data-revealed=true][data-count="8"]{color:#777}.sweeper-board button:has(svg){color:#111!important}.sweeper-wrong-flag{display:flex;position:relative}.sweeper-wrong-flag b{color:#d92323;font-size:29px;position:absolute;inset:-4px}.sweeper-status{color:#414141;border:1px solid #fff;border-color:gray #fff #fff gray;min-height:25px;margin:0 7px 7px;padding:5px 6px;display:block}.sweeper-instructions{color:#555;text-align:center;flex-direction:column;margin:0;padding:2px 7px 8px;font-size:10px;line-height:1.6;display:flex}.sweeper-window :is(button,select):focus-visible{outline-offset:1px;outline:2px solid #0c5288}@media (width<=480px){.sweeper-instructions{font-size:9px}}