*{box-sizing:border-box}body{margin:0;background:#eaece6;color:#203f48;font:15px/1.55 Arial,Helvetica,sans-serif}main{max-width:1140px;margin:auto;padding:28px 42px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b7c2bb;padding-bottom:20px;font-size:10px;letter-spacing:1.7px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:13px;text-decoration:none;color:inherit}.logo{display:grid;place-items:center;width:34px;height:34px;font-size:32px}.intro{display:flex;align-items:center;justify-content:space-between;padding:40px 0}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;margin:0 0 8px;color:#62776f}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;margin:0}h1{font-size:clamp(42px,5vw,64px);letter-spacing:-2px}h1 em{color:#477c86;font-weight:400}.intro p:not(.eyebrow){margin-bottom:0;color:#62776f}.hero{display:grid;grid-template-columns:repeat(3,48px);gap:4px;transform:rotate(8deg);margin:0 80px 0 30px;position:relative}.hero i{display:grid;place-items:center;width:48px;height:48px;font:26px Georgia,serif;background:#fafaf4;border-radius:5px}.hero i.ink{background:#203f48;color:#abc2bc;box-shadow:2px 3px 0 #152e35}.hero small{position:absolute;white-space:nowrap;top:175px;left:-10px;font:8px Arial;letter-spacing:1.5px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:42px;border-top:1px solid #b7c2bb;padding-top:28px}.board-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}h2{font-size:29px}.board-top h2{font-size:32px}button,select{font:inherit;color:inherit}select{background:transparent;border:1px solid #b7c2bb;padding:9px 8px;max-width:195px;border-radius:5px;font-size:12px}button{cursor:pointer;border:1px solid #b9c7bf;border-radius:5px;background:#f8f9f2;transition:background .1s}button:hover{background:#dce7dc}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #b46b31;outline-offset:3px}button:disabled{cursor:default;opacity:.5}.paper{background:#f9faf3;border:1px solid #becabf;padding:22px;border-radius:6px;box-shadow:0 10px 28px #203f4808}.legend{display:flex;justify-content:center;gap:24px;font-size:10px;color:#6d8075;padding:0 0 18px}#board{display:grid;gap:5px;max-width:530px;margin:auto}.cell{aspect-ratio:1;min-width:0;padding:0;position:relative;border:1px solid #c7d2c6;background:#eef1e8;border-radius:5px;font:clamp(24px,3.5vw,36px) Georgia,serif;line-height:1;color:#294750}.cell.shade{background:#203f48;color:#aec1bd;border-color:#203f48;box-shadow:inset 0 -4px 0 #112e36}.cell.keep:before{content:'';position:absolute;inset:12%;border:2px solid #629184;border-radius:50%;pointer-events:none}.cell.selected{outline:3px solid #bf8650;outline-offset:0;z-index:1}.cell.duplicate:after{content:'';position:absolute;right:8%;top:8%;width:6px;height:6px;background:#bb8037;border-radius:50%}.cell.bad{box-shadow:inset 0 0 0 3px #cb7451}.cell.isolated{background:#f1e1d3}.stats{display:flex;justify-content:space-between;border-bottom:1px solid #bdc9bf;padding:16px 0 12px;font-size:12px}#status{min-height:46px;color:#586e63;font-size:13px;margin:12px 0}#win{padding:25px;background:#d7e5d8;border:1px solid #a5c3ad;border-radius:5px}#win[hidden]{display:none}#win button{padding:10px 18px;background:#203f48;color:white;border:0}.rules{padding:0 0 0 18px;margin:12px 0 20px;font-size:13px;color:#586e63}.rules li{margin-bottom:12px}.rules b{display:block;color:#203f48}.checks{border-block:1px solid #b7c2bb;padding:12px 0;margin:18px 0 24px}.checks>div{display:flex;justify-content:space-between;padding:4px 0;font-size:12px}.checks b{font-variant-numeric:tabular-nums}.checks .good{color:#277154}.checks .warn{color:#a65b30}.modes{display:flex;gap:5px;margin:14px 0}.modes button{flex:1;padding:12px 4px;font-size:12px}.modes button[aria-pressed=true]{background:#203f48;color:white}.tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tools button{padding:10px 5px;font-size:12px}#repeat[aria-pressed=true]{background:#dde9db}kbd{font:9px Arial,sans-serif;opacity:.65;margin-left:3px}details{border-top:1px solid #b7c2bb;padding:16px 0 0;margin:20px 0}summary{cursor:pointer;font-size:12px;font-weight:bold}details p{font-size:12px;color:#586e63}a{color:#365e64}footer{margin-top:32px;border-top:1px solid #b7c2bb;padding-top:17px;display:flex;justify-content:space-between;gap:12px;color:#62776f;font-size:10px;letter-spacing:.5px}@media(max-width:760px){main{padding:20px}.hero{display:none}.intro{padding:32px 0}.workspace{grid-template-columns:1fr;gap:24px}.paper{padding:15px}#board{gap:4px}.cell{font-size:26px}.cell.keep:before{border-width:1.5px}aside{border-top:1px solid #b7c2bb;padding-top:22px}.modes button,.tools button{padding:13px 6px}header>span{display:none}h1{font-size:46px}footer{flex-direction:column}.legend{gap:16px;padding-bottom:15px}.board-top h2{font-size:29px}select{max-width:175px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}