*{box-sizing:border-box}body{margin:0;background:#f6f3eb;color:#304139;font:15px/1.6 system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:28px 38px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dbdfd3;padding-bottom:18px;font-size:12px;color:#687b6c}.brand{font-weight:800;text-decoration:none;color:#294b42;font-size:21px;letter-spacing:2px}.brand span{font-size:9px;letter-spacing:1.7px;font-weight:550;margin-left:15px}#saved{background:#e6ebe0;padding:6px 13px;border-radius:20px}.intro{padding:30px 0 25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:#7e8978;margin:0 0 9px}h1{font:54px/1.1 Georgia,serif;margin:0;color:#294b42}h1 em{color:#bd8c52;font-weight:400}.intro>p:last-child{color:#7c8878;margin:13px 0 0}.layout{display:grid;grid-template-columns:minmax(0,620px) 278px;gap:50px;align-items:start}.game{background:#fffef9;border:1px solid #dce0d2;border-radius:16px;box-shadow:0 12px 40px #233a4910;overflow:hidden}.toolbar{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid #e7e8de}.toolbar label{font-size:10px;letter-spacing:1.5px;color:#738174;font-weight:750}.toolbar select{max-width:65%;border:0;background:#eef1e6;border-radius:7px;padding:7px;color:#385044;font:inherit;font-size:13px}.toolbar>span{margin-left:auto;color:#87917f;font-size:12px}.board-wrap{width:min(100%,468px);margin:22px auto 0;padding:0 18px}#board{display:grid;grid-template-columns:repeat(var(--n),1fr);border:2px solid #435d50;background:#435d50;width:100%;isolation:isolate}button{font:inherit;cursor:pointer;touch-action:manipulation}#board button{position:relative;aspect-ratio:1;border:0;border-right:1px solid #bbc4b5;border-bottom:1px solid #bbc4b5;padding:0;background:#fcfbf4;color:#294b42;line-height:1}#board button.tint{background:#f0f1e7}#board button.edge-r{border-right:2px solid #435d50}#board button.edge-b{border-bottom:2px solid #435d50}#board button.last-r{border-right:0}#board button.last-b{border-bottom:0}#board button.selected{background:#d8e5d5;box-shadow:inset 0 0 0 3px #759777;z-index:1}#board button:focus-visible{outline:3px solid #c28a4a;outline-offset:-3px;z-index:2}#board button.bad{background:#f8e2d8;color:#aa4d3f}#board button.good .clue{color:#4d8b59}.clue{position:absolute;top:6px;left:6px;font:700 clamp(10px,1.5vw,13px) system-ui;color:#5c6d58}.value{display:block;font:clamp(22px,3.3vw,33px) Georgia,serif;padding-top:12px}.pencils{position:absolute;inset:22px 3px 3px;display:grid;grid-template-columns:repeat(3,1fr);align-content:center;gap:3px;font:11px system-ui;color:#7c8872}.pencils span{min-height:14px}.progress{display:flex;justify-content:space-between;max-width:432px;margin:12px auto;font-size:11px;color:#7b8976;padding:0 4px}#message{margin:0 20px;padding:10px 13px;min-height:44px;font-size:12px;background:#eef1e7;border-radius:8px;color:#566d55}#message.error{background:#fae8df;color:#a34a36}#message.win{background:#d8ecdc;color:#256545;font-weight:700}#pad{display:flex;justify-content:center;gap:9px;margin:15px 20px 12px}#pad button{width:46px;height:45px;border:1px solid #cdd7c4;border-radius:8px;background:#f9faf2;font:23px Georgia,serif;color:#31513f}#pad button:hover,.actions button:hover{background:#e4ebdc}.actions{display:flex;justify-content:center;gap:8px;padding:0 18px 16px}.actions button,.bottom button{border:1px solid #d6ddcc;background:#fffef9;border-radius:7px;padding:7px 12px;font-size:12px;color:#51674e}.actions button[aria-pressed=true]{background:#294b42;color:white}.actions button:disabled{opacity:.4;cursor:default}.bottom{display:flex;justify-content:space-between;padding:13px 20px;background:#f4f5ed;border-top:1px solid #e0e5d8}.bottom #next{background:#294b42;color:#fff;border-color:#294b42}aside{padding-top:8px}ol{list-style:none;padding:0;margin:0;counter-reset:rules}li{position:relative;padding:6px 0 9px 34px;counter-increment:rules}li:before{content:'0' counter(rules);position:absolute;left:0;top:6px;font:15px Georgia,serif;color:#bc9455}li b{font:20px Georgia,serif;color:#294b42}li p{font-size:13px;color:#7b8876;line-height:1.6;margin:7px 0}.example{border:1px solid #ccd6c2;background:#eaf0e1;border-radius:9px;padding:17px 12px;display:flex;gap:14px;justify-content:center;align-items:center;position:relative;margin:5px 0 22px}.example>span{position:absolute;top:4px;left:7px;font-size:10px;color:#66765a}.example b{font:27px Georgia,serif}.example i{font-size:12px;color:#718266;font-style:normal}.how{border-top:1px solid #d8ded0;padding-top:17px;font-size:12px;color:#7b8976}.how>b{color:#3e5b4c}.how small{font-size:11px;display:block}kbd{font:10px system-ui;background:#e5e8de;padding:2px 3px;border-radius:3px}footer{border-top:1px solid #dce0d4;margin-top:30px;padding-top:17px;font-size:10px;color:#859087}footer a{color:#687c6b}@media(max-width:800px){main{padding:19px}.layout{gap:27px;grid-template-columns:1fr}aside{max-width:600px}h1{font-size:43px}.intro{padding:26px 0}.brand span{font-size:8px;margin-left:6px}.toolbar{padding:13px;gap:8px}.toolbar label{font-size:8px}.toolbar select{font-size:11px}.board-wrap{padding:0 14px}.clue{top:4px;left:4px;font-size:10px}.value{font-size:27px;padding-top:12px}.pencils{font-size:9px;inset:17px 2px 2px;gap:0}.pencils span{min-height:11px}.actions{padding:0 12px 14px;gap:7px}.actions button{padding:7px 10px;font-size:11px}#message{margin:0 12px}.progress{padding:0 15px}.bottom{padding:12px}#pad{gap:8px;margin-left:12px;margin-right:12px}#pad button{width:40px;height:42px}}