:root{--ink:#2b1d3a;--muted:#6c5a78;--cream:#fff6e8;--paper:#fffdf8;--bg-top:#ffe3c4;--bg-bottom:#fff4e2;--berry:#e84a7f;--berry-deep:#c23163;--mint:#2fc4a0;--mint-deep:#1d9a7c;--honey:#ffb627;--sky:#4aa3ff;--red:#e5484d;--good:#c9f2e4;--bad:#ffd0d3;--shadow:0 4px 0 #2b1d3a40;--font:ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{overscroll-behavior:none;background:var(--bg-top);height:100%;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;overflow:hidden}body{background:radial-gradient(circle at 12px 12px, #e84a7f21 2.5px, transparent 3px) 0 0 / 46px 46px, radial-gradient(circle at 35px 33px, #2fc4a021 2.5px, transparent 3px) 0 0 / 46px 46px, linear-gradient(180deg, var(--bg-top), var(--bg-bottom))}button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer}button:disabled{cursor:default}button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}h1,h2,p{margin:0}#app{max-width:520px;margin:0 auto;position:fixed;inset:0}.screen{padding:max(12px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));flex-direction:column;gap:12px;animation:.2s ease-out screen-in;display:flex;position:absolute;inset:0}.screen.scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:800}.fine{color:var(--muted);text-align:center;font-size:12px;line-height:1.4}.btn{min-height:56px;color:var(--ink);background:0 0;border:0;border-image:url(../assets/style-sheet/button-secondary@2x.webp) 100 120 fill/24px 30px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:18px;font-weight:900;transition:transform 80ms;display:inline-flex}.btn.primary{color:#fff;text-shadow:0 2px #2b1d3a59;border-image-source:url(../assets/style-sheet/button-primary@2x.webp)}.btn:active:not(:disabled){transform:translateY(2px)scale(.98)}.btn svg{width:22px;height:22px}.btn-icon{width:28px;height:28px}.icon-btn{border:3px solid var(--ink);background:var(--paper);width:44px;height:44px;box-shadow:var(--shadow);border-radius:14px;flex:none;place-items:center;padding:0;display:grid}.icon-btn svg{width:22px;height:22px}.icon-btn.armed{background:var(--bad);animation:.25s ease-in-out shake}.waking button{opacity:.75}#home{padding-bottom:max(22px, env(safe-area-inset-bottom))}.home-head{align-items:center;gap:10px;padding-right:52px;display:flex}.mascot{flex:none;place-items:center;width:104px;height:96px;display:grid}.mascot.small{width:84px;height:78px}.mascot-img{filter:drop-shadow(0 4px #2b1d3a33);width:100%;height:auto;animation:.5s cubic-bezier(.3,1.6,.5,1) both mascot-in}.titles h1{letter-spacing:-.01em;color:var(--berry-deep);text-shadow:2px 2px #fff,-1px -1px #fff;font-size:34px;font-weight:900;line-height:1}.tag{color:var(--muted);margin-top:6px;font-size:15px;font-weight:700}.pills,.res-facts{flex-wrap:wrap;gap:8px;display:flex}.pill{border:3px solid var(--ink);background:var(--paper);min-height:40px;box-shadow:var(--shadow);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 6px;font-size:14px;font-weight:700;display:inline-flex}.pill b{color:var(--ink);font-size:18px}.pill-icon{width:26px;height:26px}.pill.streak:not(.lit) .pill-icon{filter:grayscale();opacity:.5}.daily{color:#fff;text-align:left;background:0 0;border:0;border-image:url(../assets/style-sheet/button-primary@2x.webp) 100 120 fill/34px 44px;align-items:center;gap:12px;min-height:96px;padding:14px 16px 18px 20px;transition:transform 80ms;animation:.35s ease-out 50ms both card-in;display:flex}.daily:active:not(:disabled){transform:translateY(2px)scale(.985)}.daily.done{color:var(--ink);border-image-source:url(../assets/style-sheet/button-secondary@2x.webp)}.daily-text{flex-direction:column;flex:1;gap:4px;display:flex}.daily-text b{text-shadow:0 2px #2b1d3a4d;font-size:28px;font-weight:900}.daily.done .daily-text b{text-shadow:none}.daily-sub{opacity:.95;font-size:14px;font-weight:700}.daily-go{background:#ffffff47;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.daily-go svg{width:26px;height:26px}.cats{flex-direction:column;gap:8px;display:flex}.cat-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cat{border:3px solid var(--ink);background:var(--paper);min-height:104px;box-shadow:0 4px 0 color-mix(in srgb, var(--cat) 70%, var(--ink));border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;transition:transform 80ms;animation:.3s ease-out both card-in;display:flex;position:relative}.cat:active:not(:disabled){box-shadow:0 1px 0 color-mix(in srgb, var(--cat) 70%, var(--ink));transform:translateY(3px)}.cat-icon{width:44px;height:44px}.cat b{font-size:14px;font-weight:800;line-height:1.15}.cat-acc{color:var(--muted);font-size:12px;font-weight:700}.home-row,.res-btns{grid-template-columns:1fr 1fr;gap:10px;display:grid}#play{gap:10px}.topbar{align-items:center;gap:10px;min-height:46px;padding-right:104px;display:flex}.run-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.run-info b{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:900;overflow:hidden}.pips{gap:4px;display:flex}.pips i{background:#2b1d3a26;border-radius:5px;flex:1;max-width:22px;height:10px}.pips i.ok{background:var(--mint)}.pips i.no{background:var(--red)}.pips i.cur{background:var(--honey);box-shadow:0 0 0 2px var(--ink)}.status{align-items:center;gap:8px;display:flex}.stat{border:2px solid var(--ink);background:var(--paper);height:36px;color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.stat b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px;font-weight:900}.stat.score{margin-right:auto}.stat .pill-icon{width:22px;height:22px}.streak-chip:not(.lit) .pill-icon{filter:grayscale();opacity:.45}.streak-chip.lit{background:#fff0d0}.stage{flex-direction:column;gap:10px;display:flex}.qcard{border-style:solid;border-image:url(../assets/style-sheet/panel@2x.webp) 60 fill/20px;flex-direction:column;gap:8px;min-height:150px;padding:12px 88px 16px 14px;animation:.3s ease-out both card-in;display:flex;position:relative}.qtop{align-items:center;gap:8px;display:flex}.cat-chip{background:color-mix(in srgb, var(--cat) 18%, #fff);color:color-mix(in srgb, var(--cat) 60%, var(--ink));border-radius:999px;align-items:center;gap:5px;padding:2px 10px 2px 2px;font-size:13px;font-weight:800;display:inline-flex}.cat-chip .cat-icon{width:28px;height:28px}.diff{gap:3px;display:inline-flex}.diff i{background:#2b1d3a26;border-radius:50%;width:8px;height:8px}.diff i.on{background:var(--berry)}.qtext{color:var(--ink);text-wrap:pretty;font-size:20px;font-weight:800;line-height:1.3}.fuse{width:72px;height:72px;position:absolute;top:10px;right:10px}.fuse svg{filter:drop-shadow(0 3px #2b1d3a33);width:100%;height:100%;overflow:visible}.fuse-num{color:#fff;text-shadow:-2px 0 var(--ink), 2px 0 var(--ink), 0 -2px var(--ink), 0 2px var(--ink);font-variant-numeric:tabular-nums;place-items:center;font-size:24px;font-weight:900;display:grid;position:absolute;inset:0}.fuse.urgent{animation:.5s ease-in-out infinite wobble}.fuse.urgent .fuse-num{color:#ffd2d4}.fuse.idle svg{animation:none}.options{flex-direction:column;gap:8px;display:flex}.opt{border:3px solid var(--ink);background:var(--paper);min-height:56px;box-shadow:var(--shadow);text-align:left;animation:opt-in .28s calc(50ms + var(--i) * 50ms) ease-out both;border-radius:16px;align-items:center;gap:10px;padding:6px 44px 6px 8px;font-size:17px;font-weight:800;line-height:1.2;transition:transform 80ms,background .15s,opacity .2s;display:flex;position:relative}.opt:active:not(:disabled),.opt.press{transform:translateY(3px)scaleY(.96);box-shadow:0 1px #2b1d3a40}.opt:disabled{color:var(--ink)}.key{background:color-mix(in srgb, var(--cat,var(--berry)) 20%, #fff);width:32px;height:32px;color:var(--muted);border-radius:10px;flex:none;place-items:center;font-size:15px;font-weight:900;display:grid}.lbl{flex:1}.mk{width:28px;height:28px;margin-top:-14px;position:absolute;top:50%;right:10px}.mk svg{width:100%;height:100%}.opt.good{background:var(--good);border-color:var(--mint-deep);animation:.35s ease-out pop-good}.opt.good .mk{color:var(--mint-deep)}.opt.bad{background:var(--bad);animation:.25s ease-in-out shake}.opt.bad .mk{color:var(--red)}.opt.dim{opacity:.5}.opt.gone{pointer-events:none;animation:.35s ease-in forwards crumble}.opt.hint{animation:1.1s ease-in-out infinite hint}.ghost{pointer-events:none;width:40px;height:40px;animation:1.1s ease-in-out infinite tap-ghost;position:absolute;bottom:-14px;right:16px}.ghost svg{width:100%;height:100%}.lifelines{gap:10px;display:flex}.life{border:3px solid var(--ink);min-height:48px;box-shadow:var(--shadow);background:#fff8d9;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:16px;font-weight:900;display:flex}.life svg{width:22px;height:22px;color:var(--berry-deep)}.life .cost{color:var(--muted);background:#2b1d3a14;border-radius:999px;align-items:center;gap:2px;padding:2px 8px 2px 3px;font-size:13px;display:inline-flex}.cost-icon{width:18px;height:18px}.life:disabled{opacity:.45;box-shadow:none}.life.used{text-decoration:line-through}.life.pulse{animation:.5s ease-out 2 bump}.coach{border:3px solid var(--ink);background:var(--paper);min-height:84px;box-shadow:var(--shadow);opacity:.35;border-radius:18px;align-items:center;gap:8px;margin-top:auto;padding:8px 8px 8px 6px;transition:opacity .2s,background .2s;display:flex}.coach.show{opacity:1}.coach.good{background:#e8fbf3}.coach.bad{background:#fff1f2}.coach-mascot{flex:none;width:56px;height:56px}.coach-img{width:56px;height:auto}.bubble{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:14px;line-height:1.3;display:flex}.bubble b{font-size:15px;font-weight:900}.bubble span{color:var(--muted);font-weight:600}.next{flex:none;min-height:52px;padding:0 12px;font-size:16px;position:relative}.next.auto:after{content:"";transform-origin:0;background:#ffffffd9;border-radius:2px;height:4px;animation:2.6s linear forwards fill-up;position:absolute;bottom:9px;left:16px;right:16px}.hop{animation:.45s cubic-bezier(.3,1.6,.5,1) hop}.flick{animation:.25s ease-in forwards flick}#results{padding-bottom:max(22px, env(safe-area-inset-bottom));justify-content:safe center;align-items:stretch}.res-top{align-items:center;gap:10px;padding-right:52px;display:flex}.res-heads h2{margin-bottom:2px}.res-word{color:var(--berry-deep);font-size:30px;font-weight:900}.big-score{border-style:solid;border-image:url(../assets/style-sheet/panel@2x.webp) 60 fill/20px;flex-direction:column;align-items:center;padding:14px 10px 18px;display:flex;position:relative}.big-score b{font-variant-numeric:tabular-nums;font-size:56px;font-weight:900;line-height:1}.big-score span{color:var(--muted);font-size:15px;font-weight:700}.new-best{border:2px solid var(--ink);background:var(--honey);border-radius:999px;padding:4px 10px;animation:.5s cubic-bezier(.3,1.6,.5,1) .9s both spin-pop;position:absolute;top:-10px;right:10px;color:var(--ink)!important;font-weight:900!important}.res-dots{justify-content:center;gap:6px;display:flex}.dot{border:2px solid var(--ink);width:22px;height:22px;animation:star-in .3s calc(.2s + var(--i) * 60ms) cubic-bezier(.3, 1.6, .5, 1) both;background:#2b1d3a1a;border-radius:50%}.dot.ok{background:var(--mint)}.dot.no{background:var(--red)}.res-line{text-align:center;color:var(--muted);font-weight:700}.res-facts{justify-content:center}.res-badges{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.res-badges:empty{display:none}.badge{border:2px solid var(--ink);background:#fff0c2;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 4px;font-weight:800;animation:.5s cubic-bezier(.3,1.6,.5,1) 1.1s both spin-pop;display:inline-flex}.btn.ad{min-height:52px;font-size:16px}.stats-head{align-items:center;gap:12px;padding-right:52px;display:flex}.stats-head h1{font-size:26px;font-weight:900}.tiles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tile{border:3px solid var(--ink);background:var(--paper);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.tile b{font-size:22px;font-weight:900}.tile span{color:var(--muted);font-size:13px;font-weight:700}.stat-cats{flex-direction:column;gap:8px;display:flex}.stat-row{grid-template-columns:32px 1fr 1fr;align-items:center;gap:10px;display:grid}.stat-row .cat-icon{width:32px;height:32px}.stat-label{color:var(--muted);flex-direction:column;font-size:12px;font-weight:700;display:flex}.stat-label b{color:var(--ink);font-size:15px}.meter{border:2px solid var(--ink);background:var(--paper);border-radius:8px;height:14px;overflow:hidden}.meter i{background:var(--cat);height:100%;display:block}#fx{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.pop{color:var(--ink);text-shadow:-2px 0 #fff,2px 0 #fff,0 -2px #fff,0 2px #fff;white-space:nowrap;font-size:24px;font-weight:900;position:fixed}.pop.quick{color:#d98a00}.pop.streak{color:var(--berry-deep);font-size:30px}.pop.bad{color:var(--red)}.bit{will-change:transform;border-radius:50%;width:9px;height:9px;position:fixed}.bit.confetti{border-radius:2px;width:9px;height:15px}.shake{animation:.25s ease-in-out shake}.shake-soft{animation:.2s ease-in-out shake-soft}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}}@keyframes card-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes opt-in{0%{opacity:0;transform:translate(-14px)}}@keyframes mascot-in{0%{opacity:0;transform:scale(.6)rotate(-10deg)}}@keyframes pop-good{40%{transform:scale(1.04)}}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes shake-soft{25%{transform:translate(-2px,1px)}75%{transform:translate(2px,-1px)}}@keyframes wobble{25%{transform:rotate(-7deg)scale(1.04)}75%{transform:rotate(7deg)scale(1.04)}}@keyframes crumble{to{opacity:.15;filter:blur(1px);transform:scale(.94)translateY(4px)}}@keyframes bump{40%{transform:scale(1.08)}}@keyframes hop{40%{transform:translateY(-12px)scale(1.08,.94)}}@keyframes flick{to{opacity:0;transform:translate(60px)rotate(6deg)}}@keyframes fill-up{0%{transform:scaleX(0)}}@keyframes hint{50%{box-shadow:0 4px 0 var(--ink), 0 0 0 5px #ffb627e6}}@keyframes tap-ghost{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-6px,-12px)scale(.92)}}@keyframes star-in{0%{opacity:0;transform:scale(.3)}}@keyframes spin-pop{0%{opacity:0;transform:scale(.3)rotate(-20deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=700px) and (height>=700px){.qtext{font-size:25px}.opt{min-height:60px;font-size:19px}}@media (height<=700px){.qtext{font-size:18px}.opt{min-height:50px}.coach{min-height:72px}}
