: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;--row-clue:112px;--col-clue:112px;position:relative;display:grid;grid-template-columns:var(--row-clue) minmax(0,1fr);grid-template-rows:var(--col-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)}.cell.reveal{z-index:3;animation:revealCell .46s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms) both}.cell.reveal.filled{background:var(--cyan)}@keyframes error{50%{transform:scale(.72)}}@keyframes revealCell{0%{transform:scale(.35);opacity:.25;filter:brightness(2.2)}55%{transform:scale(1.16);opacity:1;filter:brightness(1.6)}100%{transform:scale(1);opacity:1;filter:brightness(1)}}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;grid-template-columns:repeat(3,1fr)}.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}.reveal-name{position:absolute;left:calc(var(--row-clue) + 8px);right:8px;top:calc(var(--col-clue) + 8px);bottom:8px;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;background:color-mix(in srgb,var(--bg) 42%,transparent);opacity:0;transform:scale(.92)}.reveal-name.show{animation:revealName .48s ease-out both}.reveal-name span{color:var(--muted);font-size:8px;letter-spacing:.18em}.reveal-name b{color:var(--ink);font-size:clamp(25px,7vw,46px);letter-spacing:.16em;text-shadow:0 3px 20px var(--bg)}@keyframes revealName{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.result-overlay{position:absolute;left:calc(var(--row-clue) + 8px);right:8px;top:calc(var(--col-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))}.level-card.in-progress{border-color:color-mix(in srgb,var(--orange) 60%,var(--line))}.level-card.in-progress small{color:var(--orange)}.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(prefers-reduced-motion:reduce){.cell.reveal,.reveal-name.show{animation-duration:.01ms!important;animation-delay:0ms!important}}@media(max-width:680px){.topbar{height:42px;margin-bottom:7px}.topbar h1{font-size:19px}.topbar a,.topbar button{padding:11px 0}.page{padding:8px 7px max(44px,env(safe-area-inset-bottom))}.toolbar{margin-bottom:7px}.toolbar>*{min-height:38px;gap:3px}.toolbar label{min-height:44px}.toolbar b{font-size:11px}.game-layout{gap:7px}.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}.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{padding:3px}.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:1fr;gap:6px;padding:7px}.progress-summary{grid-column:1/-1;margin-bottom:0;min-height:34px}.mode-switch{grid-template-columns:1fr 1fr}.actions{margin:0;grid-template-columns:repeat(3,1fr)}.mode-switch button,.actions button{min-height:46px}aside p{display:none}footer{display:none}.result-overlay{left:calc(var(--row-clue) + 3px);right:3px;top:calc(var(--col-clue) + 3px);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%}}