:root{--bg:#f6f7f2;--ink:#2d443b;--muted:#939d90;--green:#58785c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,#scroller:focus-visible{outline:3px solid #93ad7e;outline-offset:3px}[hidden]{display:none!important}header{max-width:1240px;height:90px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;margin:auto;border-bottom:1px solid #e1e6d9}.brand{font-size:23px;font-weight:700;letter-spacing:-.5px;display:flex;align-items:center;gap:17px}.brand span{font-size:12px;font-weight:400;color:#879880;border-left:1px solid #d7e0ce;padding-left:17px;letter-spacing:1px}.back{font-size:12px;color:#859779}main{max-width:1130px;padding:42px 32px 0;margin:auto}.eyebrow{font-size:9px;color:#8c9d7d;letter-spacing:2.5px}.intro h1{font-size:32px;letter-spacing:2px;font-weight:500;margin:13px 0}.intro h1 span{color:#93ad7e}.intro p{font-size:12px;color:var(--muted);margin:0}.game-shell{background:#fffefa;border:1px solid #dfe6d6;border-radius:16px;padding:26px;margin-top:30px;box-shadow:0 12px 40px #52683e05}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.levels{display:flex;background:#edf1e5;padding:4px;border-radius:9px;gap:4px}.levels button{padding:8px 17px;font-size:12px;border-radius:6px;color:#91a081}.levels button.active{background:#fffefa;color:#4b6d42;box-shadow:0 2px 6px #4358300c}.levels small{font-size:9px;display:block;margin-top:3px;color:#a1ad96}#new{font-size:12px;color:#819571;padding:10px 0}.dashboard{display:flex;justify-content:space-between;align-items:center;padding:24px 9px 22px}.dashboard>div{min-width:100px}.dashboard span{display:block;font-size:10px;color:#a0aa95;margin-bottom:6px;letter-spacing:1px}.dashboard strong{font-size:25px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:2px}#face{background:#eaf0e1;border:1px solid #d3e0c6;border-radius:14px;color:#719257;font-size:34px;width:55px;height:55px;line-height:1}.timer{position:relative;text-align:right;padding-right:38px}#pause{position:absolute;right:0;top:14px;border:1px solid #e0e7d8;width:29px;height:29px;border-radius:50%;font-size:11px}.board-wrap{position:relative;min-height:160px;background:#edf1e6;border:1px solid #d5dfca;border-radius:10px;overflow:hidden}#scroller{overflow:auto;max-height:70vh;padding:18px;overscroll-behavior:contain}#board{display:grid;grid-template-columns:repeat(var(--cols),var(--cell));width:max-content;margin:auto;gap:3px;--cell:36px}.cell{width:var(--cell);height:var(--cell);border-radius:5px;background:#fafff3;border:1px solid #d2dfc4;box-shadow:0 2px 0 #c4d3b5;font-size:17px;font-weight:650;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;user-select:none;touch-action:manipulation}.cell:hover{background:#e1edce}.cell.open{background:#e5eadf;border:1px solid #dce3d4;box-shadow:none}.cell.flag{color:#c58a42;background:#fcf4e0}.cell.mine{background:#e9bbae;color:#8b4c3e;box-shadow:none}.cell.hit{background:#cc7767;color:#fff}.cell.wrong{color:#a85549;background:#f7e3dc}.cell.n1{color:#648aa4}.cell.n2{color:#6c9554}.cell.n3{color:#c37e61}.cell.n4{color:#8977a6}.cell.n5{color:#a56b77}.cell.n6{color:#5e9693}.cell.n7{color:#7c7d56}.cell.n8{color:#747b71}.below-board{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#98a68c;margin-top:14px;line-height:1.8}.below-board span:last-child{white-space:nowrap}.bottom-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ecf0e5;margin-top:18px;padding-top:18px}.mode{display:flex;gap:4px;border:1px solid #dfe6d5;border-radius:8px;padding:3px}.mode button{font-size:11px;padding:9px 17px;border-radius:5px;color:#8c9d7f}.mode button.active{background:#e5eedb;color:#527345}#modeHelp{font-size:10px;color:#a2ad95}#pauseOverlay{position:absolute;inset:0;background:#f3f6eef5;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}#pauseOverlay>span{color:#8fa376;font-size:32px}#pauseOverlay h2{font-size:21px;font-weight:500;margin:13px 0 0}#pauseOverlay p{font-size:11px;color:#93a084}#resume,#again,#accept{padding:11px 24px;color:#fff;background:#58785c;border-radius:7px;font-size:12px;margin-top:10px}.board-wrap:has(#pauseOverlay:not([hidden])) #board{visibility:hidden}#result{background:#eaf1df;border:1px solid #d6e3c7;padding:20px;border-radius:10px;margin-top:20px;text-align:center}#result.lost{background:#f6ede5;border-color:#e8d7c7}#result strong{font-size:19px;font-weight:500}#result p{font-size:12px;line-height:1.8;color:#8a9b7b}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:34px 0}.help-grid article{position:relative;padding-left:32px}.help-grid article>span{position:absolute;left:0;top:3px;font-size:10px;color:#a1b18e}.help-grid h2{font-size:12px;font-weight:500;color:#799268;margin:0 0 8px}.help-grid p{font-size:10px;line-height:1.9;color:#a0ab94;margin:0}.records{border-top:1px solid #dfe6d6;padding:22px 0;display:flex;align-items:center;gap:25px;font-size:11px;color:#8c9c7e}.records>span{color:#6f8960}#bests{display:flex;gap:26px;font-variant-numeric:tabular-nums}footer{border-top:1px solid #e2e8db;display:flex;justify-content:space-between;font-size:9px;color:#a8b29c;padding:20px 0 26px}dialog{border:1px solid #dce5d3;border-radius:13px;padding:27px;max-width:90vw;color:var(--ink)}dialog::backdrop{background:#29412b55;backdrop-filter:blur(3px)}dialog h2{font-size:20px;font-weight:500}dialog p{font-size:12px;color:#94a087}dialog #cancel{font-size:12px;margin-right:15px}@media(max-width:600px){header{height:70px;padding:0 20px}.brand{font-size:20px;gap:12px}.brand span{font-size:10px;padding-left:12px}.back{font-size:10px}main{padding:27px 14px 0}.intro{padding:0 5px}.eyebrow{font-size:7px;letter-spacing:1.7px}.intro h1{font-size:24px;letter-spacing:1px;margin:13px 0}.intro p{font-size:10px}.game-shell{margin-top:24px;padding:15px 12px}.levels button{padding:7px 12px;font-size:11px}.levels small{font-size:8px}.levels{gap:2px}#new{font-size:10px}.dashboard{padding:21px 4px 17px}.dashboard strong{font-size:22px}.dashboard>div{min-width:90px}.dashboard span{font-size:9px}#face{width:47px;height:47px;font-size:30px}#scroller{padding:11px 8px}#board{--cell:31px;gap:2px}.cell{font-size:16px;border-radius:4px}.below-board{font-size:9px;gap:8px;flex-wrap:wrap}.bottom-tools{align-items:flex-start}.mode button{padding:9px 13px;font-size:10px}#modeHelp{font-size:9px;max-width:125px;line-height:1.9}.help-grid{gap:17px;margin:25px 5px;grid-template-columns:1fr}.help-grid h2{font-size:11px;margin-bottom:4px}.help-grid p{font-size:10px}.records{gap:15px;font-size:10px;padding:19px 5px}#bests{gap:15px;font-size:9px}footer{font-size:8px;padding:17px 5px;gap:12px;flex-wrap:wrap}}@media(max-width:360px){#board{--cell:28px}.levels button{padding:7px 9px}.game-shell{padding:13px 9px}}

/* 原生全屏和页面铺满共用同一套专注布局。 */
.toolbar-actions{display:flex;align-items:center;gap:19px}#fullscreen{font-size:12px;color:#5e8051;border:1px solid #d8e3ce;border-radius:7px;padding:9px 13px;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.focus-mode{overflow:hidden}body.focus-mode>header,body.focus-mode .intro,body.focus-mode .help-grid,body.focus-mode .records,body.focus-mode footer{display:none}body.focus-mode .game-shell{position:fixed;inset:0;z-index:100;margin:0;border:0;border-radius:0;padding:14px max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:var(--bg);display:flex;flex-direction:column;gap:0;height:100dvh}body.focus-mode .toolbar{flex-shrink:0}body.focus-mode .dashboard{padding:10px 9px;flex-shrink:0}body.focus-mode .dashboard>div{min-width:110px}body.focus-mode .dashboard span{margin-bottom:3px;font-size:9px}body.focus-mode .dashboard strong{font-size:22px}body.focus-mode #face{width:42px;height:42px;font-size:28px}body.focus-mode .board-wrap{min-height:0;flex:1}body.focus-mode #scroller{height:100%;max-height:none;display:flex;padding:14px}body.focus-mode #board{--cell:var(--focus-cell,36px);gap:3px;flex-shrink:0;margin:auto}body.focus-mode .cell{font-size:clamp(16px,calc(var(--cell)*.46),24px)}body.focus-mode .below-board{margin-top:8px;flex-shrink:0}body.focus-mode .bottom-tools{padding-top:8px;margin-top:8px;flex-shrink:0}body.focus-mode #result{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,90%);margin:0;box-shadow:0 10px 60px #273b2b30}body.focus-mode #result p{margin:8px 0}body.focus-mode #pause{top:8px}@media(max-width:600px){.toolbar-actions{gap:9px}#fullscreen{font-size:10px;padding:8px 9px}body.focus-mode .game-shell{padding-top:max(9px,env(safe-area-inset-top));padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right))}body.focus-mode .levels button{padding:6px 11px}body.focus-mode .dashboard{padding:8px 5px}body.focus-mode #scroller{padding:9px}body.focus-mode .dashboard>div{min-width:92px}body.focus-mode .below-board{font-size:8px}body.focus-mode #modeHelp{font-size:8px}body.focus-mode .bottom-tools{align-items:center}body.focus-mode .mode button{padding:8px 13px}}@media(max-height:480px){body.focus-mode .levels small,body.focus-mode .dashboard span,body.focus-mode .below-board{display:none}body.focus-mode .levels button{padding:6px 13px}body.focus-mode .dashboard{padding:5px 8px}body.focus-mode #face{height:30px;width:34px;font-size:24px}body.focus-mode #scroller{padding:7px}body.focus-mode .bottom-tools{padding-top:4px;margin-top:4px}body.focus-mode .mode button{padding:6px 13px}}
@media(max-width:380px){.toolbar{flex-wrap:wrap;gap:8px}.toolbar-actions{margin-left:auto}body.focus-mode .toolbar{flex-wrap:wrap}}