*{box-sizing:border-box}body{margin:0;background:#102d29;color:#f2ead9;font:15px/1.65 system-ui,-apple-system,sans-serif;background-image:radial-gradient(ellipse at 90% 0,#244b3b 0,transparent 65%)}main{max-width:1150px;margin:auto;padding:42px 30px 20px}header{display:flex;gap:24px;align-items:center;margin-bottom:32px}.brandmark{width:64px;height:64px;display:grid;place-items:center;border:1px solid #8ca58a77;border-radius:50%;font:20px Georgia,serif;letter-spacing:-2px;color:#d8b177}.eyebrow,.label{font-size:10px;font-weight:750;letter-spacing:.17em;color:#a4b8a6}.eyebrow{margin:0 0 4px}h1{font:clamp(34px,4.7vw,55px)/1.2 Georgia,serif;margin:0;color:#faf1db}.tagline{color:#b4c5b4;margin:5px 0 0;font-size:13px}.edition{margin-left:auto;text-align:right;font:16px Georgia,serif;color:#d8b177}.edition span{font:11px system-ui;color:#a4b8a6}.workspace{display:grid;grid-template-columns:270px 1fr;overflow:hidden;background:#f6f2e8;color:#253b30;border:1px solid #d9dfc9;border-radius:18px;box-shadow:0 22px 80px #0003}aside{background:#eaeedf;padding:28px;border-right:1px solid #d3dbc6}aside .label{color:#68806b;font-size:9px}label{display:block;font:24px Georgia,serif;margin:14px 0 12px}select,button{font:inherit;color:inherit;border:1px solid #b9c9b5;border-radius:7px;background:#f5f5eb;padding:9px 10px}select{width:100%;font-size:13px}button{cursor:pointer}button:hover{background:#dae7d2}button:focus-visible,select:focus-visible{outline:3px solid #d29b52;outline-offset:3px}button:disabled{opacity:.4;cursor:default}#progress{font-size:11px;color:#70806a;margin-top:10px}.rulecard{border-top:1px solid #cad5bd;margin-top:22px;padding-top:8px}h2{font:25px/1.25 Georgia,serif;margin:10px 0 16px}.rulecard h2{font-size:22px}.rulecard p{font-size:12px;color:#566a54;margin:12px 0}.legend{display:flex;justify-content:space-between;margin:18px 0;font-size:10px}.sample{display:flex;gap:5px;align-items:center}.sample i{display:inline-block;width:18px;height:22px;position:relative}.pine:before{content:'';position:absolute;inset:10% 12% 20%;background:#396b4b;clip-path:polygon(50% 0,85% 42%,72% 42%,100% 76%,62% 76%,62% 100%,38% 100%,38% 76%,0 76%,28% 42%,15% 42%)}.pine:after{content:'';position:absolute;width:7%;height:27%;background:#876a42;left:46.5%;bottom:10%}.tent:before{content:'';position:absolute;inset:20% 8% 15%;background:#dba360;clip-path:polygon(50% 0,100% 100%,0 100%)}.tent:after{content:'';position:absolute;inset:48% 37% 15%;background:#76513b;clip-path:polygon(50% 0,100% 100%,0 100%)}.grass:before{content:'·';position:absolute;inset:0;text-align:center;font-size:26px;line-height:1;color:#8b9d79}.controls{font-size:10px;color:#687b62;line-height:2}kbd{font:10px ui-monospace,monospace;background:#dae3cd;padding:1px 3px;border-radius:3px}.tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.tools button{font-size:11px;padding:7px 9px}.save-note{font-size:10px;line-height:1.6;color:#78876f}.play{padding:28px 32px}.boardhead{display:flex;justify-content:space-between;align-items:center;gap:10px}.boardhead .label{color:#8a987e}.boardhead h2{margin:3px 0 12px;font-size:27px}#count{font-size:11px;border:1px solid #d3dcc4;padding:4px 8px;border-radius:20px;white-space:nowrap}#board{display:grid;width:100%;max-width:520px;margin:15px auto 20px;gap:3px}.cell{aspect-ratio:1;position:relative;padding:0;min-width:0;min-height:0;border:1px solid #cbd8bc;border-radius:5px;background:#e7ecd9;touch-action:manipulation}.cell:hover{background:#d4e2c7}.cell.tree{background:#dbe5cf;cursor:default}.cell.selected{box-shadow:inset 0 0 0 2px #a77f42}.cell.bad{background:#f0d2bc;border-color:#bc785c}.cell i{position:absolute;inset:0;pointer-events:none}.clue{display:grid;place-items:center;font-size:13px;font-weight:650;color:#7a866f;border-radius:5px}.clue.match{color:#2b6e45;background:#deead7}.clue.bad{color:#9c4c2e;background:#efdbcb}.clue.corner{font-size:9px;letter-spacing:.05em}.message{display:flex;gap:10px;align-items:flex-start;min-height:56px;margin-top:14px}.statusdot{width:6px;height:6px;flex-shrink:0;background:#b99761;border-radius:50%;margin-top:9px}#status{font-size:12px;color:#66765e}#status.win{color:#286745;font-weight:700}#next{background:#28503c;border-color:#28503c;color:#fff;font-size:12px;margin:3px 0 12px}.boardnote{font-size:10px;color:#8b957f;text-align:center;line-height:1.7;margin-top:14px}footer{display:flex;justify-content:space-between;gap:10px;margin-top:24px;font-size:9px;letter-spacing:.05em;color:#9fb3a2}footer a{color:inherit;text-underline-offset:3px}@media(max-width:760px){main{padding:25px 14px}header{gap:13px;margin-bottom:22px}.brandmark{width:44px;height:44px;flex-shrink:0;font-size:16px}.eyebrow{font-size:8px}.edition{display:none}.workspace{grid-template-columns:1fr}.play{grid-row:1;padding:22px 15px 14px}aside{border-right:0;border-top:1px solid #d3dbc6;padding:22px}.boardhead h2{font-size:24px}.boardhead .label{font-size:9px}#count{font-size:10px;padding:3px 6px}#board{gap:2px;margin-top:12px}.clue{font-size:11px}.rulecard h2{font-size:24px}.rulecard p{font-size:13px}.controls{font-size:12px}.tools button{font-size:13px}footer{flex-direction:column;text-align:center;font-size:8px}.tagline{font-size:11px}}@media(prefers-reduced-motion:no-preference){.cell{transition:background .13s,box-shadow .13s}.cell .tent{animation:raise .16s ease-out}@keyframes raise{from{transform:scale(.65)}to{transform:scale(1)}}}