:root{font-family:Arial,sans-serif;color:#314a37;background:#f4f0e4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#dce5cf,transparent 50%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #acbaa4;background:#f5f3e8;border-radius:7px;padding:10px}button:hover{background:#e0e8d4}button:focus-visible,a:focus-visible{outline:3px solid #b26739;outline-offset:3px}button:disabled{opacity:.45;cursor:default}header{margin:0 24px;padding:25px 3%;border-bottom:1px solid #c5ceba;display:flex;align-items:center;justify-content:space-between;gap:15px}header a{font:30px Georgia;color:inherit;text-decoration:none}header span{font-size:10px;letter-spacing:3px}main{max-width:1160px;margin:auto;padding:36px 25px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.hero img{width:160px;height:160px;border-radius:50%;border:8px solid #fffbef;box-shadow:0 15px 35px #354a3120}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:3px;color:#657747}h1{font:52px/1.04 Georgia;margin:12px 0 20px;letter-spacing:-1.5px}h2{font:27px Georgia;margin:7px 0 18px}p,li{font-size:14px;line-height:1.65}.hero p{font-size:15px}.hero .eyebrow{font-size:10px}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:45px}aside{padding-top:10px}nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 34px}nav button{padding:12px 4px}nav .current{background:#516b43;color:white}nav .solved:after{content:' ·';font-weight:bold}summary{cursor:pointer;font-weight:bold}aside p,aside li{font-size:13px}ol{padding-left:20px}li{margin:10px 0}.example{display:flex;justify-content:center;margin:20px}.example span{width:42px;height:42px;background:#d9e4c7;border:1px solid #8a9e75;display:grid;place-items:center;font:bold 22px Georgia}.play{background:#fffcef;border:1px solid #a9bc98;border-radius:22px;padding:24px;box-shadow:0 15px 45px #46663a0b}.titlebar{display:flex;justify-content:space-between;align-items:center}.titlebar>span{font-size:12px;color:#708163}.legend{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#6d7b61;margin:0 0 18px}#board{display:grid;gap:5px;max-width:520px;margin:auto}.cell{padding:0;aspect-ratio:1;position:relative;background:#e8eadb;border:1px solid #c4ccb6;border-radius:9px;overflow:hidden;min-width:0}.cell.occupied{background:#fff0d9;border-color:#91a27c}.cell img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.cell .count{position:absolute;bottom:3px;right:4px;min-width:29px;height:29px;border-radius:50%;background:#314a37;color:white;display:grid;place-items:center;font:bold 20px Georgia;box-shadow:0 1px 3px #0003}.cell .pin{position:absolute;left:3px;top:3px;padding:3px 5px;border-radius:4px;background:#fffdf2;color:#624c2c;font-size:10px;font-weight:bold;border:1px solid #bd9e6c}.cell.bad{border:2px solid #c05c40}.cell.bad .count{background:#a34f36}.cell.flagged{outline:3px solid #cc8a2f;outline-offset:-4px}.cell.near{box-shadow:inset 0 0 0 2px #8a9f60}.cell .cross{font:26px Georgia;color:#a09d85}.cell:focus-visible{outline:3px solid #b26739;outline-offset:0;z-index:1}#metrics{font-size:11px;color:#637653;line-height:1.7;margin-top:16px}#status{min-height:68px;font-size:13px}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.actions button{font-size:11px;padding:10px 3px}.keys{text-align:center;color:#7e8972;font-size:10px;margin:20px 0 0;line-height:1.7}#win{text-align:center;margin-top:20px;background:#e0e9ce;border:1px solid #9dad85;border-radius:12px;padding:20px}#win button{background:#516b43;color:white}#win p{font-size:12px}footer{border-top:1px solid #c5ceba;padding:25px 0;margin-top:34px;font-size:12px}footer p{max-width:700px}a{color:#516b43}[hidden]{display:none!important}@media(max-width:700px){header{margin:0 16px;padding:20px 0}header a{font-size:25px}header span:nth-child(2){display:none}header span{font-size:9px;letter-spacing:1px}main{padding:20px 16px}.hero{margin-bottom:22px;gap:10px}.hero img{width:102px;height:102px;border-width:5px}h1{font-size:35px;margin:10px 0 14px}.hero p{font-size:12px}.hero .eyebrow{font-size:8px;letter-spacing:2px}.layout{display:flex;flex-direction:column;gap:28px}.play{order:-1;padding:15px;border-radius:17px}h2{font-size:25px}.legend{font-size:9px}#board{gap:4px}.cell{border-radius:6px}.cell .count{min-width:23px;height:23px;font-size:17px;bottom:2px;right:2px}.cell .pin{font-size:8px;padding:2px 3px;left:2px;top:2px}#metrics{font-size:10px}#status{font-size:12px;min-height:65px}.actions button{font-size:10px}.keys{font-size:9px}nav{grid-template-columns:repeat(6,1fr);margin-bottom:25px}aside{padding-top:0}}