:root{font-family:Arial,sans-serif;color:#253e35;background:#edf1e5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:inherit}button{border:1px solid #bbc6b4;border-radius:8px;background:#fafbf4;padding:11px 14px;cursor:pointer;transition:background .15s}button:hover{background:#e5eadb}button:focus-visible,select:focus-visible{outline:3px solid #bd5a24;outline-offset:3px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}main{max-width:1120px;margin:auto;padding:24px 40px}header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #c8d0bf;padding-bottom:18px;font-size:11px;letter-spacing:2px}header button{margin-left:auto;font-size:12px;letter-spacing:0}.brand{display:grid;place-items:center;width:42px;height:42px;background:#253e35;color:#f6f6e8;text-decoration:none;border-radius:50%;letter-spacing:0;font-weight:bold}.intro{display:flex;justify-content:space-between;align-items:center;padding:38px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;margin:0 0 14px;color:#5d745d}h1{font-family:Georgia,serif;font-size:64px;font-weight:normal;letter-spacing:-3px;margin:0;color:#253e35}h1 i{color:#b75f30;font-weight:normal}.intro p:not(.eyebrow){font-size:15px;line-height:1.65;margin-bottom:0;color:#5d6b5a}.emblem{display:flex;align-items:center;gap:12px;font-size:60px;padding-right:45px;transform:rotate(-10deg)}.emblem span{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:#e3b45a;color:#6a410e}.emblem span+span{background:#314c48;color:#f3f3dc;margin-left:-25px;margin-top:60px}.play{display:grid;grid-template-columns:260px 1fr;gap:48px;padding:30px;background:#f9faef;border:1px solid #c6cebb;border-radius:16px}aside label{display:block;font-family:Georgia,serif;font-size:23px;margin-bottom:12px}select{width:100%;padding:12px;border:1px solid #bdc7b4;border-radius:8px;background:#fffef7}#studycopy{font-size:12px;color:#6c795f;line-height:1.6;margin:10px 0 20px}.tools,.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tools{margin-bottom:20px}.tools button[aria-pressed=true]{background:#2d4c40;color:#fffef2;border-color:#2d4c40}.actions button{font-size:12px}.note{font-size:13px;line-height:1.6;background:#edf0df;border-radius:8px;padding:14px;margin-top:20px}.legend{font-size:11px;color:#66755d;margin-top:24px}.legend span{color:#ab6420}#apply{width:100%;background:#e4b55e}.boardwrap{max-width:540px;min-width:0;width:100%;justify-self:center}.boardtop,.boardbottom{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:0 0 13px;align-items:center}.boardbottom{padding:14px 0 0;color:#5d705b;min-height:42px}.boardtop #size{text-transform:uppercase;font-weight:bold;letter-spacing:1px}#board{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:5px;background:#dce2ce;padding:8px;border-radius:10px;aspect-ratio:1;width:100%}.cell{padding:0;min-width:0;min-height:0;border:1px solid transparent;position:relative;border-radius:6px;background:#f7f8eb;display:grid;place-items:center;font-family:Georgia,serif;font-size:clamp(18px,3vw,32px);line-height:1;touch-action:manipulation}.cell.sun{background:#efc76f;color:#754907}.cell.moon{background:#36534d;color:#fcf7d7}.cell.fixed:after{content:'•';position:absolute;font-size:12px;bottom:1px;right:5px;opacity:.6}.cell.error{box-shadow:inset 0 0 0 3px #cb3e2e}.cell.suggest{box-shadow:inset 0 0 0 3px #ac6530}.cell.cursor{outline:2px solid #99481b;outline-offset:1px;z-index:1}.cell:hover{filter:brightness(.95)}#win{background:#e3ebd1;border:1px solid #b9c8a5;border-radius:10px;padding:20px;margin-top:14px}h2{font-family:Georgia,serif;font-size:25px;font-weight:normal;margin:0 0 10px}#win p{font-size:13px;line-height:1.5}#next{background:#2d4c40;color:white}#instructions{background:#f9faef;padding:24px;border-radius:12px;margin-bottom:20px;font-size:14px;line-height:1.7}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0;color:#68765f;font-size:10px;letter-spacing:1px}details{max-width:450px;letter-spacing:0;font-size:12px;line-height:1.6}summary{cursor:pointer}a{color:inherit}#moves{white-space:nowrap}@media(max-width:760px){main{padding:16px}.intro{padding:28px 0}h1{font-size:49px}.emblem{padding:0;font-size:38px}.emblem span{width:62px;height:62px}.emblem span+span{margin-top:35px}.play{grid-template-columns:1fr;padding:18px;gap:25px}aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}aside>.eyebrow,aside>label,aside>select,aside>#studycopy,aside>.note,aside>#apply{grid-column:1/-1}aside>label{margin-bottom:0}aside>.eyebrow{margin-bottom:0}.tools{margin:0}.legend{grid-column:1/-1;margin:0}#studycopy{margin:0 0 5px}.note{margin:0}.cell{font-size:clamp(17px,6vw,29px)}#board{gap:4px;padding:6px}.cell.fixed:after{font-size:9px;right:3px;bottom:1px}.boardbottom{font-size:11px}header{gap:10px;font-size:8px;letter-spacing:1px}header button{padding:9px;font-size:10px}footer{font-size:8px;letter-spacing:0;align-items:start}#win{padding:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}