:root{color-scheme:light;--cream:#f6f2e8;--paper:#fffdf8;--ink:#292d28;--muted:#8a8b7e;--line:#e8e3d8;--green:#546d52;--green-dark:#3e5a40;--mint:#e9f0e3;--red:#c45d50;--red-bg:#fbe9e4;--shadow:0 8px 28px #55462b0a}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;min-height:100vh}.app-shell{max-width:1110px;margin:0 auto;padding:0 40px}.topbar{height:75px;border-bottom:1px solid #dfdacd;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:18px;font-weight:800;letter-spacing:-.8px;text-decoration:none}.brand-light{color:#8b8f79;font-weight:500}.brand-mark{width:22px;height:22px;display:grid;grid-template-columns:1fr 1fr;gap:2px;transform:rotate(-7deg)}.brand-mark i{display:block;border-radius:3px;background:#718469}.brand-mark i:nth-child(2){background:#d69f66}.brand-mark i:nth-child(3){background:#e2c78d}.brand-mark i:nth-child(4){background:#9ab59a}.topbar-note{font-size:12px;color:#858579;letter-spacing:.1px;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;background:#8ca484;border-radius:50%}.icon-button{border:1px solid #dcd7ca;background:transparent;color:#727567;width:29px;height:29px;border-radius:50%;font-weight:700;cursor:pointer}.icon-button:hover{background:#ebe6da}.intro{display:flex;justify-content:space-between;align-items:center;padding:36px 0 28px}.eyebrow{font-size:9px;font-weight:700;color:#929381;letter-spacing:1.5px;margin:0 0 9px}h1{font-size:36px;line-height:1.05;letter-spacing:-1.9px;margin:0;font-weight:700}h1 em{font-family:Georgia,serif;color:#71876a;font-weight:400}.intro-copy{font-size:13px;color:#858579;margin:9px 0 0}.timer-card{width:139px;height:64px;background:#fffdf8;border:1px solid #eee9de;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:var(--shadow)}.timer-label{font-size:8px;letter-spacing:1px;color:#969587;font-weight:700}.timer-icon{font-size:12px;color:#72876b;vertical-align:-1px}.timer-value{font-family:"DM Mono",monospace;font-size:21px;font-weight:500;color:#3f5440;letter-spacing:1px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:21px;align-items:start}.board-column{min-width:0}.board-toolbar{height:40px;display:flex;justify-content:space-between;align-items:flex-start}.puzzle-tags{display:flex;gap:6px}.tag{font-size:10px;line-height:21px;padding:0 9px;border-radius:6px;font-weight:700}.tag-size{background:#eae8dc;color:#727363}.tag-difficulty{background:#e8efe3;color:#64805d}.text-button{border:0;background:transparent;color:#61765c;font:600 11px "DM Sans",sans-serif;cursor:pointer;padding:3px 0}.text-button:hover{color:#344b35}.text-button span{font-size:17px;vertical-align:-1px;margin-right:4px}.board-frame{width:100%;overflow:auto;border:1px solid #e2dccf;border-radius:12px;background:#fffdf8;padding:9px;box-shadow:var(--shadow);scrollbar-color:#c8c3b4 #f4f0e7;scrollbar-width:thin}.board{--box:3;display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));grid-template-rows:repeat(var(--size),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);width:100%;aspect-ratio:1/1;min-width:min(100%,520px);overflow:hidden;border-radius:7px;background:#d4d2c4;border:1px solid #d4d2c4;gap:1px;user-select:none}.cell{position:relative;min-width:0;min-height:0;border:0;padding:0;background:#fffefa;font-family:"DM Mono",monospace;font-size:clamp(9px,1.35vw,16px);font-weight:500;cursor:pointer;color:#536d85;display:flex;align-items:center;justify-content:center;transition:background .12s}.cell:nth-child(odd){background:#fffdf8}.cell.given{font-weight:500}.cell.selected{background:#e5efdf!important;box-shadow:inset 0 0 0 2px #728c68;z-index:1}.cell.related{background:#f2f3ea}.cell.same-value{background:#e8eddf}.cell.mistake{background:#f9e4df!important;color:var(--red)!important}.cell.given.mistake{color:#af5147!important}.cell.box-right{border-right:2px solid #aaa99b}.cell.box-bottom{border-bottom:2px solid #aaa99b}.cell:focus-visible{z-index:2;outline:2px solid #617d58;outline-offset:-2px}.cell-symbol-1{color:#397f85}.cell-symbol-2{color:#bd7545}.cell-symbol-3{color:#7770a1}.cell-symbol-4{color:#71864a}.cell-symbol-5{color:#bd6680}.cell-symbol-6{color:#5d7ea1}.cell-symbol-7{color:#a77a3c}.cell-symbol-8{color:#647c66}.cell-symbol-9{color:#9b6c9a}.cell.notes{font-family:"DM Sans",sans-serif}.cell-notes{position:absolute;inset:2px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);align-items:center;justify-items:center;font-size:clamp(5px,.59vw,8px);line-height:1;color:#85877a}.cell-notes span{min-width:0}.board[data-size="16"]{min-width:540px}.board[data-size="25"]{min-width:640px}.board[data-size="16"] .cell,.board[data-size="25"] .cell{font-size:clamp(8px,1vw,13px)}.board[data-size="16"] .cell-notes,.board[data-size="25"] .cell-notes{inset:1px;font-size:clamp(4px,.48vw,6px)}.message{min-height:22px;padding:6px 3px 0;font-size:11px;color:#72846a}.message.success{font-weight:700;color:#4e754e}.board-footer{display:flex;gap:16px;align-items:center;padding:4px 3px 0;color:#858579;font-size:9px}.board-footer>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.legend-dot{width:7px;height:7px;border-radius:50%}.clue-dot{background:#8a8e78}.entered-dot{background:#66829b}.legend-note{margin-left:auto!important;color:#a09f91}.side-panel{display:grid;gap:13px}.control-card{background:#fffdf8;border:1px solid #eee9de;border-radius:12px;padding:16px;box-shadow:var(--shadow)}.card-heading{display:flex;gap:10px;align-items:center;margin-bottom:17px}.step-mark{width:25px;height:25px;border-radius:8px;background:#f1eee2;display:grid;place-items:center;font-family:"DM Mono",monospace;font-size:9px;color:#888775}.step-mark-green{background:#eaf0e4;color:#64805c}.card-heading h2{font-size:13px;margin:0 0 2px;letter-spacing:-.2px}.card-heading p{font-size:10px;color:#929184;margin:0}.field-label{font-size:8px;font-weight:700;color:#8d8e7f;letter-spacing:1px}.field-label span{color:#c2ad80}.select-control{display:block;width:100%;margin-top:7px;border:1px solid #e6e1d6;border-radius:7px;padding:10px 9px;background:#fffefa;color:#52554d;font:500 10px "DM Sans",sans-serif;outline:none}.select-control:focus{border-color:#83967b}.difficulty-heading{display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px}.difficulty-hint{font-size:9px;color:#aaa99e}.difficulty-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.difficulty-option{border:1px solid #e9e5d9;border-radius:7px;padding:8px 3px 7px;background:#fffefa;color:#858579;display:flex;flex-direction:column;gap:4px;align-items:center;font:500 9px "DM Sans",sans-serif;cursor:pointer}.difficulty-option:hover{border-color:#b8c4ad}.difficulty-option.selected{border-color:#9bad8f;background:#eff3e9;color:#566f50;box-shadow:0 0 0 1px #9bad8f inset}.difficulty-emoji{font-size:14px;line-height:1}.separator{height:1px;background:#efebe1;margin:15px 0 12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;position:relative}.toggle-copy{display:flex;flex-direction:column;gap:3px}.toggle-copy strong{font-size:10px;font-weight:600;color:#50544b}.toggle-copy small{font-size:9px;color:#99988b}.toggle-row input{position:absolute;opacity:0;width:1px;height:1px}.switch{width:29px;height:17px;padding:2px;border-radius:20px;background:#d7d5cb;transition:background .18s;flex:none}.switch:after{content:"";display:block;width:13px;height:13px;border-radius:50%;background:white;box-shadow:0 1px 2px #0002;transition:transform .18s}.toggle-row input:checked+.switch{background:#71886a}.toggle-row input:checked+.switch:after{transform:translateX(12px)}.toggle-row input:focus-visible+.switch{outline:2px solid #66805e;outline-offset:2px}.play-card .card-heading{margin-bottom:13px}.notes-toggle-row{background:#f8f6ef;border-radius:8px;padding:9px;margin:0 0 12px}.notes-toggle-row .toggle-copy strong{color:#61775a}.number-pad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.pad-key{height:31px;border:1px solid #e9e5d9;border-radius:6px;background:#fffefa;color:#516981;font:500 12px "DM Mono",monospace;cursor:pointer;transition:background .12s,border-color .12s,transform .12s}.pad-key:hover{background:#edf2e9;border-color:#b7c3ad;transform:translateY(-1px)}.pad-key:active{transform:translateY(0)}.pad-key.key-1{color:#397f85}.pad-key.key-2{color:#bd7545}.pad-key.key-3{color:#7770a1}.pad-key.key-4{color:#71864a}.pad-key.key-5{color:#bd6680}.pad-key.key-6{color:#5d7ea1}.pad-key.key-7{color:#a77a3c}.pad-key.key-8{color:#647c66}.pad-key.key-9{color:#9b6c9a}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.utility-button{height:31px;background:#f7f5ee;border:1px solid #ece8dd;border-radius:7px;color:#707366;font:500 10px "DM Sans",sans-serif;cursor:pointer}.utility-button:hover:not(:disabled){background:#ecefe5;color:#536d4d}.utility-button:disabled{opacity:.45;cursor:default}.utility-button span{font-size:13px;margin-right:4px}.shortcut-hint{font-size:8px;color:#a2a194;text-align:center;margin:12px 0 0;white-space:nowrap}.shortcut-hint kbd{font:8px "DM Mono",monospace;background:#f1efe8;border-radius:3px;padding:2px 3px;margin:0 1px;color:#77796d}.page-footer{min-width:0;gap:16px;border-top:1px solid #dfdacd;margin-top:27px;padding:12px 0 17px;display:flex;justify-content:space-between;color:#a09f91;font-size:8px;letter-spacing:1px}.page-footer>span{min-width:0;white-space:nowrap}.page-footer span+span{letter-spacing:0;font-size:9px;text-align:right}.page-footer span+span span{color:#9eaa83}.help-dialog{border:1px solid #e5e0d5;border-radius:14px;padding:27px;max-width:410px;width:calc(100% - 32px);color:var(--ink);background:#fffdf8;box-shadow:0 20px 80px #28231530}.help-dialog::backdrop{background:#383a3080;backdrop-filter:blur(2px)}.help-dialog h2{margin:0 0 12px;font-size:23px;letter-spacing:-.8px}.help-dialog p:not(.eyebrow){font-size:12px;line-height:1.6;color:#727469}.dialog-close{position:absolute;right:15px;top:13px;border:0;background:transparent;color:#777;font-size:24px;cursor:pointer}.primary-button{border:0;background:#566e50;color:white;border-radius:8px;padding:10px 17px;font:600 11px "DM Sans",sans-serif;cursor:pointer;margin-top:5px}.primary-button:hover{background:#435a40}@media(min-width:1120px){.app-shell{max-width:1010px}.game-layout{grid-template-columns:minmax(0,620px) 275px;justify-content:space-between}.board{max-height:620px}}@media(max-width:760px){.app-shell{padding:0 22px}.game-layout{grid-template-columns:1fr;gap:14px}.side-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.board{min-width:min(100%,620px)}.board[data-size="16"]{min-width:580px}.board[data-size="25"]{min-width:660px}.board-frame{padding:7px}.cell{font-size:clamp(10px,2.4vw,15px)}.board[data-size="16"] .cell,.board[data-size="25"] .cell{font-size:clamp(9px,1.8vw,13px)}.cell-notes{font-size:clamp(6px,1vw,8px)}.board[data-size="16"] .cell-notes,.board[data-size="25"] .cell-notes{font-size:clamp(5px,.8vw,7px)}}@media(max-width:560px){.app-shell{padding:0 15px}.topbar{height:61px}.topbar-note{font-size:10px}.intro{padding:26px 0 20px}h1{font-size:31px}.timer-card{width:112px;height:57px}.game-layout{gap:11px}.side-panel{grid-template-columns:1fr}.setup-card{padding-bottom:14px}.play-card{padding-top:14px}.board{min-width:520px}.board[data-size="16"]{min-width:590px}.board[data-size="25"]{min-width:690px}.board-footer{gap:11px;font-size:8px}.legend-note{display:none!important}.page-footer{margin-top:19px;font-size:7px}.page-footer span+span{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}