@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-400-normal-8Rpg0ruU.woff2)format("woff2"),url(/assets/public-sans-latin-400-normal-SBbinRkI.woff)format("woff")}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-600-normal-Fru-LXNs.woff2)format("woff2"),url(/assets/public-sans-latin-600-normal-BR59oU-I.woff)format("woff")}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/public-sans-latin-800-normal-Cymo4W0O.woff2)format("woff2"),url(/assets/public-sans-latin-800-normal-qgH1Oyzx.woff)format("woff")}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/public-sans-latin-900-normal-ComRs1a5.woff2)format("woff2"),url(/assets/public-sans-latin-900-normal-Cvm28Ll6.woff)format("woff")}:root{--page:#f6efe0;--ink:#3a2e22;--muted:#7a6a55;--ocean:#eadfc6;--ocean-line:#dfd1b3;--frame:#5b4a38;--box:#eadfc6;--box-line:#dfd1b3;--box-danger:#b8432f;--box-guide:#7a6a55;--stroke:#4a3b2c;--danger:#b8432f;--gold:#d9a62e;--button:#5b4a38;--button-ink:#f6efe0;--c0:#9dbbd6;--c1:#a9c38e;--c2:#bda8d3;--c3:#d8b98c;--c4:#e8a57a;--c5:#b8b2a7;--c6:#e3aecb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}:root[data-theme=dark]{--page:#0e1a21;--ink:#e5eef2;--muted:#93a6b0;--ocean:#15303b;--ocean-line:#1c3c49;--frame:#5f7887;--box:#15303b;--box-line:#1c3c49;--box-danger:#f07a63;--box-guide:#93a6b0;--stroke:#0e1a21;--danger:#f07a63;--gold:#f2c553;--button:#d7e6ec;--button-ink:#0e1a21;--c0:#5f95cc;--c1:#6fa85e;--c2:#957cbd;--c3:#b08a5d;--c4:#cc7149;--c5:#868b90;--c6:#c77fb2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:inherit}html,body{height:100%;margin:0}body{background:var(--page);color:var(--ink);overscroll-behavior:none;justify-content:center;font-family:Public Sans,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}main{flex-direction:column;gap:8px;width:100%;max-width:672px;height:100%;padding:10px 14px 12px;display:flex}header{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.6rem,6vw,2.3rem);font-weight:900;line-height:.95}.next{text-align:right;align-items:center;gap:8px;display:flex}.next small{color:var(--muted);font-size:.75rem;display:block}.next,.next>div{min-width:0}.next strong{white-space:nowrap;text-overflow:ellipsis;max-width:9.5em;font-size:.95rem;font-weight:800;display:block;overflow:hidden}#nextCanvas{background:var(--ocean);border-radius:10px;width:56px;height:56px}.stats{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.stat small{color:var(--muted);font-size:.72rem;display:block}.stat b{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800}.progress{background:var(--ocean);border-radius:3px;height:6px;overflow:hidden}.progress span{background:var(--gold);width:0;height:100%;transition:width .3s;display:block}.stage{flex:none;justify-content:center;align-items:flex-start;display:flex;position:relative}#game{touch-action:none;cursor:crosshair;max-width:100%;max-height:100%;display:block}.stage.shake #game{animation:shake var(--shake-dur,.9s) ease-out}@keyframes shake{8%{transform:translate(-8px)rotate(-.7deg)}18%{transform:translate(7px)rotate(.6deg)}30%{transform:translate(-7px)rotate(-.5deg)}42%{transform:translate(6px)rotate(.4deg)}55%{transform:translate(-5px)rotate(-.3deg)}68%{transform:translate(4px)rotate(.2deg)}80%{transform:translate(-2px)}90%{transform:translate(1px)}}@media (prefers-reduced-motion:reduce){.stage.shake #game{animation:none}}.controls{grid-template-columns:1fr 2fr 1fr;align-items:center;gap:10px;display:grid}@media (width<=520px){.controls{gap:8px}.controls button{padding:.8em .5em;font-size:.85rem}}@media (width<=380px){h1{font-size:1.35rem}.next strong{max-width:6.5em;font-size:.85rem}.controls button{padding:.8em .35em;font-size:.76rem}}.stack{justify-items:center;display:grid}.stack>span{grid-area:1/1}.stack>span+span,.stack.armed>span{visibility:hidden}.stack.armed>span+span{visibility:visible}.boxwrap{line-height:0;position:relative}.iconbtn{width:30px;height:30px;color:var(--ink);box-shadow:inset 0 0 0 2px var(--frame);background:0 0;border-radius:50%;place-items:center;padding:0;transition:background .15s,color .15s,box-shadow .15s;display:grid}.iconbtn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.iconbtn:hover{background:var(--danger);color:var(--page);box-shadow:inset 0 0 0 2px var(--danger)}.iconbtn.beside{width:46px;height:46px;position:absolute;top:0;left:calc(100% + 14px)}.iconbtn.beside svg{width:21px;height:21px}.bank{color:var(--ink);box-shadow:inset 0 0 0 2px var(--frame);background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:7px 6px 8px;font-size:.72rem;font-weight:700;display:flex}.bank canvas{background:var(--ocean);border-radius:8px;width:56px;height:56px}.bank.empty{box-shadow:none;outline:2px dashed var(--muted);outline-offset:-2px}.bank.empty:disabled{opacity:1;cursor:default}.bank.full{box-shadow:inset 0 0 0 3px var(--gold)}.bank{position:relative}.bank.pulse{animation:1.6s ease-in-out infinite bankbreathe}.bank.pulse:after{content:"";pointer-events:none;border-radius:14px;animation:1.6s ease-out infinite bankripple;position:absolute;inset:-2px}@keyframes bankbreathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes bankripple{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--gold) 75%, transparent)}70%,to{box-shadow:0 0 0 12px color-mix(in srgb, var(--gold) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.bank.pulse{animation:none}.bank.pulse:after{box-shadow:0 0 0 3px var(--gold);animation:none}}.bank-slot{border-radius:8px;line-height:0;display:block;position:relative}.bank.beside{width:84px;position:absolute;top:0;right:calc(100% + 14px)}.bank.beside,.bank.beside.empty,.bank.beside.full{box-shadow:none;background:0 0;outline:none;gap:9px;padding:0}.bank.beside .bank-slot{box-shadow:0 0 0 2px var(--frame);border-radius:12px}.bank.beside canvas{border-radius:12px;width:72px;height:72px}.bank.beside.full .bank-slot{box-shadow:0 0 0 3px var(--gold)}.bank.beside.pulse{animation:none}.bank.beside.pulse:after{content:none}.bank.beside.pulse .bank-slot{animation:1.6s ease-in-out infinite bankbreathe}.bank.beside.pulse .bank-slot:after{content:"";pointer-events:none;border-radius:12px;animation:1.6s ease-out infinite bankripple;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.bank.beside.pulse .bank-slot{animation:none}.bank.beside.pulse .bank-slot:after{box-shadow:0 0 0 3px var(--gold);animation:none}}header .bank{padding:4px 4px 3px;font-size:.66rem}header .bank canvas{width:40px;height:40px}.card .row{grid-template-columns:1fr 1.4fr;gap:10px;display:grid}.win{text-align:center}.win h2{margin-bottom:.15em;font-size:2.1rem}.win .big{letter-spacing:-.03em;color:var(--ink);margin:.1em 0 .05em;font-size:2.6rem;font-weight:900;line-height:1}.win .lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:.8rem;font-weight:700}.win .total{margin:.5em 0 1.1em}.win .row{grid-template-columns:1fr 1.35fr}.win .row button{white-space:nowrap}.win .endless{background:var(--gold);color:#3a2e22}.win .card{animation:.45s cubic-bezier(.2,1.4,.4,1) winpop}@keyframes winpop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}#confetti{pointer-events:none;z-index:50;width:100vw;height:100vh;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.win .card{animation:none}}.card .secondary{color:var(--ink);box-shadow:inset 0 0 0 2px var(--button);background:0 0}.controls button.blend{background:var(--gold);color:#3a2e22}#game{transform-origin:50%}.soundbtn{width:30px;height:30px;color:var(--ink);box-shadow:inset 0 0 0 2px var(--frame);background:0 0;border-radius:50%;place-items:center;padding:0;transition:background .15s,color .15s;display:grid}.soundbtn svg{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.soundbtn:hover{background:var(--frame);color:var(--page)}.soundbtn .off,.soundbtn[aria-pressed=true] .on{display:none}.soundbtn[aria-pressed=true] .off{display:inline}button{font:inherit;background:var(--button);color:var(--button-ink);cursor:pointer;border:0;border-radius:999px;padding:.8em 1.5em;font-weight:800}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.controls button{white-space:nowrap}.controls button.secondary{color:var(--ink);box-shadow:inset 0 0 0 2px var(--button);background:0 0;flex:none;transition:background .15s,color .15s,box-shadow .15s}.controls button.secondary:hover{background:var(--danger);color:var(--page);box-shadow:inset 0 0 0 2px var(--danger)}.topbar{justify-content:flex-end;align-items:center;gap:10px;display:flex}.toggle{background:var(--ocean);width:58px;height:30px;box-shadow:inset 0 0 0 2px var(--frame);border-radius:999px;padding:0;position:relative}.toggle .thumb{background:var(--button);width:24px;height:24px;color:var(--button-ink);border-radius:50%;place-items:center;transition:transform .25s;display:grid;position:absolute;top:3px;left:3px;transform:translate(28px)}.toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.toggle .icon-cloud{display:none}:root[data-theme=dark] .toggle .thumb{transform:translate(0)}:root[data-theme=dark] .toggle .icon-sun{display:none}:root[data-theme=dark] .toggle .icon-cloud{display:block}@media (prefers-reduced-motion:reduce){.toggle .thumb{transition:none}}.hint{color:var(--muted);flex:1.4;font-size:.78rem;line-height:1.3}.toast{pointer-events:none;text-align:center;letter-spacing:-.01em;white-space:nowrap;color:var(--ink);background:var(--page);opacity:0;border-radius:12px;padding:.4em .9em;font-size:clamp(.9rem,3.6vw,1.1rem);font-weight:800;transition:opacity .25s;position:absolute;top:38%;left:50%;transform:translate(-50%)}.toast.show{opacity:.95}.overlay{z-index:5;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}@media (width<=520px){.overlay{padding:8px}.card{padding:16px 16px 14px}.card h2{font-size:1.3rem}.card ul{margin-bottom:.9em;font-size:.88rem;line-height:1.4}}.overlay[hidden]{display:none}.card{background:var(--page);border:2px solid var(--frame);border-radius:18px;width:100%;max-width:340px;padding:22px 22px 20px}.card h2{letter-spacing:-.03em;margin:0 0 .3em;font-size:1.5rem;font-weight:900;line-height:1.05}.card p{color:var(--muted);margin:.2em 0 .8em;line-height:1.45}.card ul{margin:0 0 1.1em;padding-left:1.1em;line-height:1.5}.card button{width:100%}.title-card{text-align:center;padding:28px 24px 22px}.card.title-card h2{letter-spacing:-.04em;margin-bottom:.35em;font-size:2.6rem;line-height:.92}.title-card p{max-width:24em;margin:0 auto 1.2em}.title-card .primary{padding:.95em 1.5em;font-size:1.2rem}.title-card .secondary{width:auto;min-width:50%;margin-top:10px;padding:.6em 1.4em;font-size:.9rem}.title-card{animation:.45s cubic-bezier(.2,1.4,.4,1) winpop}@media (width<=520px){.card.title-card h2{font-size:2.1rem}}@media (prefers-reduced-motion:reduce){.title-card{animation:none}}.tut-dim{z-index:20;background:#1e140a8c;animation:.3s ease-out tutfade;position:fixed;inset:0}:root[data-theme=dark] .tut-dim{background:#0000009e}.tut-dim[hidden]{display:none}@keyframes tutfade{0%{opacity:0}}.tut-lift{z-index:21}.tut-lift:not(.beside){position:relative}.controls button.tut-lift{animation:1.6s ease-out infinite tutripple}@keyframes tutripple{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--gold) 80%, transparent)}70%,to{box-shadow:0 0 0 14px color-mix(in srgb, var(--gold) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.controls button.tut-lift{box-shadow:0 0 0 3px var(--gold);animation:none}}.tutorial-on .toast{z-index:23}.tutorial-on .overlay{z-index:24}.tut-card{z-index:22;pointer-events:none;background:var(--page);border:2px solid var(--gold);border-radius:16px;width:min(92%,360px);padding:12px 16px 14px;position:absolute;top:36%;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000040}.tut-card[hidden]{display:none}.tut-card[data-pos=top]{top:3%}.tut-card[data-pos=center]{text-align:center;padding:22px 22px 20px;top:50%;transform:translate(-50%,-50%)}.tut-card.pop{animation:.3s cubic-bezier(.2,1.3,.4,1) tutpop}@keyframes tutpop{0%{opacity:0;translate:0 8px}}@media (prefers-reduced-motion:reduce){.tut-card.pop{animation:none}}.tut-card button{pointer-events:auto}.tut-head{justify-content:space-between;align-items:baseline;gap:8px;min-height:1.2em;display:flex}.tut-head small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:800}.tut-card h2{letter-spacing:-.03em;margin:.15em 0 .2em;font-size:1.3rem;font-weight:900;line-height:1.05}.tut-card[data-pos=center] h2{font-size:1.9rem}.tut-card p{color:var(--ink);margin:0;font-size:.95rem;line-height:1.4}#tutNext{width:100%;margin-top:12px;display:block}#tutNext[hidden]{display:none}.tut-card[data-pos=center] #tutNext{background:var(--gold);color:#3a2e22;padding:.9em 1.5em;font-size:1.15rem}.linkbtn{color:var(--muted);text-underline-offset:2px;background:0 0;border-radius:4px;margin-left:auto;padding:.2em 0;font-size:.75rem;font-weight:700;text-decoration:underline}.linkbtn:hover{color:var(--ink)}.linkbtn[hidden]{display:none}@media (width<=520px){.tut-card{padding:10px 13px 12px;top:29%}.tut-card h2{font-size:1.12rem}.tut-card p{font-size:.86rem}#tutNext{margin-top:9px;padding:.65em 1.2em}}
