*{box-sizing:border-box}html,body{margin:0;height:100%}:root{--bg: #f4efe7;--surface: #fffdf9;--surface-2: #f0e9df;--text: #5a4a43;--text-dim: #a08f87;--line: #fff;--accent: #e8743b;--accent-ink: #fff;--shadow: rgba(120,100,80,.18);--heart: #ff6b81;--cell-ink-dark: rgba(255,255,255,.92);--cell-ink-light: rgba(46,42,58,.8);--gap: clamp(2px, .7vw, 4px);--radius: 16px;--region-bw: clamp(1px, .35vw, 1.5px);--region-line: rgba(58,44,38,.42);--wrong-x: #df3b2f}body{font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;transition:background .25s ease,color .25s ease}#app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:14px}.screen{width:min(100%,480px);margin:0 auto;display:flex;flex-direction:column;gap:16px;animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}.topbar{display:flex;align-items:center;gap:10px;padding-top:6px}.topbar-title{flex:1;text-align:center;font-size:1.4rem;font-weight:800;margin:0;letter-spacing:.3px}.icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--text);box-shadow:0 3px 10px var(--shadow);transition:transform .12s}.icon-btn:active{transform:scale(.9)}.icon-btn.ghost{background:none;box-shadow:none;pointer-events:none}.btn{width:100%;padding:16px;border-radius:16px;font-size:1.08rem;font-weight:750;background:var(--surface);color:var(--text);box-shadow:0 4px 14px var(--shadow);transition:transform .12s,filter .12s}.btn:active{transform:translateY(2px) scale(.99)}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 45%,transparent)}.btn-danger{background:color-mix(in srgb,#e2553f 14%,var(--surface));color:#d2452f;box-shadow:none}.home{align-items:center;gap:22px;margin-top:6vh}.home-hero{display:flex;flex-direction:column;align-items:center;gap:4px}.logo-cat{width:172px;height:200px;filter:drop-shadow(0 12px 20px var(--shadow));animation:bob 3.4s ease-in-out infinite}.bub{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;-webkit-user-drag:none;user-select:none}.logo-cat .bub-hero,.overlay-cat .bub-face{object-fit:contain}@keyframes bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}.logo-word{font-size:3rem;font-weight:850;margin:6px 0 0;letter-spacing:1px}.tagline{margin:0;color:var(--text-dim);font-weight:650}.home-menu{width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px}.credit{color:var(--text-dim);font-size:.78rem;margin:6px 0 0;opacity:.8}.tier-list{display:flex;flex-direction:column;gap:12px}.tier-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:var(--surface);box-shadow:0 4px 14px var(--shadow);text-align:left;transition:transform .12s}.tier-card:active{transform:scale(.98)}.tier-info{flex:1;display:flex;flex-direction:column;gap:2px}.tier-name{font-weight:800;font-size:1.15rem}.tier-sub{color:var(--text-dim);font-size:.82rem;font-weight:600}.tier-pips{display:flex;flex-direction:column-reverse;gap:3px}.tier-pips span{width:18px;height:4px;border-radius:3px;background:var(--surface-2)}.tier-pips span.on{background:var(--accent)}.tier-arrow{color:var(--text-dim);display:grid;place-items:center}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.level-chip{aspect-ratio:1;border-radius:14px;background:var(--surface);box-shadow:0 3px 10px var(--shadow);font-weight:800;font-size:1.1rem;display:grid;place-items:center;color:var(--text);transition:transform .1s}.level-chip:active{transform:scale(.92)}.level-chip.locked{opacity:.4;box-shadow:none;background:var(--surface-2)}.level-chip.done{background:var(--accent);color:var(--accent-ink)}.level-chip.current{box-shadow:0 0 0 3px var(--accent),0 3px 10px var(--shadow);font-weight:850}.chip-star{font-size:1.3rem}.howto{background:var(--surface);border-radius:18px;padding:20px;box-shadow:0 4px 14px var(--shadow);display:flex;flex-direction:column;gap:14px}.howto-lead{margin:0;font-weight:700}.rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.rules li{display:flex;align-items:center;gap:10px;font-weight:600}.rule-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);flex:none}.howto-controls h3{margin:4px 0 6px}.howto-controls p{margin:5px 0;color:var(--text)}.howto-help{color:var(--text-dim)!important;font-style:italic}.settings{display:flex;flex-direction:column;gap:18px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.set-block{display:flex;flex-direction:column;gap:10px}.set-label{font-weight:750}.segmented{display:flex;background:var(--surface-2);border-radius:12px;padding:3px}.seg{padding:8px 14px;border-radius:9px;font-weight:700;color:var(--text-dim)}.seg.on{background:var(--surface);color:var(--text);box-shadow:0 2px 6px var(--shadow)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.theme-swatch{display:flex;flex-direction:column;gap:7px;padding:12px;border-radius:14px;background:var(--surface);box-shadow:0 3px 10px var(--shadow);border:2px solid transparent}.theme-swatch.on{border-color:var(--accent)}.swatch-dots{display:flex;gap:4px}.swatch-dots span{width:100%;height:16px;border-radius:5px}.swatch-name{font-weight:700;font-size:.85rem}.tb-open{width:100%;padding:12px;border-radius:12px;background:var(--surface-2);color:var(--accent);font-weight:750}.tb{display:flex;flex-direction:column;gap:18px}.tb-preview{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.tb-sw{aspect-ratio:1;border-radius:8px;border:2px solid transparent}.tb-row{display:flex;align-items:center;gap:14px}.tb-label{width:94px;font-weight:700;flex:none}.tb-range{flex:1;-webkit-appearance:none;appearance:none;height:9px;border-radius:6px;background:var(--surface-2);outline:none}.tb-range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent);box-shadow:0 2px 6px var(--shadow);cursor:pointer}.tb-range::-moz-range-thumb{width:24px;height:24px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}.mode-strip{display:flex;gap:8px;justify-content:center}.mode-pill{background:var(--surface);padding:7px 16px;border-radius:20px;font-weight:800;box-shadow:0 2px 8px var(--shadow);font-variant-numeric:tabular-nums}.mode-pill-timer{color:var(--accent);min-width:72px;text-align:center}.mode-list{display:flex;flex-direction:column;gap:12px}.mode-card{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;padding:18px;border-radius:18px;background:var(--surface);box-shadow:0 4px 14px var(--shadow);transition:transform .12s}.mode-card:active{transform:scale(.98)}.mode-card.mode-challenge{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 45%,transparent)}.mode-name{font-weight:850;font-size:1.2rem}.mode-desc{font-weight:600;font-size:.85rem;opacity:.85}.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,20px);background:var(--text);color:var(--bg);padding:12px 20px;border-radius:14px;font-weight:700;box-shadow:0 8px 24px #0000004d;opacity:0;transition:opacity .25s,transform .25s;z-index:40;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%)}.mode-card.mode-vs{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#7b5cff));color:var(--accent-ink);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 45%,transparent)}.vs-strip{align-items:center}.vs-label{font-weight:800;font-size:.78rem;color:var(--text-dim)}.vs-pbar{flex:1;max-width:220px;height:10px;background:var(--surface-2);border-radius:6px;overflow:hidden}.pbar-fill.opp{background:#7b5cff}.ghost-strip{align-items:center}.ghost-strip .pbar-fill.opp{background:#9aa0b5}.mode-card.mode-ghost{background:linear-gradient(135deg,#6b7088,#9aa0b5);color:#fff;box-shadow:0 6px 18px #7880a066}.mode-card.mode-coop{background:linear-gradient(135deg,#14b8a6,#3ad6b0);color:#06302a;box-shadow:0 6px 18px #3ad6b066}.coop-strip{align-items:center;justify-content:center}.coop-difflabel{display:block;text-align:center;margin-bottom:2px}.coop-diff{width:100%}.coop-diff .seg{flex:1;padding:10px 6px;font-size:.82rem}.btn-daily{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#ff8a3d,#ffb347);color:#3a1c00;box-shadow:0 6px 18px #ff8a3d66}.btn-daily.done{background:linear-gradient(135deg,#9bd17a,#7bc96f);color:#123a12;box-shadow:0 6px 18px #7bc96f66}.daily-flame{font-weight:900;font-size:.9rem;background:#ffffff59;padding:2px 10px;border-radius:12px}.stats-wrap{display:flex;flex-direction:column;gap:14px;padding-bottom:24px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{background:var(--surface);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:2px;box-shadow:0 3px 12px var(--shadow)}.stat-val{font-size:1.8rem;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums}.stat-lbl{font-size:.8rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.stats-h{margin:6px 0 0;font-size:1rem}.stat-rows{display:flex;flex-direction:column;gap:6px}.stat-row{display:flex;justify-content:space-between;background:var(--surface);border-radius:12px;padding:10px 14px;font-weight:700}.stat-row-v{color:var(--accent);font-variant-numeric:tabular-nums}.ach-grid{display:flex;flex-direction:column;gap:8px}.ach{background:var(--surface);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;opacity:.55;filter:grayscale(.5)}.ach.on{opacity:1;filter:none;box-shadow:0 3px 12px var(--shadow);border-left:4px solid var(--accent)}.ach-name{font-weight:850}.ach-desc{font-size:.82rem;color:var(--text-dim);font-weight:600}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}.confetti span{position:absolute;top:16%;width:9px;height:14px;border-radius:2px;opacity:0;animation:confetti-fall 1.35s cubic-bezier(.2,.7,.3,1) var(--d) forwards}@keyframes confetti-fall{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}.cell.pop .mark{animation:cat-pop .34s cubic-bezier(.2,1.3,.4,1)}@keyframes cat-pop{0%{transform:scale(.25)}60%{transform:scale(1.18)}to{transform:scale(1)}}.cell.region-done{animation:region-glow .6s ease;z-index:2}@keyframes region-glow{0%,to{box-shadow:none}45%{box-shadow:inset 0 0 0 3px #ffffffb3,0 0 12px 2px var(--accent)}}@media(prefers-reduced-motion:reduce){.confetti,.cell.pop .mark,.cell.region-done{animation:none}}.cell.is-pencil .mark:after{content:"";width:36%;aspect-ratio:1;border-radius:50%;background:var(--ink);opacity:.38}.ctrl.mode-pencil{color:var(--accent)}.coach{position:fixed;left:50%;bottom:100px;transform:translate(-50%);width:min(92vw,460px);background:var(--text);color:var(--bg);padding:14px 16px;border-radius:16px;box-shadow:0 10px 30px #00000059;z-index:30;animation:coach-in .3s ease}@keyframes coach-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.coach-text{margin:0 0 8px;font-weight:700;font-size:.96rem;line-height:1.3}.coach-foot{display:flex;align-items:center;justify-content:space-between}.coach-dots{display:flex;gap:6px}.coach-dots span{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--bg) 40%,transparent)}.coach-dots span.on{background:var(--bg)}.coach-skip{background:none;border:none;color:var(--bg);opacity:.7;font-weight:700;font-size:.85rem;cursor:pointer}.howto-replay{margin-top:14px}.sync-code-box{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--surface);padding:16px;border-radius:16px;box-shadow:0 3px 12px var(--shadow)}.sync-code{font-size:1.7rem;font-weight:900;letter-spacing:4px;color:var(--accent)}.sync-code-lbl{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.btn-regen{background:var(--surface-2)}.btn-resume{background:linear-gradient(135deg,#5b8def,#7aa7ff);color:#06183a;box-shadow:0 6px 18px #5b8def66}.archive-btn{margin-top:2px}.archive-list{display:flex;flex-direction:column;gap:8px}.archive-row{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border-radius:12px;padding:14px 16px;font-weight:800;box-shadow:0 2px 8px var(--shadow)}.archive-row.done{border-left:4px solid var(--accent)}.archive-date{font-size:1rem}.archive-stat{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:800}.archive-row:not(.done) .archive-stat{color:var(--text-dim)}.btn-install{background:linear-gradient(135deg,#7bc96f,#9bd17a);color:#0c2e0c;box-shadow:0 6px 18px #7bc96f66}.vs-lobby{display:flex;flex-direction:column;gap:14px;text-align:center}.vs-lead,.vs-or{color:var(--text-dim);font-weight:600;margin:4px 0}.vs-join{display:flex;gap:8px}.vs-input{flex:1;padding:14px;border-radius:14px;border:2px solid var(--surface-2);background:var(--surface);color:var(--text);font-size:1.1rem;font-weight:700;text-align:center;letter-spacing:3px;text-transform:uppercase}.vs-input:focus{outline:none;border-color:var(--accent)}.vs-join .btn{width:auto;padding:14px 22px}.vs-wait{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:8vh}.vs-code{font-size:3rem;font-weight:850;letter-spacing:8px;color:var(--accent)}.vs-status{font-weight:700;margin:0}.vs-hint{color:var(--text-dim);font-size:.85rem;max-width:280px;text-align:center;margin:4px 0 0}.toggle{width:52px;height:30px;border-radius:16px;background:var(--surface-2);position:relative;transition:background .15s}.toggle.on{background:var(--accent)}.toggle-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px #0000004d}.toggle.on .toggle-knob{transform:translate(22px)}.game{gap:12px}.rules-chips{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.chip{background:var(--surface);color:var(--text-dim);font-size:.74rem;font-weight:700;padding:6px 11px;border-radius:20px;box-shadow:0 2px 6px var(--shadow)}.hud{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress{display:flex;align-items:center;gap:9px;background:var(--surface);padding:7px 12px 7px 8px;border-radius:22px;box-shadow:0 2px 8px var(--shadow);flex:1;max-width:230px}.pcat{width:28px;height:28px;flex:none}.pcat .bub-head{filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.pbar{flex:1;height:9px;background:var(--surface-2);border-radius:6px;overflow:hidden}.pbar-fill{display:block;height:100%;width:0;background:var(--accent);border-radius:6px;transition:width .3s cubic-bezier(.3,1.4,.5,1)}.pcount{font-weight:800;font-size:.9rem;min-width:38px;text-align:right}.lives{display:flex;gap:4px;background:var(--surface);padding:8px 12px;border-radius:22px;box-shadow:0 2px 8px var(--shadow)}.heart{color:var(--heart);display:grid;place-items:center;transition:transform .2s}.heart.lost{opacity:.22;filter:grayscale(1)}.board-wrap{display:flex;justify-content:center}.board{width:min(94vw,460px);aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:var(--gap);padding:var(--gap);border-radius:var(--radius);background:var(--line);box-shadow:0 6px 22px var(--shadow);touch-action:none;user-select:none}.cell{position:relative;aspect-ratio:1;border-radius:clamp(3px,1.1vw,7px);background:var(--fill);display:grid;place-items:center;padding:0;transition:filter .1s}.cell:active{filter:brightness(.93)}.cell{border:var(--region-bw) solid var(--cell-line, var(--region-line))}:root[data-outlines=off] .cell{border-width:0}.mark{position:relative;width:84%;height:84%;display:grid;place-items:center;pointer-events:none}.mark .bub-token{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));animation:pop .26s cubic-bezier(.3,1.6,.5,1)}@keyframes pop{0%{transform:scale(0) rotate(-18deg)}70%{transform:scale(1.12)}to{transform:scale(1)}}.cell.is-x .mark:before,.cell.is-x .mark:after,.cell.is-wrong .mark:before,.cell.is-wrong .mark:after{content:"";position:absolute;top:50%;left:50%;width:92%;height:17%;border-radius:4px;background:var(--ink)}.cell.is-wrong .mark:before,.cell.is-wrong .mark:after{background:var(--wrong-x);box-shadow:0 0 0 1px #0000002e}.cell.is-x .mark:before,.cell.is-wrong .mark:before{transform:translate(-50%,-50%) rotate(45deg)}.cell.is-x .mark:after,.cell.is-wrong .mark:after{transform:translate(-50%,-50%) rotate(-45deg)}.cell.is-x .mark,.cell.is-wrong .mark{animation:xpop .14s ease}@keyframes xpop{0%{transform:scale(.5);opacity:.4}to{transform:scale(1);opacity:1}}.board-wrap.shake{animation:shake .36s}@keyframes shake{10%,90%{transform:translate(-2px)}30%,70%{transform:translate(5px)}50%{transform:translate(-7px)}}.controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.ctrl{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 12px;min-width:62px;border-radius:14px;background:var(--surface);box-shadow:0 3px 10px var(--shadow);color:var(--text);transition:transform .1s}.ctrl:active{transform:translateY(2px) scale(.96)}.ctrl.disabled{opacity:.4}.ctrl-ico{width:24px;height:24px;display:grid;place-items:center}.ctrl-ico .bub-head{width:26px;height:26px}.ctrl-label{font-size:.72rem;font-weight:750}.ctrl-mode.mode-cat{background:var(--accent);color:var(--accent-ink)}.overlay{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s;z-index:20}.overlay.show{opacity:1}.overlay-card{background:var(--surface);border-radius:24px;padding:28px;text-align:center;box-shadow:0 20px 50px var(--shadow);max-width:340px;width:100%;transform:scale(.9);transition:transform .3s cubic-bezier(.3,1.5,.5,1)}.overlay.show .overlay-card{transform:scale(1)}.overlay-cat{width:110px;height:110px;margin:0 auto 8px}.overlay-cat .bub-face{filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}.overlay-card h2{margin:6px 0 4px;font-size:1.6rem;font-weight:850}.overlay-card p{margin:0 0 18px;color:var(--text-dim);font-weight:600}.overlay-btns{display:flex;flex-direction:column;gap:10px}.overlay-win .overlay-cat{animation:bob 1.6s ease-in-out infinite}@media(min-width:540px){.logo-word{font-size:3.4rem}}