:root{--w98-bg: #c0c0c0;--w98-bg-dark: #808080;--w98-bg-light: #ffffff;--w98-shadow: #000000;--w98-title: #000080;--w98-title-light: #1084d0;--w98-title-text: #ffffff;--w98-text: #000000;--led-red: #ff0000;--led-dim: #260000;--led-bg: #000000;--n-1: #0000ff;--n-2: #008000;--n-3: #ff0000;--n-4: #000080;--n-5: #800000;--n-6: #008080;--n-7: #000000;--n-8: #808080}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:teal;font-family:"MS Sans Serif","Microsoft Sans Serif",Tahoma,Geneva,sans-serif;font-size:11px;color:var(--w98-text);user-select:none;-webkit-user-select:none;cursor:default;overflow:auto}#root{display:flex;align-items:flex-start;justify-content:center;padding:24px;min-height:100vh}.window.maximized{zoom:2;-webkit-font-smoothing:none;font-smooth:never;text-rendering:optimizeSpeed;image-rendering:pixelated}.window.maximized svg{shape-rendering:crispEdges}.window{background:var(--w98-bg);border-top:2px solid var(--w98-bg-light);border-left:2px solid var(--w98-bg-light);border-right:2px solid var(--w98-bg-dark);border-bottom:2px solid var(--w98-bg-dark);box-shadow:inset -1px -1px 0 0 var(--w98-shadow),1px 1px 0 0 var(--w98-shadow);padding:0;display:inline-block}.title-bar{background:linear-gradient(to right,var(--w98-title) 0%,var(--w98-title-light) 100%);color:var(--w98-title-text);font-weight:700;padding:2px 2px 2px 4px;display:flex;align-items:center;height:18px;margin:2px 2px 0}.title-bar-text{flex:1;font-size:11px}.title-bar-controls{display:flex;gap:2px}.title-btn{width:16px;height:14px;background:var(--w98-bg);border-top:1px solid var(--w98-bg-light);border-left:1px solid var(--w98-bg-light);border-right:1px solid var(--w98-bg-dark);border-bottom:1px solid var(--w98-bg-dark);box-shadow:inset -1px -1px 0 0 var(--w98-shadow);display:flex;align-items:center;justify-content:center;font-family:Marlett,Segoe UI Symbol,sans-serif;font-size:10px;font-weight:700;color:#000;padding:0;cursor:default}.menu-bar{display:flex;padding:2px 4px;gap:0;font-size:11px;margin:0 2px;position:relative}.menu-item{padding:2px 6px;cursor:default;position:relative}.menu-item.open,.menu-item:hover{background:var(--w98-title);color:var(--w98-title-text)}.menu-dropdown{position:absolute;top:100%;left:0;background:var(--w98-bg);border-top:1px solid var(--w98-bg-light);border-left:1px solid var(--w98-bg-light);border-right:1px solid var(--w98-bg-dark);border-bottom:1px solid var(--w98-bg-dark);box-shadow:inset -1px -1px 0 0 var(--w98-shadow),2px 2px 3px #0006;padding:2px;min-width:140px;z-index:10}.menu-option{padding:3px 20px 3px 22px;font-size:11px;position:relative;cursor:default;color:#000}.menu-option:hover{background:var(--w98-title);color:var(--w98-title-text)}.menu-option.checked:before{content:"•";position:absolute;left:8px;font-size:14px;line-height:11px}.menu-separator{height:1px;background:var(--w98-bg-dark);border-bottom:1px solid var(--w98-bg-light);margin:2px 0}.game{margin:0 2px 2px;padding:6px;background:var(--w98-bg);border-top:2px solid var(--w98-bg-light);border-left:2px solid var(--w98-bg-light);border-right:2px solid var(--w98-bg-dark);border-bottom:2px solid var(--w98-bg-dark)}.header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;margin-bottom:6px;border-top:2px solid var(--w98-bg-dark);border-left:2px solid var(--w98-bg-dark);border-right:2px solid var(--w98-bg-light);border-bottom:2px solid var(--w98-bg-light);background:var(--w98-bg)}.smiley{width:26px;height:26px;background:var(--w98-bg);border-top:2px solid var(--w98-bg-light);border-left:2px solid var(--w98-bg-light);border-right:2px solid var(--w98-bg-dark);border-bottom:2px solid var(--w98-bg-dark);display:flex;align-items:center;justify-content:center;padding:0;cursor:default}.smiley:active,.smiley.pressed{border-top-color:var(--w98-bg-dark);border-left-color:var(--w98-bg-dark);border-right-color:var(--w98-bg-light);border-bottom-color:var(--w98-bg-light)}.board{border-top:3px solid var(--w98-bg-dark);border-left:3px solid var(--w98-bg-dark);border-right:3px solid var(--w98-bg-light);border-bottom:3px solid var(--w98-bg-light);background:var(--w98-bg);display:inline-block;line-height:0}.board-row{display:flex;height:16px}.cell{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--w98-bg);font-family:Tahoma,"MS Sans Serif",sans-serif;font-weight:900;font-size:13px;line-height:16px;padding:0;position:relative;flex-shrink:0;cursor:default}.cell.hidden{border-top:2px solid var(--w98-bg-light);border-left:2px solid var(--w98-bg-light);border-right:2px solid var(--w98-bg-dark);border-bottom:2px solid var(--w98-bg-dark)}.cell.revealed,.cell.pressed{border:1px solid var(--w98-bg-dark);border-right-color:var(--w98-bg-dark);border-bottom-color:var(--w98-bg-dark);border-top:1px solid var(--w98-bg-dark);border-left:1px solid var(--w98-bg-dark)}.cell.n-1{color:var(--n-1)}.cell.n-2{color:var(--n-2)}.cell.n-3{color:var(--n-3)}.cell.n-4{color:var(--n-4)}.cell.n-5{color:var(--n-5)}.cell.n-6{color:var(--n-6)}.cell.n-7{color:var(--n-7)}.cell.n-8{color:var(--n-8)}.cell .mine,.cell .flag,.cell .question,.cell .wrong-flag{display:inline-block;line-height:1}.cell.exploded{background:red}.led-display{background:var(--led-bg);border-top:1px solid var(--w98-bg-dark);border-left:1px solid var(--w98-bg-dark);border-right:1px solid var(--w98-bg-light);border-bottom:1px solid var(--w98-bg-light);padding:2px 3px;display:inline-flex;gap:1px;height:25px;align-items:center}.led-digit{display:block;width:13px;height:23px}.led-digit polygon{fill:var(--led-dim)}.led-digit polygon.on{fill:var(--led-red)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:100}.window.modal{min-width:280px}.modal .title-bar .title-btn{cursor:pointer}.modal-body{padding:10px;background:var(--w98-bg)}.modal-empty{margin:6px 0 12px;text-align:center;font-size:11px}.leaderboard{width:100%;border-collapse:collapse;background:var(--w98-bg-light);border-top:2px solid var(--w98-bg-dark);border-left:2px solid var(--w98-bg-dark);border-right:2px solid var(--w98-bg-light);border-bottom:2px solid var(--w98-bg-light);font-size:11px;margin-bottom:10px}.leaderboard th,.leaderboard td{padding:2px 8px;text-align:left;border-bottom:1px solid #d0d0d0}.leaderboard th{background:var(--w98-bg);border-bottom:1px solid var(--w98-bg-dark);font-weight:700}.leaderboard td.won{color:var(--n-2);font-weight:700}.leaderboard td.lost{color:var(--n-3);font-weight:700}.modal-buttons{display:flex;justify-content:flex-end}.modal-btn{background:var(--w98-bg);border-top:2px solid var(--w98-bg-light);border-left:2px solid var(--w98-bg-light);border-right:2px solid var(--w98-bg-dark);border-bottom:2px solid var(--w98-bg-dark);padding:3px 18px;font-size:11px;font-family:inherit;cursor:pointer;min-width:70px}.modal-btn:active{border-top-color:var(--w98-bg-dark);border-left-color:var(--w98-bg-dark);border-right-color:var(--w98-bg-light);border-bottom-color:var(--w98-bg-light)}