@font-face{font-family:Nunito;src:url(../fonts/nunito-var-latin.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}:root{--bg: #faf7f2;--text: #222;--muted: #6f6a61;--card: #ffffff;--card-border: #e3ded4;--btn: #ffffff;--btn-border: #999;--primary: #ffd75e;--primary-border: #c9a227;--primary-text: #222;--bar-track: #eee7da;--daily-grad: linear-gradient(120deg, #fff7e0, #ffe9f0);--dialog: #ffffff}body.dark{--bg: #1c1a17;--text: #e9e4da;--muted: #a39c8f;--card: #26231f;--card-border: #3b362e;--btn: #2e2a25;--btn-border: #5a544b;--primary: #d9b23a;--primary-border: #a5851f;--primary-text: #1c1a17;--bar-track: #3b362e;--daily-grad: linear-gradient(120deg, #322c1f, #33262c);--dialog: #26231f}*{box-sizing:border-box}body{margin:0 auto;max-width:560px;padding:8px 12px 24px;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;background:var(--bg);color:var(--text)}.screen{display:block}header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}h1{font-size:1.4rem;margin:8px 0}.screen-title{display:flex;align-items:center;gap:8px;font-size:1.4rem;font-weight:700;margin:8px 0;min-width:0}.title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-cat{display:inline-flex;flex:none;cursor:pointer}.header-cat svg{width:30px;height:30px;display:block}h2{font-size:1.1rem;margin:4px 0}h3{font-size:.85rem;margin:16px 0 6px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.hud{display:flex;gap:14px;align-items:baseline}.fish{font-weight:700;white-space:nowrap}.streak{font-weight:700}.lives{letter-spacing:2px}.meta{font-size:.85rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--card);border:1px solid var(--card-border);border-radius:10px;padding:12px 14px;margin-bottom:8px}.daily-card,.next-card{display:flex;align-items:center;justify-content:space-between;gap:10px}.daily-card{background:var(--daily-grad)}.daily-info p{margin:2px 0 0;font-size:.85rem;color:var(--muted)}.pack-progress{margin-left:8px;font-size:.85rem;color:var(--muted)}.bar{height:5px;border-radius:3px;background:var(--bar-track);margin-top:6px;overflow:hidden}.bar-fill{height:100%;background:#7cc47f;transition:width .3s}.home-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.home-actions>button{flex:1}.settings{display:flex;flex-wrap:wrap;gap:10px 18px}.palette-row select{margin-left:6px;font-size:1rem}.board{display:grid;aspect-ratio:1;width:100%;touch-action:none;user-select:none;-webkit-user-select:none}.axis{display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--muted);padding:2px}.cell{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--cell-line, #bbb);cursor:pointer}.glyph{display:inline-flex;font-size:clamp(14px,4.2vw,26px);line-height:1;pointer-events:none}.glyph.pop{animation:pop-in .16s ease-out;animation-fill-mode:backwards}.glyph.piece.pop{animation:pop-in .26s cubic-bezier(.34,1.56,.64,1)}@keyframes pop-in{0%{transform:scale(.3);opacity:0}}@media(prefers-reduced-motion:reduce){.glyph.pop,.glyph.piece.pop{animation:none}}.glyph.manual-x{color:#3a3a3a;font-weight:700}.glyph.auto-x{color:#3a3a3a;opacity:.55}.glyph.strike-x{color:#d33;font-weight:700}.cell.violation{box-shadow:inset 0 0 0 3px #d33}.board.hinting .cell:not(.hint){filter:brightness(.45) saturate(.55)}.board.hinting .axis{opacity:.35}.cell.hint-primary{box-shadow:inset 0 0 0 4px #ff9f1a}@keyframes strike-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.cell.strike-flash{animation:strike-shake .35s;box-shadow:inset 0 0 0 4px #d33}.glyph.piece{width:76%;height:76%;display:flex;align-items:center;justify-content:center}.glyph.piece svg{width:100%;height:100%;display:block}.glyph.piece.kitten svg{width:78%;height:78%}.toolbar,.hints{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}button{padding:9px 12px;font-size:1rem;border:1px solid var(--btn-border);border-radius:6px;background:var(--btn);color:var(--text);cursor:pointer}button.primary{background:var(--primary);border-color:var(--primary-border);color:var(--primary-text);font-weight:600}button:disabled{opacity:.4;cursor:default}.icon-btn{border:none;background:none;font-size:1.15rem;padding:2px 4px}.push-right{margin-left:auto}.toggle{display:flex;align-items:center;gap:6px;font-size:1rem}.status{min-height:1.5em;margin-top:8px;font-size:1rem}footer{margin-top:16px}.linkish{border:none;background:none;color:#3d8bfd;text-decoration:underline;padding:0;font-size:.9rem}.hint-text{font-size:.8rem;color:var(--muted)}.hints button{position:relative}.uses-badge{position:absolute;top:-7px;right:-7px;min-width:18px;padding:1px 5px;border-radius:999px;background:#3d8bfd;color:#fff;font-size:.7rem;font-weight:700;line-height:1.4;pointer-events:none}.uses-badge.empty{background:var(--btn-border)}.cosmetic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.cosmetic{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px}.cosmetic.selected{outline:3px solid #ffb52e}.cosmetic.locked{opacity:.55}.cosmetic-glyph{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:8px;font-size:1.5rem;line-height:1}.cosmetic-glyph svg{width:36px;height:36px;display:block}.cosmetic-label{font-size:.8rem;color:var(--muted);text-align:center}.overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.dialog{background:var(--dialog);color:var(--text);border-radius:10px;padding:20px 24px;max-width:320px;text-align:center}.dialog h2{margin:0 0 8px}.streak-line{font-weight:700;color:#e08a2e;min-height:1.2em;margin:4px 0}.dialog-actions{display:flex;gap:8px;justify-content:center;margin-top:14px}.levels-head{display:flex;align-items:baseline;justify-content:space-between}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;max-height:40vh;overflow-y:auto;padding:4px;background:var(--card);border:1px solid var(--card-border);border-radius:10px}.level-tier-head{grid-column:1 / -1;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.level-btn{aspect-ratio:1;padding:0;font-size:.9rem}.level-btn.solved{background:#2f6d33;border-color:#7cc47f;color:#dff3df}body:not(.dark) .level-btn.solved{background:#dff3df;color:#2c7a30}.level-btn.next{outline:3px solid #ffb52e;font-weight:700}.howto-dialog{width:min(92vw,380px);max-width:380px;height:min(84vh,560px);display:flex;flex-direction:column;overflow-y:auto}.howto-demo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:10px 0;min-height:120px;flex:1}.demo-board{display:grid;width:180px;aspect-ratio:1}.demo-cell{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--cell-line, #bbb)}.demo-cell.violation{box-shadow:inset 0 0 0 3px #d33}.demo-glyph{font-size:22px;line-height:1}.demo-glyph svg{width:30px;height:30px;display:block}.demo-glyph.dim{opacity:.45}.howto-dots{color:var(--muted);letter-spacing:4px;margin-top:6px}#howto-prev,#howto-next{min-width:130px}.howto-legend{display:grid;grid-template-columns:minmax(64px,max-content) 1fr;gap:10px 12px;align-items:center;width:max-content;margin:0 auto;font-size:.95rem;text-align:left}.howto-legend-row{display:contents}.howto-legend-glyph{font-size:1.3rem;line-height:1;white-space:nowrap;justify-self:center}.howto-legend-glyph svg{width:32px;height:32px;display:block}