:root{color-scheme:dark;--theme-color:#070b12;--bg:#070b12;--panel:#0b111a;--line:#2a3948;--major:#526376;--ink:#e8f0f7;--muted:#748394;--cyan:#64e6e0;--orange:#ffb45c;--danger:#ff6b7a;--cell:#111a25;--mark:#526171;--overlay:#070b12ed}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}body{display:flex;justify-content:center}.page{width:min(940px,100%);padding:22px 16px max(22px,env(safe-area-inset-bottom));user-select:none;-webkit-user-select:none}.topbar{height:48px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:12px}.topbar h1{font-size:clamp(20px,4vw,28px);letter-spacing:.15em;margin:0}.topbar a,.topbar button{border:0;background:none;color:var(--muted);font:10px inherit;letter-spacing:.1em;text-decoration:none;padding:14px 0;cursor:pointer}.topbar button{text-align:right}.header-actions{display:flex;justify-content:flex-end;gap:14px}.header-actions button{width:auto}.progress-summary{width:100%;border:1px solid var(--line);background:transparent;color:var(--cyan);font:700 9px inherit;letter-spacing:.06em;min-height:38px;margin-bottom:8px;cursor:pointer}.progress-summary:hover,.progress-summary:focus-visible{border-color:var(--cyan);outline:none}.toolbar{display:grid;grid-template-columns:1.15fr 1.25fr repeat(3,.8fr);border:1px solid var(--line);background:var(--panel);margin-bottom:12px}.toolbar>*{min-height:54px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:8px;letter-spacing:.08em}.toolbar>*:last-child{border:0}.toolbar b{font-size:12px;color:var(--cyan)}select{max-width:120px;border:0;background:transparent;color:var(--ink);font:700 11px inherit;text-align:center;outline:none}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;align-items:start}.puzzle-frame{--size:10;--clue:112px;position:relative;display:grid;grid-template-columns:var(--clue) minmax(0,1fr);grid-template-rows:var(--clue) minmax(0,1fr);border:1px solid var(--line);background:var(--panel);padding:8px;box-shadow:0 15px 45px #0007;min-width:0}.corner{grid-column:1;grid-row:1;border-right:2px solid var(--major);border-bottom:2px solid var(--major);display:flex;align-items:flex-end;justify-content:flex-end;padding:9px;color:var(--muted);font-size:8px;line-height:1.5;text-align:right;letter-spacing:.12em}.col-clues{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(var(--size),1fr);border-bottom:2px solid var(--major)}.col-clue{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;padding:4px 0;border-right:1px solid var(--line);font-size:clamp(7px,1.45vw,11px)}.row-clues{grid-column:1;grid-row:2;display:grid;grid-template-rows:repeat(var(--size),1fr);border-right:2px solid var(--major)}.row-clue{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:0 8px;border-bottom:1px solid var(--line);font-size:clamp(7px,1.45vw,11px)}.row-clue.complete,.col-clue.complete{color:var(--cyan);opacity:.58}.board{grid-column:2;grid-row:2;aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--size),1fr);grid-template-rows:repeat(var(--size),1fr);touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;cursor:crosshair;min-width:0}.cell{position:relative;min-width:0;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--cell);padding:0;touch-action:none;-webkit-touch-callout:none;outline:none}.cell.major-right{border-right:2px solid var(--major)}.cell.major-bottom{border-bottom:2px solid var(--major)}.cell.filled{background:var(--cyan)}.cell.marked::before,.cell.marked::after{content:"";position:absolute;left:20%;right:20%;top:48%;height:1.5px;background:var(--mark);transform:rotate(45deg)}.cell.marked::after{transform:rotate(-45deg)}.cell.cursor{box-shadow:inset 0 0 0 2px var(--orange);z-index:2}.cell.error{animation:error .32s;background:var(--danger)}@keyframes error{50%{transform:scale(.72)}}aside{border:1px solid var(--line);background:var(--panel);padding:10px}.mode-switch,.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-switch button,.actions button,.result-overlay button{border:1px solid var(--line);background:transparent;color:var(--muted);font:700 10px inherit;letter-spacing:.08em;min-height:50px;cursor:pointer}.mode-switch button{display:flex;align-items:center;justify-content:center;gap:7px}.mode-switch button.active{border-color:var(--cyan);color:var(--cyan)}.mode-switch i{width:14px;height:14px;border:1px solid currentColor;font-style:normal;display:grid;place-items:center}.mode-switch .active i{background:var(--cyan)}.actions{margin-top:8px}.actions button{font-size:18px}.actions span{display:block;font-size:7px;margin-top:3px}.actions button:disabled{opacity:.3}aside p{color:var(--muted);font-size:9px;line-height:1.8;margin:14px 4px 3px}.result-overlay{position:absolute;left:calc(var(--clue) + 8px);right:8px;top:calc(var(--clue) + 8px);bottom:8px;background:var(--overlay);display:none;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:13px;z-index:5}.result-overlay.show{display:flex}.result-overlay b{font-size:clamp(18px,5vw,30px);letter-spacing:.12em}.result-overlay span{font-size:9px;color:var(--muted)}.result-overlay button{background:var(--cyan);color:#071011;border-color:var(--cyan);padding:0 20px}footer{color:var(--muted);font-size:8px;text-align:center;letter-spacing:.07em;margin-top:14px}.level-overlay{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;padding:20px;background:#02050ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.level-overlay.show{display:flex}.level-dialog{width:min(760px,100%);max-height:min(760px,88svh);overflow:auto;border:1px solid var(--line);background:var(--bg);box-shadow:0 24px 80px #000c;padding:14px}.level-dialog>header{position:sticky;top:-14px;z-index:2;display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-bottom:1px solid var(--line);padding:12px 2px;margin-bottom:12px}.level-dialog header div{display:flex;flex-direction:column;gap:5px}.level-dialog header span{color:var(--muted);font-size:9px;letter-spacing:.13em}.level-dialog header b{color:var(--cyan);font-size:12px}.level-dialog header button{border:0;background:none;color:var(--muted);font:700 9px inherit;letter-spacing:.09em;padding:12px;cursor:pointer}.level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.level-card{position:relative;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:9px;cursor:pointer;text-align:left;font:inherit;min-width:0}.level-card:hover,.level-card:focus-visible,.level-card.current{border-color:var(--orange);outline:none}.level-card.completed{border-color:color-mix(in srgb,var(--cyan) 55%,var(--line))}.pixel-preview{aspect-ratio:1;display:grid;background:var(--cell);border:1px solid var(--line);margin-bottom:9px;gap:1px;padding:3px}.pixel-preview i{display:block;background:transparent}.level-card.completed .pixel-preview i.on{background:var(--cyan)}.level-card:not(.completed) .pixel-preview i.on{background:transparent}.level-card strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.06em}.level-card small{display:block;color:var(--muted);font-size:7px;margin-top:5px;letter-spacing:.05em}.level-card .check{position:absolute;right:13px;top:13px;display:grid;place-items:center;width:19px;height:19px;background:var(--cyan);color:var(--bg);font-size:11px;font-weight:bold}.level-card:not(.completed) .check{display:none}[data-theme="light"]{--theme-color:#f4f1e9;--bg:#f4f1e9;--panel:#fffdf8;--line:#c5c0b5;--major:#77746e;--ink:#24282d;--muted:#6e747a;--cyan:#087f82;--orange:#b86816;--danger:#d64d5b;--cell:#fff;--mark:#84898d;--overlay:#fffdf0ed}@media(max-width:680px){.level-overlay{padding:8px}.level-dialog{padding:9px;max-height:94svh}.level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.level-card{padding:6px}.level-card strong{font-size:8px}.level-card small{font-size:6px}.page{padding:12px 8px max(48px,env(safe-area-inset-bottom))}.toolbar{grid-template-columns:1fr 1fr 1fr}.toolbar label{grid-row:1}.toolbar div{grid-row:2;border-top:1px solid var(--line)}.toolbar>*:nth-child(2){border-right:0}.toolbar>*:last-child{border-right:0}.game-layout{grid-template-columns:1fr}.puzzle-frame{--clue:clamp(58px,20vw,86px);padding:4px}.corner{font-size:6px;padding:5px}.col-clue{font-size:clamp(6px,2vw,9px)}.row-clue{font-size:clamp(6px,2vw,9px);gap:3px;padding:0 4px}aside{display:grid;grid-template-columns:1.2fr .8fr;gap:8px}.progress-summary{grid-column:1/-1;margin-bottom:0}.actions{margin:0}.mode-switch button,.actions button{min-height:45px}aside p{display:none}.result-overlay{left:calc(var(--clue) + 4px);right:4px;top:calc(var(--clue) + 4px);bottom:4px}}@media(max-width:380px){.topbar h1{font-size:18px}.puzzle-frame{--clue:56px}.row-clue{gap:2px}.cell.marked::before,.cell.marked::after{left:15%;right:15%}}