.difficulty{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px}.difficulty__btn{background:var(--color-face);border-top:3px solid var(--color-light);border-left:3px solid var(--color-light);border-right:3px solid var(--color-dark-shadow);border-bottom:3px solid var(--color-dark-shadow);padding:6px 14px;cursor:pointer;font-family:inherit;font-size:12px}.difficulty__btn:active{border-top:3px solid var(--color-dark-shadow);border-left:3px solid var(--color-dark-shadow);border-right:3px solid var(--color-light);border-bottom:3px solid var(--color-light)}.difficulty__btn--active{border-top:3px solid var(--color-dark-shadow);border-left:3px solid var(--color-dark-shadow);border-right:3px solid var(--color-light);border-bottom:3px solid var(--color-light);background:var(--color-shadow);color:var(--color-light)}.display{background:var(--color-lcd-bg);color:var(--color-lcd-fg);font-family:DSEG7 Classic,Courier New,monospace;font-size:clamp(14px,4vw,24px);padding:4px 8px;border-top:2px solid var(--color-dark-shadow);border-left:2px solid var(--color-dark-shadow);border-right:2px solid var(--color-light);border-bottom:2px solid var(--color-light);min-width:56px;text-align:right;letter-spacing:2px}.face{background:var(--color-face);border-top:3px solid var(--color-light);border-left:3px solid var(--color-light);border-right:3px solid var(--color-dark-shadow);border-bottom:3px solid var(--color-dark-shadow);padding:4px 10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.face:active{border-top:3px solid var(--color-dark-shadow);border-left:3px solid var(--color-dark-shadow);border-right:3px solid var(--color-light);border-bottom:3px solid var(--color-light);padding-top:6px;padding-left:12px}.face__emoji{font-size:24px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:clamp(4px,2vw,8px);background:var(--color-face);padding:8px;border-top:3px solid var(--color-light);border-left:3px solid var(--color-light);border-right:3px solid var(--color-dark-shadow);border-bottom:3px solid var(--color-dark-shadow);margin-bottom:8px;max-width:100%}.cell{--min-cell: 24px;--max-cell: 36px;--cell-size: min( max(calc((100vw - 24px) / var(--board-cols, 9)), var(--min-cell)), var(--max-cell) );width:var(--cell-size);height:var(--cell-size);padding:0;font-size:calc(var(--cell-size) * .65);font-weight:700;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-face);line-height:1;flex-shrink:0;overflow:hidden}.cell--hidden{border-top:3px solid var(--color-light);border-left:3px solid var(--color-light);border-right:3px solid var(--color-dark-shadow);border-bottom:3px solid var(--color-dark-shadow)}.cell--revealed{border-top:1px solid var(--color-shadow);border-left:1px solid var(--color-shadow);border-right:1px solid var(--color-face);border-bottom:1px solid var(--color-face);background:var(--color-bg)}.cell--pressing{border-top:3px solid var(--color-dark-shadow);border-left:3px solid var(--color-dark-shadow);border-right:3px solid var(--color-light);border-bottom:3px solid var(--color-light);background:var(--color-shadow);color:var(--color-light)}.cell--exploded{background:red}.cell--wrong-flag{background:#ff8080}.cell__number{font-size:1em;line-height:1}.board{display:grid;gap:0;background:var(--color-shadow);padding:4px;border-top:3px solid var(--color-dark-shadow);border-left:3px solid var(--color-dark-shadow);border-right:3px solid var(--color-light);border-bottom:3px solid var(--color-light);width:max-content;max-width:100%;overflow-x:auto}.app{min-height:100%;padding:clamp(8px,3vw,20px);display:flex;flex-direction:column;align-items:center;gap:8px;max-width:100vw;overflow-x:auto}.app__title{font-size:20px;font-weight:700;margin:0 0 8px;font-family:Tahoma,Geneva,sans-serif}:root{--color-bg: #c0c0c0;--color-face: #dfdfdf;--color-light: #ffffff;--color-shadow: #808080;--color-dark-shadow: #404040;--color-lcd-bg: #000000;--color-lcd-fg: #00ff00;--color-num-1: #0000ff;--color-num-2: #008000;--color-num-3: #ff0000;--color-num-4: #000080;--color-num-5: #800000;--color-num-6: #008080;--color-num-7: #000000;--color-num-8: #808080}*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--color-bg);font-family:Tahoma,Geneva,sans-serif;font-size:12px;color:#000;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-webkit-text-size-adjust:100%}