*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif}@font-face{font-family:Clear Sans;src:url(../fonts/ClearSans-Regular-webfont.woff)format("woff");font-weight:400}@font-face{font-family:Clear Sans;src:url(../fonts/ClearSans-Bold-webfont.woff)format("woff");font-weight:700}:root{--bg:#faf8ef;--text:#776e65;--bright:#f9f6f2;--board:#bbada0;--cell-empty:#eee4da59;--cell-filled:#776e65;--tile:#eee4da;--button:#8f7a66;--radius:3px}body{background:var(--bg);color:var(--text);font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;font-size:18px}.app{-webkit-user-select:none;user-select:none;width:100%;max-width:560px;margin:0 auto;padding:16px}header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}h1{margin:0;font-size:52px;font-weight:700;line-height:1.1}.scores{gap:6px;display:flex}.score-box{background:var(--board);border-radius:var(--radius);text-align:center;color:#fff;font-variant-numeric:tabular-nums;min-width:56px;padding:18px 14px 6px;font-size:19px;font-weight:700;position:relative}.score-label{text-transform:uppercase;width:100%;color:var(--tile);letter-spacing:.04em;font-size:10px;line-height:10px;position:absolute;top:5px;left:0}.subrow{justify-content:space-between;align-items:center;margin:10px 0 14px;display:flex}.sizes{gap:6px;display:flex}.sizes button,.toolbar button{background:var(--button);border-radius:var(--radius);color:var(--bright);cursor:pointer;opacity:.55;border:none;height:38px;padding:0 16px;font-family:inherit;font-size:15px;font-weight:700}.sizes button.active,.toolbar button.active{opacity:1}.sizes button:hover,.toolbar button:hover{opacity:.85}.sizes button.active:hover,.toolbar button.active:hover{opacity:1}.aux{gap:6px;display:flex}.aux .icon{border-radius:var(--radius);background:var(--tile);width:38px;height:38px;color:var(--text);cursor:pointer;border:none;font-size:15px;font-weight:700}.aux .icon:hover{background:#ede0c8}.board{background:var(--board);touch-action:none;border-radius:6px;gap:5px;padding:10px;display:grid}.cell{aspect-ratio:1;background:var(--cell-empty);border-radius:var(--radius);color:#776e658c;cursor:pointer;justify-content:center;align-items:center;font-size:.8em;font-weight:700;transition:background 80ms;display:flex}.cell.filled{background:var(--cell-filled)}.cell.gap-r{border-right:5px solid var(--board)}.cell.gap-b{border-bottom:5px solid var(--board)}.clue{font-variant-numeric:tabular-nums;color:#5d544b;justify-content:flex-end;align-items:center;gap:4px;padding:0 6px;font-size:14px;font-weight:700;display:flex}.clue.col{flex-direction:column;justify-content:flex-end;align-items:center;padding:4px 0}.clue.done{opacity:.3}.toolbar{align-items:center;gap:6px;margin-top:14px;display:flex}.hint{color:var(--text);opacity:.6;margin-left:4px;font-size:13px;line-height:1.3}.overlay{background:#eee4daba;justify-content:center;align-items:center;animation:.3s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.card{background:var(--bg);text-align:center;border-radius:6px;padding:28px 36px;box-shadow:0 4px 24px #776e6559}.card h2{margin:0 0 8px;font-size:34px}.card button{background:var(--button);border-radius:var(--radius);color:var(--bright);cursor:pointer;border:none;height:40px;margin-top:10px;padding:0 22px;font-family:inherit;font-size:16px;font-weight:700}.card button:hover{opacity:.9}.card .sub{opacity:.6;font-size:14px}.card button.ghost{background:var(--tile);color:var(--text);margin:8px auto 0;display:block}.card.help{text-align:left;max-width:430px;margin:16px}.card.help h2{text-align:center}.card.help ol{padding-left:1.2em;font-size:15px;line-height:1.6}.card.help li{margin-bottom:10px}.card.help .ex{opacity:.65;font-size:13px}.card.help button{margin:6px auto 0;display:block}@media (width<=480px){h1{font-size:36px}.app{padding:10px}.board{gap:3px;padding:7px}.cell.gap-r{border-right-width:3px}.cell.gap-b{border-bottom-width:3px}}