:root{color-scheme:light;--silver:#c0c0c0;--dark:#808080;--teal:#008080;--cell:36px}*{box-sizing:border-box}body{margin:0;background:var(--teal);color:#111;font:13px Tahoma,"Microsoft Sans Serif","宋体",sans-serif;min-height:100vh;min-height:100dvh}button,input{font:inherit}button{color:#111;cursor:pointer;border-radius:0}button:focus-visible,a:focus-visible{outline:2px dotted #111;outline-offset:3px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}.bevel,.window,.mode-switch button{background:var(--silver);border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:inset -1px -1px #808080,inset 1px 1px #dfdfdf}.bevel:active,.mode-switch button:active{border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px #808080}.inset{border:2px solid;border-color:#808080 #fff #fff #808080}.desktop-icon{position:absolute;top:31px;left:32px;display:flex;gap:10px;align-items:center;flex-direction:column;color:white;text-shadow:1px 1px #004040}.desktop-icon img{width:34px;height:34px;image-rendering:pixelated}.desktop-icon span{font-size:12px}main{min-height:calc(100dvh - 92px);padding:64px 20px 35px;display:flex;align-items:center;justify-content:center}.game-stack{max-width:100%;display:flex;align-items:center;flex-direction:column}.window{padding:3px;box-shadow:1px 1px #000,3px 3px 0 #004e4e;max-width:100%}.titlebar{height:26px;background:linear-gradient(90deg,#000080,#1084d0);color:white;display:flex;align-items:center;justify-content:space-between;font-weight:bold;padding:3px 3px 3px 5px;user-select:none}.window-title{display:flex;align-items:center;gap:6px}.window-title img{width:17px;height:17px;background:#c0c0c0}.window-buttons{display:flex;gap:3px}.window-buttons button,.titlebar>button{width:21px;height:20px;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;font-weight:bold;line-height:12px;padding:0;color:#000}.menubar{height:31px;display:flex;gap:2px;align-items:center;position:relative}.menubar>button,.menu-wrap>button{border:1px solid transparent;background:none;padding:4px 8px}.menubar button:hover,.menu-wrap>button[aria-expanded=true]{border-color:#fff #808080 #808080 #fff}.menubar .language{margin-left:auto;font-size:11px;font-weight:bold;border-left:1px solid #999;padding-inline:10px}.menu-wrap{position:relative}.dropdown{position:absolute;top:26px;left:0;z-index:10;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:2px 2px #333;min-width:256px;padding:3px}.dropdown button{display:flex;gap:8px;align-items:center;width:100%;border:0;background:none;text-align:left;padding:8px}.dropdown button:hover{background:#000080;color:#fff}.dropdown kbd,.dropdown small{margin-left:auto;font:11px Tahoma,sans-serif}.dropdown .check{display:inline-block;width:12px}.dropdown hr{border:0;border-top:1px solid #808080;border-bottom:1px solid #fff;margin:4px 1px}.cabinet{border:3px solid;border-color:#fff #808080 #808080 #fff;padding:11px}.dashboard{display:flex;align-items:center;justify-content:space-between;padding:7px;margin-bottom:11px;gap:20px;background:#c0c0c0;min-height:62px}.counter{display:flex;padding:3px 3px;gap:3px;background:#080000;border:1px solid;border-color:#555 #eee #eee #555;height:43px}.digit{width:21px;height:33px;position:relative}.segment{position:absolute;background:#370000}.segment.on{background:#f00;filter:drop-shadow(0 0 1px #e00000)}.segment.a,.segment.g,.segment.d{width:15px;height:4px;left:3px;clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%)}.segment.a{top:0}.segment.g{top:14px}.segment.d{top:28px}.segment.b,.segment.c,.segment.e,.segment.f{width:4px;height:13px;clip-path:polygon(50% 0,100% 15%,100% 85%,50% 100%,0 85%,0 15%)}.segment.f{left:0;top:2px}.segment.e{left:0;top:17px}.segment.b{right:0;top:2px}.segment.c{right:0;top:17px}.face{padding:4px;width:43px;height:43px;display:grid;place-items:center}.face svg{width:29px;height:29px;shape-rendering:crispEdges}.board-scroll{overflow:auto;max-width:calc(100vw - 84px);overscroll-behavior:contain;background:#808080}.board{display:grid;grid-template-columns:repeat(var(--cols),var(--cell));width:max-content;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none}.cell{display:grid;place-items:center;position:relative;padding:0;margin:0;width:var(--cell);height:var(--cell);background:#c0c0c0;border:3px solid;border-color:#fff #808080 #808080 #fff;font:900 25px "Courier New",monospace;-webkit-touch-callout:none;line-height:1}.cell:active:not(.open){border:1px solid #808080}.cell.open{border:0;border-right:1px solid #808080;border-bottom:1px solid #808080}.cell:focus-visible{outline:2px dotted #000;outline-offset:-5px;z-index:1}.cell.mine-hit{background:#f00}.cell svg{width:23px;height:23px;pointer-events:none;shape-rendering:crispEdges}.cell img{width:23px;height:23px;pointer-events:none}.cell.wrong::after{content:'×';position:absolute;color:#f00;font:32px Arial;top:-1px;left:2px}.n1{color:#00f}.n2{color:#008000}.n3{color:#f00}.n4{color:#000080}.n5{color:#800000}.n6{color:#008080}.n7{color:#000}.n8{color:#808080}.statusbar{display:flex;gap:3px;margin-top:4px;font-size:11px;min-height:24px}.statusbar>span{border:1px solid;border-color:#808080 #fff #fff #808080;padding:4px 6px}.statusbar #status{flex:1;min-width:0}.statusbar #levelStatus{white-space:nowrap}.statusbar .grip{border:0;padding:6px 0 0;color:#808080}.below{text-align:center;margin-top:22px;color:#e1eeee}.mode-switch{display:inline-flex;gap:0}.mode-switch button{min-width:94px;padding:7px 13px}.mode-switch button[aria-pressed=true]{background:#ddd;border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px #808080}.small-flag{color:#c00000}#controlHint{font-size:12px;margin:13px 0 0;line-height:1.8}.nostalgia{font-size:11px;letter-spacing:2px;color:#9dcece;margin-top:17px}.desktop-footer{display:flex;justify-content:space-between;gap:12px;padding:0 23px 16px;color:#9dcece;font-size:10px;letter-spacing:1px}.desktop-footer a{color:#c3e0e0;text-decoration:none}.desktop-footer a:hover{text-decoration:underline}.taskbar{height:38px;position:fixed;bottom:0;left:0;right:0;background:#c0c0c0;border-top:2px solid #fff;display:flex;align-items:center;padding:3px 4px;gap:6px;z-index:15}.taskbar button{height:29px}.start{display:flex;gap:7px;align-items:center;padding:1px 8px}.start-symbol{font-size:23px;color:#000080}.taskbar-divider{height:27px;border-left:1px solid #808080;border-right:1px solid #fff;margin:0 2px}.task-button{display:flex;gap:7px;align-items:center;width:166px;background:#d7d7d7;text-align:left}.task-button img{height:17px;width:17px}.tray{margin-left:auto;display:flex;gap:9px;align-items:center;padding:5px 10px;min-width:85px;font-size:12px}.result{margin-top:11px;padding:12px 8px;border:1px solid #808080;display:flex;align-items:center;flex-direction:column;gap:8px}.result strong{font-size:15px}.result span{font-size:12px}.result button{padding:6px 18px}.modal{position:fixed;width:366px;max-width:calc(100vw - 26px);margin:auto;color:#111}.modal::backdrop{background:#00373766}.modal-body{padding:17px 15px;line-height:1.8}.modal-body p{margin:0 0 14px}.modal-body ul{padding-left:21px;margin:0 0 15px}.modal-body .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modal-body button{padding:5px 18px;min-width:80px}.modal-body table{border-collapse:collapse;width:100%;font-size:12px}.modal-body td,.modal-body th{padding:7px 3px;border-bottom:1px solid #999;text-align:left}.modal-body label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}.modal-body input{width:95px;border:2px solid;border-color:#808080 #fff #fff #808080;background:white;padding:5px}.form-error{color:#900;font-size:12px}.restore{padding:13px 25px}.footnote{color:#555;font-size:11px}.keyboard-hint{border:1px solid #888;padding:0 3px;background:#ddd}@media(min-width:800px){main{padding-top:58px}.desktop-footer{position:fixed;bottom:38px;left:0;right:0}}@media(max-width:600px){:root{--cell:32px}.desktop-icon{display:none}main{padding:35px 12px 15px;min-height:calc(100dvh - 104px)}.cabinet{padding:8px}.board-scroll{max-width:calc(100vw - 58px)}.window{max-width:calc(100vw - 24px)}.dashboard{margin-bottom:8px}.below{margin-top:18px}.nostalgia{margin:12px 0}.desktop-footer{font-size:9px;letter-spacing:0;padding:0 13px 52px}.cell{font-size:23px}.statusbar{font-size:10px}.statusbar>span{padding-inline:4px}.mode-switch button{min-height:37px}.dropdown button{padding:10px 8px}.menubar{height:35px}.menubar>button,.menu-wrap>button{padding-block:7px}}@media(max-width:350px){:root{--cell:28px}.cabinet{padding:6px}.cell{font-size:21px}.counter{gap:1px}.dashboard{gap:12px}.desktop-footer>span{display:none}}
@media(min-width:601px) and (max-height:740px){:root{--cell:24px}.cell{font-size:20px;border-width:2px}.cell svg,.cell img{width:18px;height:18px}main{padding:20px 20px 74px;align-items:flex-start}.below{margin-top:12px}.nostalgia{display:none}.cabinet{padding:8px}.dashboard{margin-bottom:8px}.mode-switch button{padding:5px 12px}}