:root{--bg:#f6f1ea;--panel:#fffaf3;--card:#fff;--text:#2a2530;--muted:#7a6f7f;--line:#2a2530;--thin:#2a25304d;--cat:#2f2a35;--cat-eye:#ffd34d;--cat-ear:#f2a7b4;--cat-nose:#ef7f98;--cat-line:#f3ece2;--x:#2a25308c;--err:#e0312b;--err-tint:#e0312b61;--hl:#1565d8;--accent:#7a4fd1;--accent-text:#fff;--btn:#efe7dc;--btn-text:#2a2530;--ink:#0000001f;--c0:#f7b267;--c1:#8ec5f2;--c2:#a8db8c;--c3:#f5e17a;--c4:#c9abef;--c5:#f5abc9;--c6:#7fd8cc;--c7:#dcc49e;--c8:#c9ccd3;--c9:#f0907f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1d1a24;--panel:#262130;--card:#2c2637;--text:#f1ebf5;--muted:#a99db3;--line:#0c0a10;--thin:#0000008c;--cat:#f6f0e6;--cat-eye:#9bd34a;--cat-ear:#e48aa0;--cat-nose:#e9738f;--cat-line:#3a3342;--x:#ffffffb8;--err:#ff5a4f;--err-tint:#ff463c6b;--hl:#7cc4ff;--accent:#9b78ea;--btn:#362f42;--btn-text:#f1ebf5;--ink:#ffffff1c;--c0:#a8682a;--c1:#3f6f9e;--c2:#4c7f38;--c3:#93832a;--c4:#6d529c;--c5:#9c4d70;--c6:#2c8277;--c7:#85704d;--c8:#5c616b;--c9:#a14a3e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#1d1a24;--panel:#262130;--card:#2c2637;--text:#f1ebf5;--muted:#a99db3;--line:#0c0a10;--thin:#0000008c;--cat:#f6f0e6;--cat-eye:#9bd34a;--cat-ear:#e48aa0;--cat-nose:#e9738f;--cat-line:#3a3342;--x:#ffffffb8;--err:#ff5a4f;--err-tint:#ff463c6b;--hl:#7cc4ff;--accent:#9b78ea;--btn:#362f42;--btn-text:#f1ebf5;--ink:#ffffff1c;--c0:#a8682a;--c1:#3f6f9e;--c2:#4c7f38;--c3:#93832a;--c4:#6d529c;--c5:#9c4d70;--c6:#2c8277;--c7:#85704d;--c8:#5c616b;--c9:#a14a3e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}[hidden]{display:none!important}button{font:inherit;color:var(--btn-text);background:var(--btn);cursor:pointer;touch-action:manipulation;white-space:nowrap;border:0;border-radius:12px;min-height:46px;padding:10px 14px}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:default;transform:none}button.primary{background:var(--accent);color:var(--accent-text);font-weight:700}.screen{padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));position:fixed;inset:0}.menu{justify-content:center;align-items:stretch;gap:28px;display:flex;overflow:auto}.menu-side{flex-direction:column;gap:14px;width:min(340px,40vw);display:flex}.suite{color:var(--muted);padding:4px 0;font-size:.95rem;text-decoration:none}.brand{text-align:center;margin:auto 0}.logo{width:clamp(80px,22vh,150px);margin:0 auto}.logo svg{width:100%;height:auto;color:var(--cat);display:block}h1{letter-spacing:.01em;margin:6px 0 4px;font-size:clamp(1.7rem,6vh,2.5rem)}h1 span{color:var(--accent)}.tag{color:var(--muted);margin:0;line-height:1.4}.menu-links{grid-template-columns:1fr 1fr;gap:8px;display:grid}.menu-links button{min-height:42px;font-size:.92rem}.menu-main{flex-direction:column;justify-content:center;gap:10px;width:min(440px,52vw);display:flex}.mode{text-align:left;background:var(--panel);border:2px solid #0000;grid-template-columns:1fr auto;grid-template-areas:"title state""sub state";width:100%;padding:12px 18px;display:grid;box-shadow:0 2px #00000014}.mode-title{grid-area:title;font-size:1.15rem;font-weight:800}.mode-sub{color:var(--muted);grid-area:sub;font-size:.9rem}.mode-state{color:var(--muted);grid-area:state;align-self:center;font-size:.9rem}.mode.daily{border-color:var(--accent);padding:16px 18px}.mode.daily .mode-title{color:var(--accent);font-size:1.35rem}.mode.daily .mode-state{color:var(--accent);font-weight:700}.mode.easy{border-left:8px solid var(--c2)}.mode.medium{border-left:8px solid var(--c0)}.mode.hard{border-left:8px solid var(--c9)}.streak{min-height:1.2em;color:var(--muted);text-align:center;margin:-4px 0 0;font-size:.9rem}.free-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:4px 0 0;font-size:.85rem}.free{flex-direction:column;gap:8px;display:flex}.free-item{gap:8px;display:flex}.free-item .mode{flex:1}.resume{white-space:nowrap;color:var(--accent);font-weight:700}.play{justify-content:center;align-items:center;gap:20px;display:flex}.board-wrap{flex:none}.board{--size:min(calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), calc(100vw - 340px));width:var(--size);height:var(--size);grid-template-columns:repeat(var(--n), 1fr);grid-template-rows:repeat(var(--n), 1fr);background:var(--thin);border:3px solid var(--line);touch-action:none;border-radius:10px;gap:1px;display:grid;overflow:hidden}.cell{background-color:var(--c);place-items:center;display:grid;position:relative}.cell:before{content:"";pointer-events:none;border:0 solid var(--line);z-index:1;position:absolute;inset:-1px}.cell.bt:before{border-top-width:2px}.cell.bb:before{border-bottom-width:2px}.cell.bl:before{border-left-width:2px}.cell.br:before{border-right-width:2px}.cell .cat{width:80%;height:80%;color:var(--cat);filter:drop-shadow(0 1px 1px #00000040)}.cell .x{width:42%;height:42%;color:var(--x)}.cell.err{box-shadow:inset 0 0 0 100vmax var(--err-tint)}.cell.err .cat,.cell.err .x{color:var(--err)}.cell.hl:after{content:"";border:3px solid var(--hl);z-index:2;border-radius:22%;animation:1s ease-in-out infinite alternate pulse;position:absolute;inset:6%}.cell.hl-err:after{border-color:var(--err)}.board.hinting .cell:not(.area):not(.hl){filter:saturate(.5)brightness(.8)}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.03)}}.board.won .cat{animation:hop .5s ease calc(var(--i) * 90ms) 2}@keyframes hop{0%,to{transform:translateY(0)}40%{transform:translateY(-18%)scale(1.08)}}.r0{--c:var(--c0)}.r1{--c:var(--c1)}.r2{--c:var(--c2)}.r3{--c:var(--c3)}.r4{--c:var(--c4)}.r5{--c:var(--c5)}.r6{--c:var(--c6)}.r7{--c:var(--c7)}.r8{--c:var(--c8)}.r9{--c:var(--c9)}.r1{background-image:repeating-linear-gradient(45deg, var(--ink) 0 2px, transparent 2px 9px)}.r2{background-image:radial-gradient(var(--ink) 1.6px, transparent 2.2px);background-size:9px 9px}.r3{background-image:repeating-linear-gradient(0deg, var(--ink) 0 2px, transparent 2px 8px)}.r4{background-image:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 8px)}.r5{background-image:repeating-linear-gradient(-45deg, var(--ink) 0 2px, transparent 2px 9px)}.r6{background-image:linear-gradient(var(--ink) 2px, transparent 2px), linear-gradient(90deg, var(--ink) 2px, transparent 2px);background-size:10px 10px}.r7{background-image:repeating-linear-gradient(45deg, var(--ink) 0 1.5px, transparent 1.5px 8px), repeating-linear-gradient(-45deg, var(--ink) 0 1.5px, transparent 1.5px 8px)}.r8{background-image:radial-gradient(var(--ink) 3px, transparent 3.6px);background-size:15px 15px}.r9{background-image:conic-gradient(var(--ink) 25%, transparent 0 50%, var(--ink) 0 75%, transparent 0);background-size:12px 12px}.no-patterns .cell{background-image:none}.panel{flex-direction:column;gap:12px;width:300px;max-height:100%;display:flex;overflow:auto}.panel-top{align-items:center;gap:10px;display:flex}.play-title{color:var(--muted);font-size:.95rem;font-weight:700}.counters{gap:10px;display:flex}.counter{background:var(--panel);border-radius:12px;flex-direction:column;flex:1;padding:8px 12px;display:flex}.counter .label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.75rem}.counter .value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.counter .value.over{color:var(--err)}.hint-box{background:var(--panel);border-left:5px solid var(--hl);border-radius:10px;padding:10px 12px;font-size:.95rem;line-height:1.35}.hint-box.error{border-left-color:var(--err)}.hint-box.done{border-left-color:var(--c2);font-weight:700}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.actions .primary{grid-column:1/-1}.modal{z-index:10;background:#140e1c8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card{background:var(--card);text-align:center;-webkit-user-select:text;user-select:text;border-radius:18px;width:min(520px,100%);max-height:100%;padding:18px 22px;overflow:auto;box-shadow:0 10px 40px #00000059}.card h2{margin:4px 0 10px}.card p{text-align:left;margin:8px 0;line-height:1.45}.card .muted,.muted{color:var(--muted);font-size:.9rem}.row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.big-time{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:800}.badge{color:var(--accent);font-weight:800;text-align:center!important}.win-cat,.loading{width:90px;color:var(--cat);margin:0 auto}.win-cat svg,.loading svg{width:100%;display:block}.loading{animation:.8s ease-in-out infinite hop}.card .loading+p{text-align:center}table.stats{border-collapse:collapse;min-width:70%;margin:0 auto 8px}table.stats td,table.stats th{text-align:left;border-bottom:1px solid var(--thin);padding:6px 12px}.noscript{padding:20px}@media (max-aspect-ratio:1){.menu{flex-direction:column;justify-content:flex-start;gap:16px}.menu-side,.menu-main{width:100%}.brand{margin:0}.play{flex-direction:column;justify-content:flex-start;gap:12px}.board{--size:min(calc(100vw - 32px), calc(100dvh - 300px))}.panel{width:min(100%,100vw - 32px)}.panel .actions{grid-template-columns:1fr 1fr 1fr}.actions .primary{grid-column:auto}}@media (max-height:460px) and (min-aspect-ratio:1){.panel{gap:8px;width:260px}.board{--size:min(calc(100dvh - 24px), calc(100vw - 300px))}.counter .value{font-size:1.3rem}button{min-height:42px;padding:8px 10px}.hint-box{padding:8px 10px;font-size:.88rem}.mode{padding:8px 14px}.mode.daily{padding:10px 14px}.menu-links button{min-height:38px}}