:root{font-family:system-ui,sans-serif;color:#244438;background:#faf7ef;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{padding:24px;max-width:740px;margin:auto}.brand{color:#28513f;text-decoration:none;font-size:20px;font-weight:850;letter-spacing:-.04em}.brand span{color:#818b79;font-size:12px;letter-spacing:.05em;font-weight:500}h1{font-family:Georgia,serif;font-size:42px;font-weight:500;margin:25px 0 5px;letter-spacing:-.04em}h1 em{font-weight:400;color:#cf772b}.intro{margin:0 0 24px;color:#748071}.controls{display:flex;gap:7px;flex-wrap:wrap;align-items:center}button,select{font:inherit;font-size:13px;background:#fffdf8;color:#31513f;border:1px solid #d4dcc9;border-radius:8px;padding:9px 11px;cursor:pointer}label{font-size:12px}button:hover{background:#eef2e5}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #6e9c6b;outline-offset:3px}button:disabled{opacity:.45;cursor:default}.rules{display:flex;flex-wrap:wrap;gap:9px 18px;font-size:12px;color:#667561;margin:22px 0}.rules b{color:#355d45}.board-wrap{max-width:445px;margin:22px auto;background:#fffdf8;border:1px solid #d9dfd0;border-radius:18px;padding:18px;box-shadow:0 8px 30px #2e49200a}#grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr) 14px) minmax(0,1fr);grid-template-rows:repeat(5,minmax(0,1fr) 14px) minmax(0,1fr)}.cell{aspect-ratio:1;min-width:0;width:100%;padding:0;border:1px solid #dce1d1;background:#f7f5ed;border-radius:8px;position:relative;font-size:clamp(19px,5vw,34px);line-height:1;display:flex;justify-content:center;align-items:center;font-family:system-ui,sans-serif}.cell.sun{color:#c97228;background:#fff1d9}.cell.moon{color:#44705a;background:#e7efe0}.cell.fixed:after{content:'';position:absolute;bottom:4px;right:5px;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.65}.cell.fixed{border-color:#b8c9ad;font-weight:650}.cell.error{outline:3px solid #c65b45;outline-offset:-3px}.cell.hinted{outline:3px solid #7f9851;outline-offset:-3px}.relation{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#687e5d;pointer-events:none;z-index:1}#status{text-align:center;color:#476344;min-height:48px;line-height:1.6}#board-info{font-size:12px;color:#7b8773;text-align:center}details{border-top:1px solid #dce2d2;padding-top:16px;font-size:14px;line-height:1.7;color:#61715a}summary{cursor:pointer;color:#365a43}.independent{font-size:12px;color:#7b8773}@media(max-width:430px){main{padding:16px}h1{font-size:36px}.board-wrap{padding:12px;border-radius:13px}#grid{grid-template-columns:repeat(5,minmax(0,1fr) 11px) minmax(0,1fr);grid-template-rows:repeat(5,minmax(0,1fr) 11px) minmax(0,1fr)}.relation{font-size:11px}.cell{border-radius:6px}.controls label{width:100%}}