:root{font-family:Arial,sans-serif;color:#34494c;background:#f3f0e5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#dce6dd,transparent 55%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #aebeb7;background:#f8f5e9;border-radius:6px;padding:10px}button:hover{background:#e4eade}button:focus-visible,a:focus-visible{outline:3px solid #b96b3e;outline-offset:3px}button:disabled{opacity:.4;cursor:default}header{margin:0 24px;padding:25px 3%;border-bottom:1px solid #c5d0c5;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:34px}.hero-stamps{display:flex;width:230px;align-items:center}.hero-stamps img{width:130px;border:6px dotted #cfcbb4;padding:5px;background:#fff9e9;transform:rotate(-7deg);box-shadow:0 12px 25px #394e4720}.hero-stamps img+img{transform:rotate(9deg);margin-left:-25px;margin-top:45px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:3px;color:#527b74}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:#517773;color:white}nav .solved:after{content:' ·';font-weight:bold}summary{cursor:pointer;font-weight:bold}aside p{font-size:13px}.example{display:flex;justify-content:center;flex-wrap:wrap;margin:20px 0;gap:4px}.example span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #b9c5b5;color:#758477}.example .on{background:#6b8b7d;color:white;border:3px dotted #e5ddbe}.example b{width:100%;text-align:center;font:17px Georgia;margin-top:7px}.play{background:#fffcef;border:1px solid #aabfb3;border-radius:20px;padding:24px;box-shadow:0 15px 45px #3a63500d}.titlebar{display:flex;justify-content:space-between;align-items:center}.titlebar>span{font-size:12px;color:#758578}.legend{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#728375;margin:0 0 13px}#board{display:grid;gap:5px;max-width:550px;margin:auto;align-items:center}.weight{font-size:12px;border-radius:50%;background:#e2e9dd;width:23px;height:23px;display:grid;place-items:center;margin:auto;color:#567166;font-weight:bold}.weight.active{background:#e3b76f;color:#3d4435}.sum{font-size:12px;text-align:center;min-height:30px;padding:7px 2px;background:#eee9d8;border:1px solid #d2ceb8;border-radius:5px;white-space:nowrap}.sum.good{background:#d9e9d1;color:#325c38;border-color:#a3bb98}.sum.broken{background:#f2d9cc;color:#9c482b;border-color:#c89379}.sum.active{outline:2px solid #c9954c;outline-offset:1px}.cell{padding:0;aspect-ratio:1;position:relative;background:#e8ecdf;border:1px solid #c2cebd;border-radius:4px;overflow:hidden;min-width:0}.cell.filled{background:#f6e7cc;border:3px dotted #b8af95}.cell img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.cell .cross{font:26px Georgia;color:#98a18e}.cell.flagged{outline:3px solid #c16942;outline-offset:-4px}.cell:focus-visible{outline:3px solid #c18c43;outline-offset:0;z-index:1}#contribution{font-size:12px;background:#f0ebd9;border-left:3px solid #c9a66d;padding:9px 12px;min-height:39px;margin:15px 0 10px}#metrics{font-size:11px;color:#6b7d6d}#status{min-height:65px;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:#7c8c7c;font-size:10px;margin:20px 0 0;line-height:1.7}#win{text-align:center;margin-top:20px;background:#dfebd5;border:1px solid #a9bfa0;border-radius:12px;padding:20px}#win button{background:#517773;color:white}#win p{font-size:12px}footer{border-top:1px solid #c5d0c5;padding:25px 0;margin-top:34px;font-size:12px}footer p{max-width:700px}a{color:#517773}[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-stamps{width:120px}.hero-stamps img{width:75px;border-width:4px;padding:2px}.hero-stamps img+img{margin-left:-20px;margin-top:35px}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:3px}.weight{width:18px;height:18px;font-size:10px}.sum{font-size:9px;padding:6px 1px;min-height:25px}.cell.filled{border-width:2px}#contribution{font-size:10px;line-height:1.6;min-height:44px;padding:7px 9px}#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}}