*{box-sizing:border-box}body{margin:0;background:#f1eee4;color:#193b31;font:16px/1.6 system-ui,sans-serif}main{max-width:1100px;margin:auto;padding:40px 28px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:750;color:#6c7869}h1{font:clamp(38px,6vw,68px)/1.1 Georgia,serif;margin:14px 0}h1 span{font:italic 20px Georgia,serif;color:#8b6d38;margin-left:20px}header p{color:#627266;margin:18px 0 30px}.workspace{display:grid;grid-template-columns:250px 1fr;gap:48px;padding:30px;background:#fbfaf5;border:1px solid #d7dbcc;border-radius:22px;box-shadow:0 18px 60px #1b3b3008}label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;display:block}select,button{font:inherit;color:inherit;background:#f2f2e9;border:1px solid #cbd3c2;border-radius:9px;padding:9px 12px}select{width:100%;margin:8px 0}button{cursor:pointer}button:hover{background:#dce9dc}button:focus-visible,select:focus-visible{outline:3px solid #ca9c4e;outline-offset:2px}button:disabled{opacity:.45;cursor:default}h2{font:25px Georgia,serif;margin-bottom:8px}aside p{font-size:13px;color:#657164}kbd{background:#e9ecdf;padding:1px 4px;border-radius:3px;font-size:11px}.tools{display:flex;gap:8px;flex-wrap:wrap}.tools button{font-size:13px}.quiet,footer{font-size:11px;color:#7c8476}footer{text-align:center;padding:26px}.boardtop{display:flex;justify-content:space-between;font-size:12px;margin:0 0 20px;gap:10px}#board{position:relative;aspect-ratio:1;max-width:480px;margin:16px 14px 24px;background:#f0f1e7;isolation:isolate}.square{position:absolute;border:1px solid #d1d9c7;border-radius:0;padding:0;background:transparent;overflow:visible}.square:hover{background:#e0e9d5}.square.selected{background:#e7ecd7;box-shadow:inset 0 0 0 2px #ae9354}.line{position:absolute;left:0;top:50%;width:141.43%;height:4px;background:#285f4b;transform-origin:0 50%;border-radius:3px;pointer-events:none}.slash .line{top:100%;transform:rotate(-45deg)}.back .line{top:0;transform:rotate(45deg)}.clue{position:absolute;z-index:3;transform:translate(-50%,-50%);border:1px solid #c3cbb8;border-radius:50%;width:25px;height:25px;line-height:23px;text-align:center;font-size:13px;font-weight:700;background:#fbfaf5;pointer-events:none}.clue.matched{background:#27634c;color:#fff;border-color:#27634c}.clue.bad{background:#a94737;color:#fff;border-color:#a94737}#status{min-height:52px;font-size:14px;color:#5c6f60}#status.win{color:#1a6c47;font-weight:700}#next{background:#234f3d;color:#fff}#progress{font-size:12px;color:#88713b}@media(max-width:720px){main{padding:25px 14px}.workspace{grid-template-columns:1fr;gap:20px;padding:20px 12px}.play{grid-row:1}aside{padding:0 8px}header p{font-size:14px}h1 span{display:block;margin:8px 0 0}#board{margin:16px 12px 22px}.clue{width:23px;height:23px;line-height:21px;font-size:12px}.boardtop{font-size:11px}}