:root{color-scheme:light;--paper:#efe9dc;--paper2:#f8f4eb;--ink:#27312e;--muted:#6f766f;--forest:#284f48;--forest2:#183d37;--orange:#cf704c;--line:#d5cdbd;--cell:#d9d3c7;--open:#eee9df;--shadow:#b8b09f;--cream:#fffaf1}
*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 90% 8%,#d5dfd4 0 8%,transparent 27%),linear-gradient(120deg,#efe9dc,#f5f0e6 55%,#e8e0d2);min-height:100vh}button,input,select{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.back{color:var(--forest);text-decoration:none;font-size:13px;font-weight:700}.language-picker{border:1px solid var(--line);border-radius:8px;background:#fff9;color:var(--ink);padding:8px 9px;font-size:12px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:focus-visible{outline:3px solid #e1926f;outline-offset:3px}.hero{padding:55px 0 34px;display:flex;justify-content:space-between;align-items:flex-end;gap:36px}.eyebrow,.section-label{margin:0 0 11px;font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--orange);text-transform:uppercase}.hero h1{font-size:clamp(36px,5vw,60px);letter-spacing:-.055em;line-height:1.04;margin:0 0 18px}.story{max-width:670px;margin:0;color:var(--muted);font-size:14px;line-height:1.85}.menu-card{display:flex;gap:9px;padding:14px;background:#fff8;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 40px #776a5420;transform:rotate(1.5deg)}.menu-card span{width:72px;height:73px;border:1px dashed #c5b9a6;border-radius:13px;display:grid;place-items:center;font-size:30px}.menu-card small{font-size:9px;color:var(--muted);letter-spacing:.04em;margin-top:-8px}.game-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}.setup-panel,.game-panel,.records{border:1px solid var(--line);background:#fffaf0d9;border-radius:18px;box-shadow:0 14px 35px #6f624a12}.setup-panel{padding:20px}.panel-section,.custom-form,.instructions{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.instructions{border:0;padding:0;margin:0}.presets{display:grid;gap:7px}.preset{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:var(--paper2);color:var(--ink);border-radius:9px;padding:10px 11px;cursor:pointer;text-align:left}.preset strong{font-size:12px}.preset span{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}.preset:hover,.preset.active{background:var(--forest);color:#fff;border-color:var(--forest)}.preset.active span,.preset:hover span{color:#d7e1dc}.field-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.field-row label{font-size:9px;color:var(--muted)}.field-row input{width:100%;margin-top:5px;padding:8px 4px;border:1px solid var(--line);border-radius:7px;background:#fff;text-align:center;color:var(--ink);font-size:12px}.apply-button{width:100%;margin-top:9px;padding:9px;border:0;border-radius:8px;background:#d8e1dd;color:var(--forest2);font-size:11px;font-weight:800;cursor:pointer}.apply-button:hover{background:#c4d4ce}.form-error{color:#a23f2e;font-size:10px;line-height:1.4;margin:7px 0 0;min-height:0}.form-error:empty{display:none}.instruction{display:flex;gap:9px;color:var(--muted);font-size:11px;line-height:1.55;margin:8px 0}.instruction b{flex:0 0 22px;height:22px;display:grid;place-items:center;background:#e8e2d7;border-radius:6px;color:var(--forest)}.first-safe{font-size:10px;color:#8b806e;line-height:1.55;margin:12px 0 0}.game-panel{padding:16px;background:#d6d1c7;border:2px solid;border-color:#fdfbf5 #aaa395 #aaa395 #fdfbf5;border-radius:13px;min-width:0}.hud{height:71px;padding:10px 13px;background:#c9c5bb;border:2px solid;border-color:#aaa397 #f8f5ed #f8f5ed #aaa397;display:flex;align-items:center;justify-content:space-between}.counter{display:flex;flex-direction:column;gap:4px}.counter.right{text-align:right}.counter span{font-size:9px;color:#625e55;letter-spacing:.08em}.counter strong{font:700 25px ui-monospace,SFMono-Regular,Consolas,monospace;color:#f96d50;background:#302e2b;border-radius:3px;padding:2px 7px;min-width:65px;letter-spacing:.08em;text-shadow:0 0 8px #ff604f88}.face{width:43px;height:43px;padding:0;background:#d9d5cc;border:3px solid;border-color:#fffdf6 #888277 #888277 #fffdf6;font-size:22px;cursor:pointer}.face:active{border-color:#888277 #fffdf6 #fffdf6 #888277}.board-scroll{margin-top:13px;max-width:100%;overflow:auto;overscroll-behavior:contain;background:#8f897d;border:3px solid;border-color:#8e887d #f8f5ed #f8f5ed #8e887d;max-height:70vh;-webkit-overflow-scrolling:touch}.board{--columns:16;display:grid;grid-template-columns:repeat(var(--columns),30px);width:max-content;min-width:100%;justify-content:center;background:#a7a196}.cell{width:30px;height:30px;padding:0;position:relative;display:grid;place-items:center;border:3px solid;border-color:#f8f5eb #aaa397 #aaa397 #f8f5eb;background:var(--cell);font:800 16px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-x pan-y}.cell:hover{filter:brightness(1.035)}.cell.open{border:1px solid #aaa498;background:var(--open);cursor:default}.cell.flagged{font-size:15px}.cell.mine{font-family:inherit;font-size:17px}.cell.exploded{background:#e98a70}.cell.wrong{background:#edc8bd}.cell.n1{color:#245bc5}.cell.n2{color:#2d7742}.cell.n3{color:#c34836}.cell.n4{color:#543f9b}.cell.n5{color:#8c2e28}.cell.n6{color:#227f81}.cell.n7{color:#242424}.cell.n8{color:#6d6d6d}.touch-progress{--touch-progress:0%;position:fixed;left:0;top:0;z-index:50;display:flex;align-items:center;gap:5px;padding:5px 7px;background:#fffdf7f2;border:1px solid #c9c0b1;border-radius:12px;box-shadow:0 5px 16px #2d261c35;opacity:0;transform:translateY(4px) scale(.96);transition:opacity .08s,transform .08s;pointer-events:none}.touch-progress.visible{opacity:1;transform:translateY(0) scale(1)}.touch-progress-track{display:block;width:38px;height:6px;overflow:hidden;border-radius:99px;background:#d6d0c5}.touch-progress-track i{display:block;width:var(--touch-progress);height:100%;border-radius:inherit;background:var(--orange)}.touch-progress b{font-size:11px;line-height:1}.touch-progress.done .touch-progress-track i{background:var(--forest)}.status-line{min-height:43px;padding:12px 4px 2px;display:flex;justify-content:space-between;gap:14px;color:#5e5a52;font-size:11px}.board-spec{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.result-card{margin-top:12px;border:1px solid #bdb3a3;border-radius:10px;background:var(--cream);padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.result-card[hidden]{display:none}.result-food{font-size:38px}.result-kicker{font-size:9px;color:var(--orange);letter-spacing:.13em;font-weight:800;margin:0 0 4px}.result-card h2{font-size:19px;margin:0 0 3px}.result-card p:last-child{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.result-card button{border:0;background:var(--forest);color:#fff;border-radius:8px;padding:10px 13px;font-size:11px;font-weight:800;cursor:pointer}.records{margin:22px 0 52px;padding:19px 22px;display:grid;grid-template-columns:160px 180px 1fr 1.4fr;gap:24px;align-items:center}.records div{min-width:0}.records strong{font-size:25px;color:var(--forest)}.records div>span{font-size:10px;color:var(--muted);margin-left:4px}.rank-box strong{font-size:16px}.record-note{margin:0;color:var(--muted);font-size:10px;line-height:1.6}footer{border-top:1px solid var(--line);padding:23px 0 30px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}
@media(max-width:850px){.game-layout{grid-template-columns:1fr}.setup-panel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.panel-section,.custom-form,.instructions{border:0;border-right:1px solid var(--line);padding:0 18px 0 0;margin:0}.instructions{border:0;padding:0}.records{grid-template-columns:repeat(3,1fr)}.record-note{grid-column:1/-1}.hero{align-items:center}}
@media(max-width:620px){.shell{width:calc(100% - 24px)}.site-header{height:65px}.hero{padding:35px 3px 25px;display:block}.hero h1{font-size:40px}.story{font-size:13px}.menu-card{margin-top:22px;width:max-content;padding:9px}.menu-card span{width:58px;height:59px;font-size:25px}.setup-panel{display:block;padding:16px}.panel-section,.custom-form,.instructions{border:0;border-bottom:1px solid var(--line);padding:0 0 15px;margin:0 0 15px}.instructions{border:0;margin:0;padding:0}.presets{grid-template-columns:repeat(3,1fr)}.preset{display:block;text-align:center;padding:9px 4px}.preset strong,.preset span{display:block}.preset span{margin-top:4px;font-size:8px}.game-panel{margin:0 -3px;padding:9px}.hud{height:60px;padding:7px 9px}.counter strong{font-size:20px;min-width:57px}.face{width:39px;height:39px}.board-scroll{margin-top:9px;max-height:65vh}.board{justify-content:start}.cell{width:29px;height:29px;font-size:15px}.status-line{font-size:10px}.result-card{grid-template-columns:auto 1fr}.result-card button{grid-column:1/-1}.records{grid-template-columns:1fr 1fr;margin:16px 0 35px;padding:16px;gap:19px}.rank-box,.record-note{grid-column:1/-1}footer{flex-wrap:wrap}.desktop-tip{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}