@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{color-scheme:light;--ink:#152521;--muted:#71817b;--paper:#f5f6f1;--surface:#fffefa;--line:#e1e7df;--green:#2c8c62;--deep:#14553f;--lime:#d8f278;--shadow:0 18px 48px rgba(23,54,43,.09)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 80% 15%,#eaf6ee,transparent 35%),var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible,.board-scroll:focus-visible{outline:3px solid #159353;outline-offset:3px}.game-shell{width:min(calc(100% - 32px),900px);margin:auto}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;padding:7px;border-radius:10px;background:var(--deep);transform:rotate(-4deg)}.brand-mark i{border-radius:3px;background:var(--lime)}.brand-mark i:last-child{background:white}.brand-name,.footer>a{font:800 17px Manrope,sans-serif;letter-spacing:-.06em}.brand-name span,.footer>a span{color:var(--green)}.back-link{color:var(--muted);font-size:12px;font-weight:700}.game{width:min(100%,560px);margin:28px auto 40px}.heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.eyebrow{margin:0 0 7px;color:var(--green);font-size:9px;font-weight:800;letter-spacing:.13em}.heading h1{margin:0;font:800 clamp(38px,8vw,56px)/1 Manrope,sans-serif;letter-spacing:-.075em}.heading h1 span{color:#efa93e}.intro{margin:8px 0 0;color:var(--muted);font-size:12px}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:17px 0 7px}.level-picker{display:grid;gap:5px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.08em}.level-picker select{min-width:130px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:11px;letter-spacing:0}.counters{display:flex;gap:7px}.counters>div{display:grid;gap:3px;min-width:88px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.counters span{color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.08em}.counters strong{font:800 16px Manrope,sans-serif;font-variant-numeric:tabular-nums}.button{min-height:37px;padding:0 13px;border:1px solid var(--line);border-radius:9px;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}.primary{border-color:var(--deep);background:var(--deep);color:white}.quiet{background:var(--surface);color:var(--ink)}.status{min-height:19px;margin:8px 0;color:var(--muted);font-size:11px;text-align:center}.flag-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}.best{color:var(--muted);font-size:10px;font-weight:700}.board-scroll{width:fit-content;max-width:100%;margin-inline:auto;overflow:auto;overscroll-behavior:contain;border:1px solid #d8e3d7;border-radius:12px;background:#e6ede4;scrollbar-color:#a3b4a5 transparent}.board{--columns:9;display:grid;grid-template-columns:repeat(var(--columns),34px);gap:3px;width:max-content;padding:8px}.cell{width:34px;height:34px;display:grid;place-items:center;border:1px solid #d7dfd3;border-radius:5px;background:#f4f6ef;color:#4567a0;font:800 14px Manrope,sans-serif;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.75)}.cell:not(.revealed):not(:disabled):hover{background:#fff;transform:translateY(-1px)}.cell:disabled{cursor:default}.cell.revealed{border-color:#e1e2da;background:#e8e8e0}.cell.flagged{background:#ffedbd;color:#a95425}.cell.mine{background:#f3b6a3;color:#852e18}.cell.exploded{background:#df513d;color:#fff}.cell.wrong-flag{background:#f2d4ce;color:#a62317}.number-1{color:#2671bf}.number-2{color:#318449}.number-3{color:#d24e3c}.number-4{color:#7243a5}.number-5,.number-6,.number-7,.number-8{color:#624438}.help,.save-state{color:var(--muted);font-size:10px;text-align:center}.help{margin:14px 0 4px}.save-state{margin:8px 0}.footer{display:flex;justify-content:space-between;padding:16px 0 22px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.footer>a{color:var(--ink);font-size:13px}
@media(max-width:600px){.game-shell{width:calc(100% - 24px)}.game{margin:23px auto 32px}.heading h1{font-size:38px}.intro{font-size:11px}.toolbar{align-items:center;flex-wrap:wrap}.level-picker{flex:1}.counters{order:2;width:100%;justify-content:space-between}.counters>div{flex:1}.flag-controls{margin:7px 0}.flag-controls .button{display:inline-flex}.board{padding:6px;gap:2px}.cell{width:32px;height:32px;font-size:13px}.help{font-size:9px;line-height:1.5}}
@media(max-width:360px){.cell{width:30px;height:30px}.board{gap:2px;padding:5px}.counters>div{min-width:0;padding:6px 7px}.heading h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}