*{box-sizing:border-box}body{margin:0;background:#eef2ed;color:#203e46;font:16px/1.55 system-ui,sans-serif}main{max-width:720px;margin:auto;padding:36px 24px}header{text-align:center;margin-bottom:25px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:750;color:#637d75}h1{font:600 58px/1.1 Georgia,serif;margin:13px 0}h1 span{font:500 15px system-ui;display:inline-block;margin-left:12px;background:#dce7e2;padding:8px 12px;border-radius:22px;vertical-align:middle}header p{color:#647a79;margin:10px}h2{font:600 23px Georgia,serif}.panel{background:#fffdf8;padding:24px;border:1px solid #d6ded6;border-radius:24px;box-shadow:0 14px 36px #203e4610}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}label{font-size:13px;font-weight:600}select{font:inherit;color:inherit;background:#edf2ec;border:0;border-radius:9px;padding:9px;max-width:200px}#progress{font-size:12px;color:#617976}#board{display:grid;gap:9px;max-width:460px;margin:auto}button{font:600 14px system-ui;color:inherit;cursor:pointer;border:1px solid #d6e1db;background:#edf2ec;border-radius:10px;padding:11px 14px;touch-action:manipulation}button:focus-visible,select:focus-visible{outline:3px solid #d39524;outline-offset:3px}.cell{aspect-ratio:1;min-width:0;padding:0;font-size:clamp(17px,4vw,29px);background:#e7ede7;border:0;border-radius:50%;position:relative;transition:background .12s,transform .12s}.cell:hover{transform:scale(.94)}.cell.blue{background:#238caa;color:white}.cell.wall{background:#d87360;color:#fff}.cell.fixed:after{content:'·';position:absolute;bottom:-8%;left:0;right:0;font-size:20px;opacity:.65}.cell.bad{outline:3px solid #a03725;outline-offset:2px}.cell.revealed{box-shadow:0 0 0 3px #ddb95f}#status{text-align:center;min-height:26px;font-size:14px;margin:22px 0 14px}.actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}button:disabled{opacity:.45;cursor:default}kbd{font:11px system-ui;color:#7a8b83;margin-left:6px}.rules{padding:6px 20px;font-size:14px}.rules p{color:#56706e}.keys{font-size:12px}footer{text-align:center;color:#67807b;font-size:12px;margin-top:22px}a{color:#347581}dialog{max-width:90vw;width:410px;border:1px solid #d6ded6;border-radius:20px;padding:24px;background:#fffdf8;color:#203e46}dialog::backdrop{background:#153c4560}@media(max-width:480px){main{padding:22px 14px}h1{font-size:43px}.panel{padding:17px 13px}#board{gap:7px}.rules{padding:3px 6px}.toolbar{gap:5px}select{max-width:165px;font-size:12px}#progress{font-size:11px}}