:root{box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf1e2;--bg-line:#f1e2c8;--surface:#fff;--surface-2:#fff8ec;--surface-3:#f6e9d4;--ink:#46331f;--ink-muted:#8c7357;--ink-faint:#b9a588;--line:#eedfc4;--shadow:#46331f24;--classic:#ea8a3c;--classic-ink:#7a3d0e;--daily:#8d80e8;--daily-ink:#41348f;--blitz:#4fa3e0;--blitz-ink:#0e5a82;--tower:#e8ae3a;--tower-ink:#7a5a0a;--versus:#e2635a;--versus-ink:#8a2a22;--shop:#3fae8b;--shop-ink:#1d6b52;--howto:#9a8dbf;--howto-ink:#463a72;--gem-1:#cbbbfa;--gem-2:#9a86ee;--gem-3:#7c66de;--danger:#d6503f;--on-accent:#fffdf6;--focus:#2fa6de;--star:#e9a21a;--scrim:#46331f73;--cat-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M20 46c-7 0-11-6-9-13 1-4 4-8 4-13l7 7c3-1 7-1 10 0l7-7c0 5 3 9 4 13 2 7-2 13-9 13z' fill='%23EDD9B8'/%3E%3C/svg%3E");--font-display:"Fredoka", ui-rounded, "Segoe UI Rounded", system-ui, sans-serif;--font-body:"Nunito", ui-rounded, system-ui, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1430;--bg-line:#241c3e;--surface:#241c3d;--surface-2:#2b2249;--surface-3:#33285a;--ink:#f4ecdc;--ink-muted:#b9a9dc;--ink-faint:#7c6fa0;--line:#ffffff14;--shadow:#00000073;--classic:#f3a05b;--classic-ink:#fce6cf;--daily:#a996ff;--daily-ink:#eae3ff;--blitz:#57c2f5;--blitz-ink:#dff3fe;--tower:#f5cb5c;--tower-ink:#fcf0ce;--versus:#f0847a;--versus-ink:#fde3e0;--shop:#5fd4ae;--shop-ink:#ddf7ee;--howto:#bca8ff;--howto-ink:#ece6ff;--gem-1:#d6c8ff;--gem-2:#b49cff;--gem-3:#8e72ff;--on-accent:#241c3d;--star:#f5cb5c;--scrim:#08051499;--cat-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M20 46c-7 0-11-6-9-13 1-4 4-8 4-13l7 7c3-1 7-1 10 0l7-7c0 5 3 9 4 13 2 7-2 13-9 13z' fill='%232E2650'/%3E%3C/svg%3E")}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1430;--bg-line:#241c3e;--surface:#241c3d;--surface-2:#2b2249;--surface-3:#33285a;--ink:#f4ecdc;--ink-muted:#b9a9dc;--ink-faint:#7c6fa0;--line:#ffffff14;--shadow:#00000073;--classic:#f3a05b;--classic-ink:#fce6cf;--daily:#a996ff;--daily-ink:#eae3ff;--blitz:#57c2f5;--blitz-ink:#dff3fe;--tower:#f5cb5c;--tower-ink:#fcf0ce;--versus:#f0847a;--versus-ink:#fde3e0;--shop:#5fd4ae;--shop-ink:#ddf7ee;--howto:#bca8ff;--howto-ink:#ece6ff;--gem-1:#d6c8ff;--gem-2:#b49cff;--gem-3:#8e72ff;--on-accent:#241c3d;--star:#f5cb5c;--scrim:#08051499;--cat-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M20 46c-7 0-11-6-9-13 1-4 4-8 4-13l7 7c3-1 7-1 10 0l7-7c0 5 3 9 4 13 2 7-2 13-9 13z' fill='%232E2650'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:inherit}html{overscroll-behavior:none;background:linear-gradient(var(--bg-line) 1px,transparent 1px) 0 0/100% 64px, linear-gradient(90deg,var(--bg-line) 1px,transparent 1px) 0 0/64px 100%, var(--bg);height:100%;overflow:hidden}html[data-screen=game]{background:radial-gradient(circle at 12px 12px,var(--bg-line) 3px,transparent 3.5px) 0 0/34px 34px,var(--bg)}body{height:var(--app-h,100%);overscroll-behavior:none;font-family:var(--font-body);color:var(--ink);touch-action:manipulation;-webkit-tap-highlight-color:transparent;isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;margin:0;position:fixed;top:0;left:0;right:0;overflow:hidden}img,svg,a{-webkit-user-drag:none}input,textarea,[contenteditable]:not([contenteditable=false]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}body:before{content:"";z-index:-1;pointer-events:none;background:var(--cat-tile) 26px 22px/132px 132px repeat;animation:63.6s linear infinite catDrift;display:none;position:fixed;inset:-132px -132px -264px 0}@keyframes catDrift{0%{transform:none}to{transform:translate(-132px,132px)}}body[data-screen=home]:before{display:block}h1,h2,h3{font-family:var(--font-display);margin:0}button{color:inherit;cursor:pointer;font-family:inherit}button,a,input,select,textarea,[role=button]{touch-action:manipulation}button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}svg{display:block}[hidden]{display:none!important}.screen{display:none}.screen.on{padding-top:env(safe-area-inset-top,0px);flex-direction:column;animation:.28s cubic-bezier(.3,.9,.4,1) enter;display:flex;position:absolute;inset:0;overflow:hidden}#scrHome.on,#scrGame.on{padding-bottom:env(safe-area-inset-bottom,0px)}.screen>.app{flex:auto;width:100%;min-height:0}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.app{flex-direction:column;gap:10px;max-width:560px;margin:0 auto;padding:12px 12px 0;display:flex}.app.home,.app.sub{gap:0;max-width:460px;padding:18px 20px 0}.app.home{overscroll-behavior:contain;scrollbar-width:none;padding-bottom:18px;overflow-y:auto}.app.home::-webkit-scrollbar{display:none}.app.sub>.scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:8px 20px calc(30px + env(safe-area-inset-bottom,0px));flex:auto;margin:0 -20px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 10px);mask-image:linear-gradient(#0000 0,#000 10px)}.round,.icon-btn,.back-btn{background:var(--surface);color:var(--ink);box-shadow:0 3px 0 var(--shadow),inset 0 0 0 2px var(--line);border:none;place-items:center;padding:0;display:grid}.round{border-radius:14px;width:44px;height:44px;font-size:1.2rem;font-weight:700}.round svg{width:22px;height:22px}.round:active,.icon-btn:active,.back-btn:active{box-shadow:0 1px 0 var(--shadow),inset 0 0 0 2px var(--line);transform:translateY(2px)}.topbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.frame{padding:var(--fr-w,3px);border-radius:var(--fr-r,16px);background:var(--fr,var(--line));box-shadow:0 3px 0 var(--shadow);display:block;position:relative}.frame .avatar-in{border-radius:calc(var(--fr-r,16px) - var(--fr-w,3px));background:var(--surface);width:100%;height:100%;display:block}.frame-plain{--fr-w:2px}.frame-yarn{--fr-w:4px;--fr:repeating-linear-gradient(45deg,var(--classic) 0 5px,#f7c28e 5px 9px)}.frame-bubblegum{--fr-w:4px;--fr:linear-gradient(135deg,#ffb3cf,#f06aa0)}.frame-mint{--fr-w:4px;--fr:linear-gradient(135deg,#b8efd9,#3fae8b)}.frame-night{--fr-w:4px;--fr:radial-gradient(circle at 18% 24%,#fff 0 1px,transparent 1.6px) 0 0/14px 14px,radial-gradient(circle at 62% 70%,#fce38a 0 1px,transparent 1.6px) 0 0/11px 11px,linear-gradient(135deg,#4a3a96,#1a1430)}.frame-gold{--fr-w:4px;--fr:linear-gradient(135deg,#fff1b8,#e9a21a 40%,#fce38a 55%,#c98a1b)}.frame-sunrise{--fr-w:4px;--fr:linear-gradient(160deg,#ffd36e,#ff9a5a 45%,#f0628a)}.frame-aurora{--fr-w:4px;--fr:linear-gradient(135deg,#5fd4ae,#57c2f5 35%,#a996ff 65%,#f3a0e0)}.frame-rainbow{--fr-w:4px;--fr:conic-gradient(from 20deg,#f0847a,#f5cb5c,#5fd4ae,#57c2f5,#a996ff,#f0847a)}.frame .avatar-in>.kitcat{width:100%;height:100%;padding:4px 5px 2px}.pick .sil{color:var(--ink-faint)}.star-card .frame{box-shadow:none;--fr-r:15px}.avatar-cat{width:100%;height:100%;padding:3px 4px 1px;display:block}.avatar-cat svg{width:100%;height:100%}.avatar-cat .cat .shadow{display:none}.avatar-btn{--fr-r:17px;border:none;flex:none;width:54px;height:54px}.avatar-btn:active{transform:translateY(2px)}.star-pip{background:var(--star);color:#4a3200;height:22px;font-family:var(--font-display);box-shadow:0 2px 6px var(--shadow);white-space:nowrap;z-index:2;border-radius:999px;place-items:center;padding:0 7px;font-size:.72rem;font-weight:700;display:grid;position:absolute;top:-7px;left:-8px}.avatar-btn .ck-fx,.game-avatar .ck-fx{font-size:.72rem}.icon-btn{border-radius:14px;width:44px;height:44px}.icon-btn svg{width:22px;height:22px}.hero{flex-direction:column;align-items:center;gap:2px;margin-top:10px;display:flex}.logo{align-items:baseline;font-size:2.3rem;font-weight:700;line-height:1.1;display:flex}.logo span{display:inline-block}.logo .a{color:var(--classic)}.logo svg{width:.85em;height:.9em;margin:0 .02em}.tagline{letter-spacing:.01em;color:var(--ink-muted);margin:8px 0 0;font-size:1.02rem;font-weight:700}.mascot-wrap{justify-content:center;padding:14px 0 6px;display:flex;position:relative}.mascot-plinth{background:radial-gradient(closest-side,var(--shadow),transparent 72%);filter:blur(1px);border-radius:50%;width:136px;height:18px;position:absolute;bottom:2px}.mascot-btn{touch-action:manipulation;background:0 0;border:none;padding:14px}.mascot-btn svg{aspect-ratio:120/110;transform-origin:50% 92%;width:auto;height:clamp(72px,15dvh,129px)}.mascot-btn.shake-sm svg{animation:.5s boxWiggle}.mascot-btn.shake-lg svg{animation:.6s cubic-bezier(.3,1.6,.4,1) boxShake}@keyframes boxWiggle{20%{transform:rotate(-3deg)}55%{transform:rotate(2deg)}to{transform:none}}@keyframes boxShake{15%{transform:rotate(-7deg)translateY(-2px)}35%{transform:rotate(6deg)}55%{transform:rotate(-5deg)}75%{transform:rotate(3deg)}to{transform:none}}.meow-bubble{opacity:0;z-index:1;background:var(--surface);color:var(--ink);font-family:var(--font-display);box-shadow:0 4px 10px var(--shadow);pointer-events:none;border-radius:999px;padding:5px 12px;font-size:.85rem;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;top:6px;left:50%;transform:translate(-50%,4px)}.meow-bubble.show{animation:1.6s ease-out forwards bubbleFloat}@keyframes bubbleFloat{0%{opacity:0;transform:translate(-50%,6px)scale(.7)}18%{opacity:1;transform:translate(-50%,-6px)scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-22px)scale(1)}}.bar-mode{width:100%;color:var(--on-accent);box-shadow:0 5px 0 var(--shadow);text-align:left;border:none;border-radius:999px;align-items:center;gap:14px;margin-top:16px;padding:15px 20px;display:flex;position:relative}button.bar-mode:active{box-shadow:0 2px 0 var(--shadow);transform:translateY(2px)}.bar-classic{background:var(--classic)}.bar-versus{background:var(--versus);margin-top:10px}.bar-paws{flex:none;width:40px;display:flex}.bar-paws svg{opacity:.95;width:24px;height:24px}.bar-paws svg:last-child:not(:first-child){opacity:.75;width:20px;height:20px;margin:10px 0 0 -8px}.bar-text{flex:1;min-width:0}.bar-text b{font-family:var(--font-display);font-size:1.16rem;font-weight:600;display:block}.bar-text small{opacity:.92;font-size:.78rem;font-weight:700}.corner-tag{letter-spacing:.03em;text-transform:uppercase;background:var(--surface);color:var(--ink-muted);box-shadow:0 2px 4px var(--shadow);border-radius:999px;padding:3px 9px;font-size:.6rem;font-weight:800;position:absolute;top:-7px;right:14px}.bar-hit{text-align:left;min-width:0;color:inherit;font:inherit;background:0 0;border:none;flex:1;align-items:center;gap:14px;margin:0;padding:0;display:flex}.bar-hit:active{opacity:.8}.bar-continue{color:var(--classic-ink);font-family:var(--font-display);background:#fffffff2;border:none;border-radius:999px;flex:none;padding:10px 18px;font-size:.86rem;font-weight:700}:root[data-theme=dark] .bar-continue{background:var(--on-accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .bar-continue{background:var(--on-accent)}}.bar-continue:active{transform:translateY(2px)}.mode-row3{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.tile3{color:var(--on-accent);box-shadow:0 4px 0 var(--shadow);text-align:center;border:none;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:96px;padding:14px 6px;display:flex}.tile3:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(2px)}.tile3 svg.ic{width:26px;height:26px}.tile3 b{font-family:var(--font-display);font-size:.86rem;font-weight:600}.tile3 small{opacity:.9;font-size:.64rem;font-weight:700}.tile3{position:relative}.tile3 .corner-tag{right:8px}.flame-tag{color:var(--versus-ink);letter-spacing:0}.t-daily{background:var(--daily)}.t-blitz{background:var(--blitz)}.t-tower{background:var(--tower)}.countdown{font-variant-numeric:tabular-nums;background:#ffffff4d;border-radius:999px;align-items:center;gap:4px;width:fit-content;padding:2px 7px 2px 6px;font-size:.62rem;font-weight:800;display:inline-flex}.countdown svg{width:10px;height:10px}.foot-tagline{text-align:center;letter-spacing:.14em;color:var(--ink-faint);text-transform:uppercase;justify-content:center;align-items:center;gap:8px;margin:auto 0 0;padding-top:22px;font-size:.66rem;font-weight:800;display:flex}.foot-tagline .dot{background:var(--ink-faint);border-radius:50%;width:4px;height:4px}.subhead{align-items:center;gap:12px;margin-bottom:4px;display:flex}.back-btn{border-radius:13px;flex:none;width:40px;height:40px}.back-btn svg{width:18px;height:18px}.subhead h2{flex:1;font-size:1.3rem;line-height:1.15}.subhead h2 small{font-family:var(--font-body);color:var(--ink-muted);font-size:.76rem;font-weight:700;display:block}.sec-h{margin:22px 0 0;font-size:1rem}.hub-hero{text-align:center;color:var(--on-accent);border-radius:26px;flex-direction:column;align-items:center;gap:10px;margin-top:14px;padding:22px 20px;display:flex}.hub-hero .icon-big{background:#ffffff47;border-radius:20px;place-items:center;width:64px;height:64px;display:grid}.hub-hero .icon-big svg{width:34px;height:34px}.hub-hero h3{font-size:1.3rem}.hub-hero p{opacity:.96;max-width:30ch;margin:0;font-size:.88rem;line-height:1.5}.soon-badge{letter-spacing:.05em;text-transform:uppercase;background:#ffffff4d;border-radius:999px;padding:4px 11px;font-size:.68rem;font-weight:800}.stat-list{background:var(--surface);box-shadow:0 3px 0 var(--shadow);border-radius:20px;margin-top:16px}.stat-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;font-size:.86rem;display:flex}.stat-row:last-child{border-bottom:none}.stat-row span{color:var(--ink-muted);font-weight:700}.stat-row b{font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.stat-row.penalty b{color:var(--versus-ink)}.best-card{background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--line);border-radius:18px;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;display:flex}.best-card .icon{background:var(--tower);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.best-card .icon svg{width:20px;height:20px}.best-card b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.05rem;display:block}.best-card small{color:var(--ink-muted);font-size:.74rem;font-weight:700}.cta-primary{font-family:var(--font-display);color:var(--on-accent);box-shadow:0 4px 0 var(--shadow);border:none;border-radius:18px;margin-top:20px;padding:15px;font-size:1.05rem;font-weight:600}.cta-primary:active{box-shadow:none;transform:translateY(3px)}.cta-xl{border-radius:22px;margin-top:22px;padding:20px;font-size:1.3rem}.cta-secondary{border:2px solid var(--line);font-family:var(--font-display);color:var(--ink);background:0 0;border-radius:18px;margin-top:10px;padding:13px;font-size:.95rem;font-weight:600}.countdown.big{gap:6px;padding:5px 12px;font-size:.8rem}.countdown.big b{font-variant-numeric:tabular-nums}.daily-result{flex-direction:column;align-items:center;gap:2px;display:flex}.daily-result b{letter-spacing:3px;font-size:1.9rem;line-height:1}.daily-result span{opacity:.95;font-size:.82rem;font-weight:800}.daily-rules{color:var(--ink-muted);text-align:center;margin:10px 2px 0;font-size:.78rem;font-weight:600;line-height:1.4}.daily-rules b{color:var(--ink)}.capped{color:var(--versus-ink);font-weight:800}.daily-note{text-align:center;display:none}.no-helpers #boosters,.no-helpers #boostLab{display:none}.no-helpers .daily-note{background:var(--surface);box-shadow:0 3px 0 var(--shadow);border-radius:18px;flex-direction:column;gap:4px;padding:12px 18px;display:flex}.daily-note b{font-family:var(--font-display);font-size:.95rem;font-weight:600}.daily-note span{color:var(--ink-muted);font-size:.8rem;font-weight:700}.daily-note span.capped{color:var(--versus-ink)}.streak-card{background:var(--surface);box-shadow:0 3px 0 var(--shadow);border-radius:20px;margin-top:14px;padding:14px 16px}.streak-top{align-items:center;gap:14px;display:flex}.streak-card .milestones{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.streak-num{background:color-mix(in srgb,var(--versus) 16%,var(--surface));border-radius:18px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:64px;height:72px;line-height:1;display:flex}.streak-num span{font-size:1.1rem}.streak-num b{font-family:var(--font-display);color:var(--versus-ink);font-size:1.5rem;font-weight:700}.streak-num small{color:var(--ink-muted);font-size:.62rem;font-weight:800}.streak-body{flex:1;min-width:0}.streak-body>b{font-family:var(--font-display);font-size:.95rem;font-weight:600;display:block}.streak-body>small{color:var(--ink-muted);font-size:.74rem;font-weight:700;line-height:1.35;display:block}.wk-strip{gap:4px;margin-top:9px;display:flex}.wk{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.wk i{aspect-ratio:1;background:var(--surface-3);width:100%;max-width:28px;color:var(--ink-faint);border-radius:9px;place-items:center;font-size:.8rem;font-style:normal;font-weight:800;display:grid}.wk.done i{background:var(--daily);color:var(--on-accent)}.wk.today i{box-shadow:inset 0 0 0 2px var(--daily);color:var(--daily);background:0 0}.wk.upcoming i{box-shadow:inset 0 0 0 2px var(--line);background:0 0}.wk small{color:var(--ink-faint);font-size:.6rem;font-weight:800}.stat-row.tot{background:var(--surface-2);border-radius:0 0 20px 20px}.stat-row.tot span{color:var(--ink)}.milestones{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;display:grid}.ms{text-align:center;border:2px dashed var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:9px 4px;display:flex}.ms b{font-family:var(--font-display);font-size:.84rem;font-weight:600}.ms small{color:var(--ink-muted);font-size:.6rem;font-weight:800;line-height:1.25}.ms.next{border-style:solid;border-color:var(--daily)}.ms.hit{background:color-mix(in srgb,var(--daily) 18%,var(--surface));border-style:solid;border-color:#0000}.rule-row{background:var(--surface);box-shadow:0 3px 0 var(--shadow);border-radius:18px;align-items:flex-start;gap:14px;margin-top:10px;padding:14px 16px;display:flex}.rule-row .icon{border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:1.1rem;display:grid}.rule-row .icon svg{width:22px;height:22px}.rule-row b{font-family:var(--font-display);font-size:.92rem;font-weight:600;display:block}.rule-row p{color:var(--ink-muted);margin:2px 0 0;font-size:.8rem;line-height:1.4}.sheet .rule-row{background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--line)}.sheet .rule-row p{margin:2px 0 0}.shop-tabs{background:var(--surface-3);border-radius:999px;gap:6px;margin-top:14px;padding:4px;display:flex}.shop-tabs button{font-family:var(--font-display);color:var(--ink-muted);background:0 0;border:none;border-radius:999px;flex:1;padding:9px 6px;font-size:.84rem;font-weight:600}.shop-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 6px var(--shadow)}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:14px;display:grid}.shop-item{background:var(--surface);box-shadow:0 3px 0 var(--shadow);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.shop-item .pic{background:var(--surface-3);border-radius:16px;place-items:center;width:58px;height:58px;font-size:1.7rem;display:grid}.shop-item .pic svg{width:48px;height:48px}.shop-item.locked .pic svg{filter:grayscale()brightness(.7);opacity:.5}.shop-item b{font-family:var(--font-display);font-size:.86rem;font-weight:600}.shop-item .price{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:.76rem;font-weight:800}.shop-item button{width:100%;font-family:var(--font-display);background:var(--shop);color:var(--on-accent);border:none;border-radius:11px;margin-top:auto;padding:8px;font-size:.8rem;font-weight:600}.shop-item button:disabled{opacity:.45;cursor:default}.shop-item button.owned{background:var(--surface-3);color:var(--ink-muted)}.shop-item button.on{background:color-mix(in srgb,var(--shop) 24%,var(--surface));color:var(--shop-ink)}.shop-item .pic .kitcat{width:52px;height:52px}.shop-item .pic.frame-pic{background:0 0;padding:0}.shop-item .frame-pic .frame{width:56px;height:56px;box-shadow:none}.shop-item .need{color:var(--ink-muted);font-size:.72rem;font-weight:800}.meter{background:var(--surface-3);border-radius:3px;width:100%;height:6px;overflow:hidden}.meter i{background:var(--star);border-radius:inherit;height:100%;display:block}.cat-stage{flex-direction:column;align-items:center;margin-top:6px;padding:18px 0 4px;display:flex;position:relative}.stage-glow{background:radial-gradient(closest-side,color-mix(in srgb,var(--classic) 26%,transparent),transparent);pointer-events:none;border-radius:50%;width:250px;height:250px;position:absolute;top:0}.hero-wrap{position:relative}.hero-frame{--fr-r:52px;--fr-w:6px;width:176px;height:176px;box-shadow:0 6px 0 var(--shadow);touch-action:none;cursor:pointer}.hero-frame.frame-plain{--fr-w:4px}.hero-frame .avatar-cat{padding:12px 14px 6px}.hero-frame .ck-fx{font-size:1rem}.stage-hint{color:var(--ink-faint);text-align:center;margin:14px 0 0;font-size:.74rem;font-weight:700}.star-card{background:var(--surface);box-shadow:0 3px 0 var(--shadow);border-radius:20px;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;display:flex}.star-card .txt{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.star-card b{font-family:var(--font-display);font-size:.92rem;font-weight:600}.star-card p{color:var(--ink-muted);margin:0;font-size:.76rem;font-weight:600;line-height:1.35}.panel-note{color:var(--ink-muted);margin:14px 2px 0;font-size:.8rem;font-weight:600;line-height:1.4}.pick-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.pick{background:var(--surface);box-shadow:0 3px 0 var(--shadow),inset 0 0 0 2px var(--line);font-family:var(--font-display);color:var(--ink);border:none;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 9px;font-size:.78rem;font-weight:600;display:flex;position:relative}.pick:active{transform:translateY(2px)}.pick[aria-pressed=true]{box-shadow:0 3px 0 var(--shadow),inset 0 0 0 3px var(--shop)}.pick .kitcat,.pick .sil{width:56px;height:56px}.pick .frame{width:52px;height:52px;box-shadow:none;--fr-r:16px}.pick .frame .kitcat{width:100%;height:100%;padding:3px}.pick .none{border:2px dashed var(--line);width:56px;height:56px;color:var(--ink-faint);border-radius:16px;place-items:center;font-size:1.3rem;display:grid}.pick .tag{font-family:var(--font-body);letter-spacing:.03em;text-transform:uppercase;background:var(--shop);color:var(--on-accent);border-radius:999px;padding:2px 7px;font-size:.58rem;font-weight:800;position:absolute;top:-7px;right:-4px}.pick.locked{color:var(--ink-muted)}.pick.locked .sil,.pick.locked .frame{opacity:.55}.pick small{font-family:var(--font-body);color:var(--ink-muted);font-size:.66rem;font-weight:800}.pick.add{box-shadow:inset 0 0 0 2px var(--line);border:2px dashed var(--line);background:0 0}.pick.add .plus{background:var(--shop);width:56px;height:56px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:1.6rem;font-weight:800;display:grid}.empty-state{border:2px dashed var(--line);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:6px;margin-top:14px;padding:22px 18px;display:flex}.empty-state .em{font-size:2rem;line-height:1}.empty-state b{font-family:var(--font-display);font-size:1rem;font-weight:600}.empty-state p{color:var(--ink-muted);max-width:30ch;margin:0;font-size:.8rem;font-weight:600;line-height:1.4}.empty-state .cta-primary{background:var(--shop);margin-top:10px;padding:11px 22px;font-size:.95rem}.set-row{background:var(--surface);box-shadow:0 3px 0 var(--shadow);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:14px 16px;display:flex}.set-row>div:first-child b{font-family:var(--font-display);font-size:.92rem;font-weight:600;display:block}.set-row>div:first-child small{color:var(--ink-muted);font-size:.76rem}.set-row .icon-btn{border-radius:11px;width:38px;height:38px}.labs-tap{opacity:0;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;width:38px;height:38px;margin-right:16px;padding:0}.theme-toggle{background:var(--surface-3);border-radius:999px;flex:none;gap:4px;padding:3px;display:flex}.theme-toggle button{color:var(--ink-muted);background:0 0;border:none;border-radius:999px;padding:5px 11px;font-size:.78rem;font-weight:700}.theme-toggle button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px var(--shadow)}.sheet .set-row{background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--line)}.set-pair{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.set-pair .set-row{gap:8px;margin-top:0;padding:10px 10px 10px 14px}.set-pair .set-row>div:first-child b{font-size:.86rem;line-height:1.15}.set-row.na{opacity:.6}.set-row .set-label{font-family:var(--font-display);font-size:.95rem;font-weight:600}.icon-seg{background:var(--surface-3);border-radius:999px;gap:4px;padding:4px;display:flex}.icon-seg button{width:44px;height:36px;color:var(--ink-muted);background:0 0;border:none;border-radius:999px;place-items:center;padding:0;display:grid}.icon-seg button svg{width:20px;height:20px}.icon-seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px var(--shadow)}.chip-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.chip-toggle{background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--line);color:var(--ink-muted);border:none;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:12px 4px 10px;display:flex}.chip-toggle svg{width:24px;height:24px}.chip-toggle b{font-family:var(--font-display);color:var(--ink);font-size:.86rem;font-weight:600}.chip-toggle small{letter-spacing:.03em;text-transform:uppercase;font-size:.66rem;font-weight:800}.chip-toggle[aria-pressed=true]{background:color-mix(in srgb,var(--blitz) 16%,var(--surface));box-shadow:inset 0 0 0 2px var(--blitz);color:var(--blitz-ink)}.chip-toggle[aria-pressed=true] svg{color:var(--blitz)}.chip-toggle:disabled{opacity:.5;cursor:default}.danger-link{text-align:center;color:var(--danger);font-family:var(--font-display);background:0 0;border:none;margin-top:22px;padding:8px;font-size:.88rem;font-weight:600}.tiers{flex-direction:column;gap:12px;margin-top:10px;display:flex}.tier{background:var(--surface);box-shadow:0 3px 0 var(--shadow);border-radius:22px;padding:16px}.tier h3{justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 10px;font-size:.98rem;display:flex}.tier h3 small{font-family:var(--font-body);color:var(--ink-muted);text-align:right;font-size:.74rem;font-weight:700}.lvgrid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.lv{aspect-ratio:1;background:var(--surface-3);color:var(--ink);font-family:var(--font-display);border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-size:1.05rem;font-weight:700;display:flex;position:relative}.lv .stars{letter-spacing:-1px;color:var(--star);font-size:.58rem;line-height:1}.lv .stars .off{color:color-mix(in srgb,currentColor 25%,transparent)}.lv.done{background:color-mix(in srgb,var(--shop) 24%,var(--surface));color:var(--shop-ink)}.lv.done .stars .off{color:color-mix(in srgb,var(--shop-ink) 30%,transparent)}.lv.cur{background:var(--classic);color:var(--on-accent);box-shadow:0 3px 0 var(--shadow)}.lv.locked{opacity:.4;cursor:default;font-size:.9rem}.lv .dot{background:var(--tower);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:6px}.lv.cur .dot{background:var(--on-accent)}.lv .grade{opacity:.7;letter-spacing:0;font-size:.5rem;font-weight:800;line-height:1;position:absolute;top:4px;left:6px}.more{border:2px dashed var(--line);width:100%;font-family:var(--font-display);color:var(--ink-muted);background:0 0;border-radius:14px;margin-top:10px;padding:10px;font-weight:600}.bar{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;display:grid}.bar.gbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.gside{align-items:center;gap:6px;min-width:0;display:flex}.gside .stat{text-align:center;flex:1 1 0;min-width:0}.game-avatar{--fr-r:18px;touch-action:none;cursor:pointer;z-index:1;flex:none;width:57.5px;height:57.5px;margin:-3.75px 0}.gright{justify-content:flex-end;gap:8px;display:flex}.stat .lab{color:var(--ink-muted);font-size:.78rem;font-weight:700;line-height:1}.stat .val{font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.55rem;font-weight:700;line-height:1.1}.stat .val.bump{animation:.45s bump}@keyframes bump{40%{color:var(--shop);transform:scale(1.18)}}.stat .val.low{color:var(--danger);animation:1s infinite pulse}@keyframes pulse{50%{transform:scale(1.08)}}.stat .best{white-space:nowrap;color:var(--ink-muted);min-height:1em;font-size:.72rem;font-weight:700;line-height:1.1}.board.paused{filter:blur(10px)saturate(.6)}.float{font-family:var(--font-display);color:#fff;text-shadow:0 1px 3px #00000073;white-space:nowrap;font-size:1rem;font-weight:700;animation:1s ease-out forwards floatup}.float.bad{color:#ffd2d4}@keyframes floatup{0%{opacity:0;transform:translate(-50%)scale(.7)}20%{opacity:1;transform:translate(-50%,-6px)scale(1.1)}to{opacity:0;transform:translate(-50%,-34px)}}.runpill{font-family:var(--font-display);white-space:nowrap;padding:0 14px;font-size:.95rem;font-weight:600}.breakdown{background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--line);border-radius:16px;margin:6px 0 4px;padding:10px 14px;font-size:.92rem}.breakdown div{justify-content:space-between;gap:10px;padding:2px 0;display:flex}.breakdown .tot{border-top:1px solid var(--line);margin-top:4px;padding-top:6px;font-weight:800}.strip{grid-template-columns:1fr auto;gap:8px;display:grid}.strip>.pill{min-width:0}.pill{background:var(--surface);box-shadow:0 3px 0 var(--shadow);border-radius:999px;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:5px 10px;display:flex}.pill .sil{flex:0 30px;width:30px;min-width:0;height:28px}.pill .sil svg{width:100%;height:100%;display:block}.pill .sil.got{animation:.5s cubic-bezier(.3,1.6,.5,1) pop}@keyframes pop{0%{transform:scale(.4)}to{transform:none}}.lives .fishi{width:32px;height:24px;transition:opacity .3s,filter .3s}.lives .fishi.gone{opacity:.25;filter:grayscale()}.lives .fishi.lose{animation:.6s flop}@keyframes flop{30%{transform:rotate(-30deg)translateY(-6px)}60%{transform:rotate(20deg)}}.rules{background:var(--surface);box-shadow:0 3px 0 var(--shadow);border-radius:22px;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;display:grid}.rules-slot{position:relative}.game-note{z-index:3;background:var(--ink);color:var(--bg);text-align:center;opacity:0;pointer-events:none;border-radius:22px;place-items:center;padding:6px 16px;font-size:.86rem;font-weight:800;line-height:1.3;transition:opacity .18s,transform .18s;display:grid;position:absolute;inset:0;transform:scale(.96)}.game-note.show{opacity:1;transform:none}.rules{touch-action:manipulation;cursor:default}.rules.rules-off{visibility:hidden}.rule{background:var(--surface-3);border-radius:14px;align-items:center;gap:6px;padding:6px 7px;font-size:.78rem;font-weight:700;line-height:1.15;display:flex}.rule svg{flex:none;width:34px;height:34px}.banner{background:var(--surface);box-shadow:0 3px 0 var(--shadow);text-align:center;font-family:var(--font-display);border-radius:22px;padding:12px 14px;font-size:1rem;font-weight:600;line-height:1.35;display:none}.banner.on{display:block}.banner .sub{font-family:var(--font-body);color:var(--ink-muted);margin-top:4px;font-size:.88rem;font-weight:600}.banner button{background:var(--classic);color:var(--on-accent);font-family:var(--font-display);box-shadow:0 3px 0 var(--shadow);border:none;border-radius:12px;margin-top:8px;padding:7px 16px;font-weight:600}.cw{color:#fff;text-shadow:0 1px 1px #00000040;border-radius:6px;padding:0 .3em}.board-area{flex-direction:column;flex:auto;align-items:center;min-height:0;display:flex;container-type:size}.board-wrap{background:var(--surface);width:100%;box-shadow:0 4px 0 var(--shadow);border-radius:24px;flex:none;padding:8px;position:relative}@supports (width:1cqh){.board-wrap{width:min(100cqw,100cqh - 150px)}}.helpers{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:130px;padding:14px 0;display:flex}.board{touch-action:none;gap:4px;display:grid}.cell{aspect-ratio:1;background:var(--c);border:none;border-radius:9px;place-items:center;padding:0;transition:filter .25s;display:grid;position:relative}.board.n9 .cell,.board.n8 .cell{border-radius:7px}.cell .x{pointer-events:none;width:52%;height:52%;display:block}.cell .x.auto{opacity:.55}.cell .cat-wrap{z-index:1;width:92%;height:92%;position:relative}.cell.hold{animation:.38s linear forwards hold}@keyframes hold{to{transform:scale(.9)}}.board.dim .cell:not(.focus){filter:brightness(.42)saturate(.7)}.cell.focus{z-index:2;box-shadow:0 0 0 3px #ffd83d,0 0 14px #ffd83db3}.fx{z-index:6;pointer-events:none;position:absolute}.spill{transform-origin:50% 90%;font-size:1.5rem;animation:.9s ease-in forwards spill}@keyframes spill{40%{transform:rotate(95deg)}to{opacity:0;transform:rotate(95deg)translateY(4px)}}.puddle{background:#9bd3f2;border-radius:50%;height:9px;animation:1s ease-out forwards puddle}@keyframes puddle{0%{opacity:0;transform:scaleX(.1)}30%{opacity:.85}to{opacity:0;transform:scaleX(1.2)}}.mouse{font-size:1.4rem;transition:left 90ms linear,top 90ms linear}.boosters{flex:none;justify-content:center;gap:26px;display:flex}.boost{background:var(--surface);width:70px;height:70px;box-shadow:0 4px 0 var(--shadow),inset 0 0 0 2px var(--line);border:none;border-radius:24px;place-items:center;padding:0;font-size:2rem;display:grid;position:relative}.boost:active{box-shadow:inset 0 0 0 2px var(--line);transform:translateY(3px)}.boost .badge{background:var(--versus);min-width:26px;height:26px;color:var(--on-accent);font-family:var(--font-display);border:2px solid var(--surface);border-radius:13px;place-items:center;padding:0 6px;font-size:.88rem;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px}.boost .badge.buy{background:var(--shop);font-size:.78rem}.boost-lab{color:var(--ink-muted);justify-content:center;gap:26px;margin-top:10px;font-size:.74rem;font-weight:700;line-height:1.25;display:flex}.boost-lab span{text-align:center;width:70px}.tut-hide{display:none!important}.banner-cta{justify-content:center;align-self:center;max-width:100vw;display:flex}.banner-cta:empty{display:none}.banner-cta button{cursor:pointer;background:var(--classic);width:100%;color:var(--on-accent);font-family:var(--font-display);box-shadow:0 4px 0 color-mix(in srgb,var(--classic) 70%,#000);border:none;border-radius:20px;padding:16px 18px;font-size:1.15rem;font-weight:600;animation:.45s cubic-bezier(.3,1.5,.5,1) both cta-grow,2.4s ease-in-out 1.2s infinite cta-nudge}.banner-cta button:active{box-shadow:0 1px 0 color-mix(in srgb,var(--classic) 70%,#000);animation:none;transform:translateY(3px)}@keyframes cta-grow{0%{opacity:0;transform:scaleX(.35)scaleY(.7)}to{opacity:1;transform:none}}@keyframes cta-nudge{0%,to{transform:none}50%{transform:scale(1.025)}}@media (prefers-reduced-motion:reduce){.banner-cta button{animation:none}}.scrim{background:var(--scrim);z-index:40;padding:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px));justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.scrim.open{display:flex}@media (width>=600px){.scrim{align-items:center}}.sheet{background:var(--surface);color:var(--ink);width:100%;max-width:480px;max-height:88%;box-shadow:0 20px 40px -10px var(--shadow),0 0 0 1px var(--line);border-radius:28px;padding:22px 20px 20px;overflow:auto}.sheet h2{margin:0 0 8px;font-size:1.35rem}.sheet h3{margin:18px 0 8px;font-size:1rem}.sheet p{color:var(--ink-muted);margin:0 0 10px;font-weight:600;line-height:1.45}.primary{background:var(--classic);width:100%;color:var(--on-accent);font-family:var(--font-display);box-shadow:0 4px 0 var(--shadow);border:none;border-radius:18px;margin-top:16px;padding:14px;font-size:1.05rem;font-weight:600}.primary:active{box-shadow:none;transform:translateY(3px)}.secondary{border:2px solid var(--line);width:100%;font-family:var(--font-display);background:0 0;border-radius:18px;margin-top:10px;padding:12px;font-size:.95rem;font-weight:600}.secondary:disabled{opacity:.45;cursor:default}.toggle{background:var(--surface-3);width:48px;height:28px;box-shadow:inset 0 0 0 2px var(--line);border:none;border-radius:14px;flex:none;padding:0;position:relative}.toggle:after{content:"";background:var(--surface);width:22px;height:22px;box-shadow:0 1px 3px var(--shadow);border-radius:50%;transition:transform .18s;position:absolute;top:3px;left:3px}.toggle[aria-pressed=true]{background:var(--blitz);box-shadow:none}.toggle[aria-pressed=true]:after{background:#fff;transform:translate(20px)}.rs-stars{text-align:center;color:var(--star);letter-spacing:2px;margin:0;font-size:1.5rem}.rs-stars span{display:inline-block}.rs-stars span[style]{animation:starPop .45s cubic-bezier(.34,1.56,.64,1) var(--d) both}@keyframes starPop{0%{opacity:0;transform:scale(.2)rotate(-40deg)}to{opacity:1;transform:none}}.toast{left:50%;top:calc(env(safe-area-inset-top,0px) + 12px);background:var(--ink);color:var(--bg);z-index:60;box-shadow:0 6px 16px var(--shadow);text-align:center;border-radius:999px;max-width:calc(100vw - 32px);padding:9px 18px;font-weight:700;transition:transform .3s cubic-bezier(.3,1.4,.5,1);position:fixed;transform:translate(-50%,-90px)}.toast.show{transform:translate(-50%)}@media (width<=400px){.app.home{padding:14px 16px 18px}.app.sub{padding:14px 16px 0}.app.sub>.scroll{margin:0 -16px;padding-left:16px;padding-right:16px}.logo{font-size:2.05rem}.rule{gap:4px;padding:5px;font-size:.7rem}.rule svg{width:26px;height:26px}.boosters,.boost-lab{gap:18px}.pill .sil{height:24px}.lvgrid{gap:6px}.theme-toggle button{padding:5px 8px}}@media (width<=350px){.tile3 small,.countdown{font-size:.58rem}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}body:before,.rs-stars span[style]{animation:none}}.scroll>.cta-primary,.scroll>.cta-secondary,#dailyBody>.cta-primary{width:100%;display:block}