:root{--tile:16px;--face:26px;--lcd-fg:#ff2020;--lcd-bg:#000;--face-gray:silver;--shadow:gray;--light:#fff;--window:silver;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.15}*{box-sizing:border-box}body{background:teal;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding:24px;display:flex}#app{flex-direction:column;align-items:center;gap:10px;display:flex}.window{background:var(--window);border-top:2px solid var(--light);border-left:2px solid var(--light);border-right:2px solid var(--shadow);border-bottom:2px solid var(--shadow);-webkit-user-select:none;user-select:none;padding:0 0 4px;box-shadow:1px 1px #0008}.titlebar{color:#fff;background:linear-gradient(90deg,navy 0%,#1084d0 100%);justify-content:space-between;align-items:center;margin:0;padding:2px 4px 3px 6px;font-size:11px;font-weight:700;display:flex}.titlebar-phase{opacity:.85;font-weight:400}.menubar{background:var(--window);border-bottom:1px solid var(--shadow);z-index:5;gap:0;padding:1px 2px;font-size:11px;display:flex;position:relative}.menu-item{position:relative}.menu-btn{cursor:default;background:0 0;border:1px solid #0000;padding:1px 8px;font-family:inherit;font-size:11px}.menu-item.open .menu-btn,.menu-btn:hover{border:1px solid;border-color:var(--light) var(--shadow) var(--shadow) var(--light);background:var(--window)}.menu-dropdown{background:var(--window);border-top:1px solid var(--light);border-left:1px solid var(--light);z-index:10;border-bottom:1px solid #000;border-right:1px solid #000;min-width:160px;padding:2px 0;position:absolute;top:100%;left:0;box-shadow:2px 2px #0004}.menu-dropdown[hidden]{display:none}.menu-dropdown button{text-align:left;cursor:default;background:0 0;border:0;width:100%;padding:2px 18px;font-family:inherit;font-size:11px;display:block}.menu-dropdown button:hover{color:#fff;background:navy}.menu-dropdown button.checked:before{content:"✓";margin-left:-14px;position:absolute}.menu-dropdown hr{border:0;border-top:1px solid var(--shadow);border-bottom:1px solid var(--light);margin:3px 2px}.menu-check{align-items:center;gap:6px;padding:2px 10px;font-size:11px;display:flex}.menu-scores{color:#222;padding:4px 12px 6px;font-size:11px;line-height:1.45}.menu-help-text{max-width:220px;padding:6px 10px;font-size:11px;line-height:1.4}.custom-panel{padding:4px 6px 2px;font-size:11px}.custom-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.custom-row label{align-items:center;gap:3px;display:flex}.custom-row input[type=number]{width:48px;font-size:11px}.custom-row button{background:var(--window);border-top:1px solid var(--light);border-left:1px solid var(--light);border-right:1px solid var(--shadow);border-bottom:1px solid var(--shadow);cursor:pointer;padding:1px 8px;font-size:11px}.custom-error{color:maroon;margin-top:3px}.hud{background:var(--window);border-top:2px solid var(--shadow);border-left:2px solid var(--shadow);border-right:2px solid var(--light);border-bottom:2px solid var(--light);justify-content:space-between;align-items:center;gap:8px;margin:4px 6px;padding:4px 5px;display:flex}.lcd{letter-spacing:1px;background:var(--lcd-bg);color:var(--lcd-fg);text-align:right;text-shadow:0 0 1px #f66;border:1px solid #faa;border-color:#400 #faa #faa #400;min-width:3.4ch;padding:1px 4px 0;font-family:Courier New,Courier,monospace;font-size:22px;font-weight:700;line-height:1.1}.face{width:var(--face);height:var(--face);background:var(--face-gray);border-top:2px solid var(--light);border-left:2px solid var(--light);border-right:2px solid var(--shadow);border-bottom:2px solid var(--shadow);cursor:pointer;place-items:center;padding:0;font-size:16px;line-height:1;display:grid}.face:active{border-top:2px solid var(--shadow);border-left:2px solid var(--shadow);border-right:2px solid var(--light);border-bottom:2px solid var(--light)}.board{border-top:3px solid var(--shadow);border-left:3px solid var(--shadow);border-right:3px solid var(--light);border-bottom:3px solid var(--light);background:var(--window);width:max-content;margin:0 6px 4px;display:grid}.cell{width:var(--tile);height:var(--tile);cursor:default;place-items:center;margin:0;padding:0;font-family:Tahoma,Segoe UI,sans-serif;font-size:12px;font-weight:700;line-height:1;display:grid}.cell.hidden,.cell.flagged,.cell.question{background:var(--face-gray);border-top:2px solid var(--light);border-left:2px solid var(--light);border-right:2px solid var(--shadow);border-bottom:2px solid var(--shadow)}.cell.hidden:active:not(:disabled){border:1px solid var(--shadow);background:#bdbdbd}.cell.revealed{width:var(--tile);height:var(--tile);background:#bdbdbd;border:1px solid gray}.cell.exploded{background:red;border:1px solid gray}.cell.wrong-flag{color:#000;background:#bdbdbd}.cell.mine{color:#000;font-size:11px}.cell.flagged{color:#c00;font-size:11px}.cell.question{color:#00a;font-size:11px}.cell.n1{color:#00f}.cell.n2{color:green}.cell.n3{color:red}.cell.n4{color:navy}.cell.n5{color:maroon}.cell.n6{color:teal}.cell.n7{color:#000}.cell.n8{color:gray}.hint{color:#fff;text-align:center;text-shadow:0 1px #0006;max-width:480px;font-size:12px}