*{box-sizing:border-box}body{margin:0;background:#f4efe3;color:#293e3a;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55}main{max-width:1140px;margin:auto;padding:28px 42px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b9bbae;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;border:1px solid #293e3a;border-radius:50%;font-size:25px;font-family:Georgia,serif}.intro{display:flex;align-items:center;justify-content:space-between;padding:42px 0 38px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;margin:0 0 8px;color:#6a7366}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;margin:0}h1{font-size:clamp(40px,5vw,64px);letter-spacing:-2px}h1 em{color:#b65e40;font-weight:400}.intro p:not(.eyebrow){margin-bottom:0;color:#6a7366}.hero-mark{font:60px Georgia,serif;padding:30px 55px;text-align:center;border:1px solid #c5c5b3;border-radius:48% 48% 45% 45%;transform:rotate(-7deg)}.hero-mark b{color:#b65e40;font-weight:normal}.hero-mark span{display:block;font:9px Arial,sans-serif;letter-spacing:3px;margin-top:12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:42px;border-top:1px solid #b9bbae;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}select,button{font:inherit;color:inherit}select{background:transparent;border:1px solid #bec2b3;padding:9px 8px;max-width:195px;border-radius:5px;font-size:12px}button{cursor:pointer;border:1px solid #c5c7b9;border-radius:5px;background:#faf7ef;transition:background .1s}button:hover{background:#e2e8dc}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #a84c2c;outline-offset:3px}button:disabled{cursor:default;opacity:.5}.paper{background:#fbf9f1;border:1px solid #c7c9bb;padding:25px;box-shadow:0 10px 28px #293e3a08;border-radius:3px}#board{display:grid;align-items:center;justify-items:stretch;gap:0;margin:auto;max-width:540px}.cell{aspect-ratio:1;min-width:0;border-radius:4px;border:1px solid #ced1c3;font-size:clamp(20px,3vw,32px);font-family:Georgia,serif;position:relative;color:#256a60;padding:0;line-height:1;background:#f4f2e9}.cell.given{font-weight:bold;background:#e3e6dc;color:#293e3a}.cell.selected{box-shadow:inset 0 0 0 3px #36786c;background:#e4eee2}.cell.peer:not(.selected){background:#eef0e5}.cell.bad{background:#f7dfd3;color:#a73924}.cell .pencils{display:grid;grid-template-columns:repeat(3,1fr);font:11px Arial,sans-serif;gap:2px;padding:5px;line-height:1}.cell .pencils span{min-height:11px}.ineq{display:grid;place-items:center;color:#666f60;font:24px Georgia,serif;line-height:1;user-select:none;min-width:0}.ineq.vertical{font-size:22px}.ineq.bad{color:#ad371f;font-weight:bold}.stats{display:flex;justify-content:space-between;border-bottom:1px solid #c9cbbd;padding:16px 0 12px;font-size:12px;letter-spacing:.4px}#status{min-height:46px;color:#687364;font-size:13px;margin:12px 0}#win{padding:25px;background:#dde6d7;border:1px solid #afbdab;border-radius:5px}#win[hidden]{display:none}#win button{padding:10px 18px;background:#293e3a;color:#fff;border:0}aside{padding-top:2px}aside h2{font-size:31px}aside p{color:#687364;font-size:13px}.example{border-block:1px solid #c8cbba;display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 0;margin:18px 0 24px;font:30px Georgia,serif}.example b{font-weight:normal;color:#b65e40}.example small{font:10px Arial,sans-serif;max-width:65px;color:#6a7366}#keypad{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}#keypad button{width:40px;height:44px;font:24px Georgia,serif}.tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tools button{padding:10px 5px;font-size:12px}.tools button[aria-pressed=true]{background:#293e3a;color:white}#reset{grid-column:1/-1;background:transparent}kbd{font:9px Arial,sans-serif;opacity:.6;margin-left:5px}details{border-top:1px solid #c5c9b7;padding:16px 0 0;margin:20px 0}summary{cursor:pointer;font-size:12px;font-weight:bold}details p{font-size:12px}a{color:#375c50}footer{margin-top:32px;border-top:1px solid #b9bbae;padding-top:17px;display:flex;justify-content:space-between;gap:12px;color:#72796b;font-size:10px;letter-spacing:.5px}@media(max-width:760px){main{padding:20px}.hero-mark{display:none}.intro{padding:32px 0}.workspace{grid-template-columns:1fr;gap:26px}.paper{padding:18px}.cell{font-size:28px}aside{border-top:1px solid #b9bbae;padding-top:22px}#keypad button{flex:1;max-width:56px}.tools button{padding:12px}header>span{display:none}h1{font-size:46px}footer{flex-direction:column}.ineq{font-size:21px}.ineq.vertical{font-size:19px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}