:root{--ink:#0b0b0d;--paper:#fff6dc;--gold:#ffc93c;--cat:#ce9fd8;--numbers:"Arial Rounded MT Bold", ui-rounded, "Nunito", "Trebuchet MS", system-ui, sans-serif}html,body{background:#0e0a19;height:100%;margin:0;overflow:hidden}body{font-family:var(--numbers);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}[hidden]{display:none!important}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:fixed;inset:0}#hud>*{pointer-events:auto}#task{text-align:center;white-space:nowrap;background:var(--paper);border:4px solid var(--ink);border-radius:.5em;justify-self:center;min-width:3.2em;padding:.22em .55em .26em;font-size:clamp(38px,7.5vmin,72px);font-weight:900;line-height:1;transition:transform .15s;box-shadow:0 6px #0008}#task:empty{visibility:hidden}#task.answer{background:#fff;transform:scale(1.12)}#task .eq{color:#b3261e}#side{pointer-events:none;flex-direction:column;justify-self:end;align-items:flex-end;gap:8px;display:flex}#lives{gap:6px;display:flex}#lives svg{filter:drop-shadow(0 3px #0008);width:auto;height:clamp(34px,6vmin,52px);transition:transform .3s,opacity .3s,filter .3s}#lives svg.lost{opacity:.3;filter:grayscale();transform:scale(.8)}button{font:inherit;color:inherit;cursor:pointer;border:4px solid var(--ink);background:var(--paper);-webkit-tap-highlight-color:transparent;box-shadow:0 5px #0008}button:active{transform:translateY(3px);box-shadow:0 2px #0008}.round{aspect-ratio:1;border-radius:50%;place-items:center;width:clamp(52px,9vmin,72px);padding:0;display:grid}.round svg{width:58%;fill:var(--ink)}.round.big{background:var(--gold);width:clamp(72px,13vmin,104px)}#nav{pointer-events:none;justify-self:start;align-items:center;gap:10px;display:flex}#nav>*{pointer-events:auto}#mute{width:clamp(42px,7vmin,56px)}@media (max-width:520px){#nav{flex-direction:column;align-items:flex-start}}#mute[aria-pressed=true],#menu-mute[aria-pressed=true]{background:#d9d4c4}.overlay{background:radial-gradient(#0e0a1966,#0e0a19cc);place-items:center;display:grid;position:fixed;inset:0}#end{pointer-events:none;background:radial-gradient(#0e0a1900 30%,#0e0a19aa);place-items:stretch center}#end .panel{box-sizing:border-box;height:100%;padding:clamp(96px, 19vmin, 170px) 0 max(5vh, env(safe-area-inset-bottom));justify-content:space-between}#end button{pointer-events:auto}.panel{flex-direction:column;align-items:center;gap:clamp(14px,3vmin,28px);display:flex}#menu{--px:clamp(3px, min(1.1vw, 1vh), 8px);box-sizing:border-box;touch-action:pan-y;padding:calc(max(14px, env(safe-area-inset-top)) + 10 * var(--px)) max(24px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));align-items:start;overflow-y:auto}#menu .panel{width:100%;margin:auto 0;padding:12px 0}#menu-title{color:var(--paper);text-align:center;text-shadow:0 3px #0008;margin:0;font-size:clamp(26px,5vmin,46px)}#menu-title:focus{outline:none}#menu-title.quiet{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#menu-choice{color:var(--paper);text-align:center;font-size:clamp(18px,3vmin,28px);font-weight:900}@supports (width:round(down, 1px, 1px)){#menu{--px:round(down, clamp(3px, min(1.1vw, 1vh), 8px), .5px)}}#menu-logo{top:calc(max(14px, env(safe-area-inset-top)) + var(--px));font-size:var(--px);position:absolute;left:50%;transform:translate(-50%)}#menu-back{top:max(14px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));position:fixed}#menu-workshop{box-sizing:border-box;border:4px solid var(--ink);background:var(--paper);-webkit-tap-highlight-color:transparent;box-shadow:0 5px #0008}#menu-workshop:active{transform:translateY(3px);box-shadow:0 2px #0008}#menu-workshop[hidden]{display:none}#tables{grid-template-columns:repeat(5,1fr);gap:clamp(8px,2vmin,18px);display:grid}#tables button{aspect-ratio:1;border-radius:22%;width:clamp(56px,13vmin,120px);font-size:clamp(26px,6.5vmin,60px);font-weight:900}#tables button.on{background:var(--cat);transform:translateY(3px);box-shadow:0 2px #0008}#stages{flex-wrap:wrap;justify-content:center;gap:clamp(8px,2vmin,18px);display:flex}#stages button{background:var(--gold);white-space:nowrap;border-radius:999px;padding:.35em .9em;font-size:clamp(20px,4.4vmin,40px);font-weight:900}#stars{letter-spacing:.05em;color:var(--gold);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 6px #0008;font-size:clamp(54px,13vmin,120px);line-height:1}#stars .off{color:#0006;-webkit-text-stroke-color:#0009}#stars span{animation:.5s cubic-bezier(.3,1.6,.5,1) both pop;display:inline-block}#stars span:nth-child(2){transform-origin:50% 60%;animation-delay:.15s}#stars span:nth-child(3){animation-delay:.3s}@keyframes pop{0%{transform:scale(0)rotate(-40deg)}}#missed{flex-direction:column;align-items:center;gap:8px;display:flex}#missed div{background:var(--paper);border:4px solid var(--ink);border-radius:.5em;padding:.15em .6em;font-size:clamp(30px,6vmin,56px);font-weight:900}.buttons{align-items:center;gap:clamp(14px,3vmin,28px);display:flex}#vignette{pointer-events:none;background:radial-gradient(at 50% 55%,#0000 55%,#05030b99 100%);position:fixed;inset:0}#score{color:var(--ink);background:var(--gold);border:4px solid var(--ink);border-radius:999px;padding:.16em .5em .2em;font-size:clamp(26px,5vmin,46px);font-weight:900;line-height:1;box-shadow:0 4px #0008}#score.bump{animation:.25s bump}@keyframes bump{40%{transform:scale(1.25)}}#levels{grid-template-columns:repeat(3,1fr);gap:clamp(12px,2.5vmin,24px);display:grid}#levels button{aspect-ratio:1;border-radius:22%;place-items:center;width:clamp(72px,min(17vmin,14vh),150px);padding:0;display:grid}#levels button.on{opacity:1;background:var(--gold);transform:translateY(3px);box-shadow:0 2px #0008}#levels svg{width:66%}#levels[aria-busy=true] button{pointer-events:none}#levels button.loading svg{animation:.7s ease-in-out infinite alternate fetching}@keyframes fetching{to{opacity:.35;transform:scale(.86)}}@media (max-width:599px),(max-height:599px){#levels button.roomy{opacity:.6}}#too-small{max-width:min(26em,88vw);color:var(--ink);background:var(--paper);border:4px solid var(--ink);text-align:center;border-radius:24px;padding:0;font-size:clamp(18px,3.4vmin,26px);font-weight:900;box-shadow:0 6px #0008}#too-small[open]{animation:.2s both pop}#too-small::backdrop{background:#05030bb3}#too-small form{flex-direction:column;align-items:center;gap:.7em;padding:1.1em 1.2em 1.3em;display:flex}#too-small p{margin:0}#too-small-icon{aspect-ratio:1;border:4px solid var(--ink);background:#fff;border-radius:22%;place-items:center;width:4.2em;display:grid}#too-small-icon svg{width:66%}#too-small-actions{flex-wrap:wrap;justify-content:center;gap:.6em;margin-top:.3em;display:flex}#too-small button{background:var(--gold);border-radius:999px;padding:.35em 1.6em}#trial-purchase{max-width:min(30em,90vw);color:var(--ink);background:var(--paper);border:4px solid var(--ink);text-align:center;border-radius:24px;padding:0;font-size:clamp(18px,3.4vmin,26px);font-weight:900;box-shadow:0 6px #0008}#trial-purchase[open]{animation:.2s both pop}#trial-purchase::backdrop{background:#05030bb3}#trial-purchase form{flex-direction:column;align-items:center;gap:.7em;padding:1.1em 1.2em 1.3em;display:flex}#trial-purchase h2,#trial-purchase p{margin:0}#trial-purchase h2{font-size:1.2em}#trial-purchase-actions{flex-wrap:wrap;justify-content:center;gap:.6em;margin-top:.3em;display:flex}#trial-purchase-actions a,#trial-purchase-actions button{background:var(--gold);font:inherit;color:inherit;border:4px solid var(--ink);border-radius:999px;padding:.35em .8em;text-decoration:none;box-shadow:0 5px #0008}#trial-purchase-actions button{padding-inline:1.6em}#levels button[data-level=tile-rush]{border:4px solid var(--gold);background:radial-gradient(#5a2fd0,#1b0f3a);grid-column:1/-1;justify-self:center;margin-top:clamp(14px,3vmin,28px);animation:2s ease-in-out infinite boss;position:relative;box-shadow:0 5px #0008,0 0 18px #ffc93c88}#levels button[data-level=tile-rush].on{background:var(--gold)}#levels button[data-level=tile-rush]:after{content:"";aspect-ratio:1;pointer-events:none;background:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2032%2032%22%3E%3Cpath%20d=%22M4%2024%203%209l7%206%206-10%206%2010%207-6-1%2015z%22%20fill=%22%23ffc93c%22%20stroke=%22%230b0b0d%22%20stroke-width=%222.6%22%20stroke-linejoin=%22round%22/%3E%3Cpath%20d=%22M4%2024h24v4H4z%22%20fill=%22%23f29616%22%20stroke=%22%230b0b0d%22%20stroke-width=%222.6%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E) 50%/contain no-repeat;width:42%;position:absolute;top:-30%;left:50%;transform:translate(-50%)rotate(-8deg)}@keyframes boss{50%{box-shadow:0 5px #0008,0 0 30px #ffc93ccc}}#stages .go{align-items:center;gap:.5em;padding:.3em 1em;display:flex}#stages .go svg{width:1.3em;fill:var(--ink)}#result{flex-direction:column;align-items:center;gap:clamp(8px,1.6vmin,16px);display:flex}#result-score{color:var(--gold);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 6px #0008;font-size:clamp(54px,12vmin,110px);font-weight:900;line-height:1;animation:.5s cubic-bezier(.3,1.6,.5,1) both pop}#result.best #result-score{animation:.5s cubic-bezier(.3,1.6,.5,1) both pop,1s ease-in-out .5s infinite alternate best}@keyframes best{to{transform:scale(1.1)rotate(-3deg)}}#result-best{background:var(--paper);border:4px solid var(--ink);border-radius:999px;padding:.2em .7em .24em;font-size:clamp(22px,4.2vmin,38px);font-weight:900;line-height:1}#result.best #result-best{background:var(--gold)}#history{border:4px solid var(--ink);background:#fff6dccc;border-bottom-width:6px;border-radius:14px 14px 0 0;align-items:flex-end;gap:clamp(4px,1vmin,9px);height:clamp(56px,13vmin,120px);padding:8px 12px 0;display:flex}#history div{border:3px solid var(--ink);box-sizing:border-box;background:#8794dc;border-bottom:0;border-radius:6px 6px 0 0;width:clamp(12px,2.8vmin,26px)}#history div.top{background:var(--gold)}#history div.now{background:#f25757}#history div.now.top{background:var(--gold);outline-offset:2px;outline:3px solid #f25757}#end .top{flex-direction:column;align-items:center;gap:clamp(10px,2vmin,20px);display:flex}body[data-level=balloon-flap] #vignette{display:none}body[data-level=balloon-flap] .overlay{background:radial-gradient(#0e0a1933,#0e0a1988)}body[data-level=balloon-flap] #end{background:radial-gradient(#0e0a1900 20%,#0e0a1966)}body[data-level=balloon-flap] #missed{flex-flow:wrap;justify-content:center}body[data-level=tile-rush] .overlay{background:radial-gradient(#100d2444,#100d24cc)}body[data-level=tile-rush] #end{background:radial-gradient(#100d2400 25%,#100d24aa)}#bomb{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));width:calc(var(--dpad,150px) * .7);touch-action:none;background:#ff9a2e;animation:.35s cubic-bezier(.3,1.6,.5,1) both pop;position:fixed}#bomb svg{width:60%;height:60%}body[data-level=maze-munch] #vignette{background:radial-gradient(at 50% 55%,#0000 62%,#05030b88 100%)}body[data-level=maze-munch] .overlay{background:radial-gradient(#0b0b2a55,#0b0b2acc)}body[data-level=maze-munch] #end{background:radial-gradient(#0b0b2a00 30%,#0b0b2aaa)}#fire{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));width:calc(var(--dpad,150px) * .7);touch-action:none;background:#ff9a2e;animation:.35s cubic-bezier(.3,1.6,.5,1) both pop;position:fixed}#fire svg{width:60%;height:60%}#fire.empty{opacity:.45}#fire.safe{background:#b99bff}.dpad{z-index:3;left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));width:var(--dpad,150px);aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:4px;display:grid;position:fixed}.dpad[hidden]{display:none}.dpad-btn{border:4px solid var(--ink);color:var(--ink);touch-action:none;background:#ffd45e;border-radius:16px;place-items:center;padding:0;display:grid;position:relative;box-shadow:0 4px #0008}.dpad-btn svg{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;width:70%;height:70%}.dpad-btn:after{content:"";position:absolute;inset:-16px}.dpad-up:after{bottom:0}.dpad-down:after{top:0}.dpad-left:after{right:0}.dpad-right:after{left:0}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-right{grid-area:2/3}.dpad-down{grid-area:3/2}.dpad-right svg{transform:rotate(90deg)}.dpad-down svg{transform:rotate(180deg)}.dpad-left svg{transform:rotate(-90deg)}.dpad-btn.down{background:#fff3a8;transform:translateY(3px);box-shadow:0 1px #0008}body[data-level=dig-deep] #vignette{display:none}body[data-level=dig-deep] .overlay{background:radial-gradient(#2a190e44,#1a0f08cc)}body[data-level=dig-deep] #end{background:radial-gradient(#1a0f0800 35%,#1a0f0888)}#place,#medal{aspect-ratio:1;color:var(--ink);background:var(--gold);border:4px solid var(--ink);border-radius:50%;place-items:center;font-weight:900;line-height:1;display:grid;box-shadow:0 4px #0008}#place{width:clamp(44px,8vmin,68px);font-size:clamp(26px,5vmin,44px)}#medal{border-width:6px;width:clamp(96px,20vmin,170px);font-size:clamp(58px,13vmin,112px);animation:.5s cubic-bezier(.3,1.6,.5,1) both pop;box-shadow:0 6px #0008,inset 0 0 0 6px #fff6}[data-place="2"]{background:#d3d9e6!important}[data-place="3"]{background:#e39a5b!important}#item{left:50%;bottom:max(18px, env(safe-area-inset-bottom));border-radius:999px;gap:6px;padding:8px 14px;display:flex;position:fixed;transform:translate(-50%)}#item:active{transform:translate(-50%)translateY(3px)}#item svg{width:clamp(34px,6.5vmin,54px)}body[data-level=sunset-sprint] #vignette{display:none}body[data-level=sunset-sprint] .overlay{background:radial-gradient(#0e0a1933,#0e0a1988)}body[data-level=sunset-sprint] #end{background:radial-gradient(#0e0a1900 35%,#0e0a1955)}body[data-level=sunset-sprint] #end .panel{padding-top:max(12px, env(safe-area-inset-top))}#medal{width:clamp(80px,15vmin,130px);font-size:clamp(48px,10vmin,86px)}#tables button{position:relative}#tables .friend{pointer-events:none;filter:drop-shadow(0 2px #0008);width:46%;position:absolute;top:-14%;right:-14%}#tables .friend svg{width:100%;display:block}body[data-level=beat-blades] #vignette{display:none}body[data-level=beat-blades] .overlay{background:radial-gradient(#150f3355,#150f33cc)}body[data-level=beat-blades] #end{background:radial-gradient(#150f3300 35%,#150f3366)}body[data-level=alley-run] #vignette{display:none}body[data-level=alley-run] .overlay{background:radial-gradient(#2a002a55,#1a001acc)}body[data-level=alley-run] #end{background:radial-gradient(#1a001a00 35%,#1a001a88)}body[data-level=downhill-dash] #vignette{display:none}body[data-level=downhill-dash] .overlay{background:radial-gradient(#0e0a1933,#0e0a1988)}body[data-level=downhill-dash] #end{background:radial-gradient(#0e0a1900 35%,#0e0a1955)}body[data-level=rickety-climb] .overlay{background:radial-gradient(#1a142255,#1a1422cc)}body[data-level=rickety-climb] #end{background:radial-gradient(#1a142200 30%,#1a1422aa)}#stages .best{background:var(--paper);border:4px solid var(--ink);border-radius:999px;align-self:center;padding:.3em .7em;font-size:clamp(18px,3.6vmin,32px);font-weight:900;line-height:1}.chilis{display:inline-flex}.chilis svg{width:1.15em;height:1.15em;margin:0 -.12em}#stages button{border-radius:.7em;flex-direction:column;align-items:center;gap:.1em;min-width:3.6em;padding:.3em .7em .25em;display:flex;position:relative}#stages button small{font-size:.5em;line-height:1}#stages .mark{aspect-ratio:1;background:var(--paper);border:3px solid var(--ink);border-radius:50%;place-items:center;width:.95em;display:grid;position:absolute;top:-.45em;right:-.4em}#stages .mark svg{width:70%}#stages .mark.clean{background:#fff}#stages .mark.clean svg{width:88%}#tables .pips{pointer-events:none;justify-content:center;gap:6%;display:flex;position:absolute;bottom:7%;left:0;right:0}#tables .pips i{aspect-ratio:1;border:2px solid var(--ink);box-sizing:border-box;background:#0002;border-radius:50%;width:11%}#tables .pips i.done{background:#fff}#tables .pips i.clean{background:var(--gold)}#tables button{padding-bottom:.22em}#tables.ultra button{width:clamp(44px,10vmin,100px);font-size:clamp(20px,5vmin,48px)}#tables .ultra-label{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;grid-column:1/-1;margin:.2em 0 -.1em;font-size:clamp(18px,3.6vmin,32px);font-weight:900}#tables button.ultra{color:#fff;border-color:var(--gold);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;background:radial-gradient(#5a2fd0,#1b0f3a)}#tables button.ultra.on{background:var(--gold);color:var(--ink)}@media (max-height:500px) and (min-width:600px){#tables.ultra{grid-template-columns:repeat(10,1fr)}}#corner{--w:clamp(52px, 9vmin, 72px);--in:calc(var(--w) - 8px);bottom:max(16px, env(safe-area-inset-bottom));right:max(16px, env(safe-area-inset-right));flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed}#corner .round{width:auto;min-width:var(--w);height:var(--w);aspect-ratio:auto;color:var(--ink);border-radius:999px;justify-content:flex-end;align-items:center;text-decoration:none;display:flex}#corner .round svg{width:calc(var(--in) * .58);margin:0 calc(var(--in) * .21);flex:none}#corner #menu-workshop svg{width:calc(var(--in) * .7);margin:0 calc(var(--in) * .15)}#corner .round:before{content:attr(aria-label);white-space:nowrap;max-width:0;font-size:clamp(16px,2.8vmin,22px);font-weight:900;line-height:var(--in);transition:max-width .18s ease-out,padding .18s ease-out;overflow:hidden}#corner .round:focus-visible:before{max-width:16em;padding-left:.9em}@media (hover:hover){#corner .round:hover:before{max-width:16em;padding-left:.9em}}#corner:has(#settings:not([hidden])) .round:before{display:none}#open-trophies{bottom:max(16px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));background:var(--gold);border-radius:999px;align-items:center;gap:.35em;height:clamp(52px,9vmin,72px);padding:0 .8em 0 .5em;font-size:clamp(18px,3.4vmin,28px);font-weight:900;display:flex;position:fixed}#trophy-icon{display:grid}#trophy-icon svg{width:1.7em}#settings{bottom:0;right:calc(var(--w) + 12px);background:var(--paper);border:4px solid var(--ink);transform-origin:100% 90%;border-radius:20px;flex-direction:column;align-items:stretch;gap:10px;min-width:15em;padding:14px;font-size:clamp(16px,2.8vmin,22px);font-weight:900;animation:.2s both pop;display:flex;position:absolute;box-shadow:0 6px #0008}#settings>button{background:#fff;border-radius:14px;align-items:center;gap:.6em;padding:.5em .8em;display:flex;box-shadow:0 4px #0005}#settings svg{width:1.4em;fill:var(--ink);flex:none}#reset-sure{align-items:center;gap:10px;padding:.2em 0 .2em .4em;display:flex}#reset-sure span{flex:1}#reset-sure button{aspect-ratio:1;border-radius:50%;place-items:center;width:2.6em;padding:0;display:grid;box-shadow:0 4px #0005}#reset-yes{background:#f25757}#reset-no{background:#fff}#settings a,#settings .site{color:var(--ink);text-align:center;padding:.4em;font-size:.9em}@media (max-width:520px){#tables:not(.ultra){grid-template-columns:repeat(3,1fr)}#corner{--w:44px;gap:6px}#menu-back{width:44px}#open-trophies{justify-content:center;width:44px;height:44px;padding:0;font-size:16px}#trophy-count{display:none}}.badge{background:var(--gold);border:4px solid var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:.22em;padding:.22em .5em;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 4px #0008}.badge>svg{width:1.3em;height:1.3em}.badge.locked{box-shadow:none;background:#0000000f;border-color:#0005}.badge.locked>*,.badge.locked b{filter:grayscale();opacity:.45}#unlocks{flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.6vmin,16px);max-width:94vw;font-size:clamp(22px,4.4vmin,40px);display:flex}#unlocks:empty{display:none}.unlock{animation:.7s cubic-bezier(.3,1.5,.5,1) both unlock;animation-delay:calc(.6s + var(--i) * .45s);position:relative}.unlock .badge{z-index:1;position:relative;overflow:hidden}.unlock .badge:after{content:"";width:40%;animation:1.1s both shine;animation-delay:calc(1.1s + var(--i) * .45s);background:linear-gradient(100deg,#fff0,#fffc,#fff0);position:absolute;inset:-20% auto -20% -60%;transform:skew(-20deg)}.unlock.more{background:var(--paper);border:4px solid var(--ink);border-radius:999px;place-items:center;padding:0 .5em;font-weight:900;display:grid;box-shadow:0 4px #0008}.unlock>i{opacity:0;width:.32em;height:.5em;animation:1s ease-out both confetti;animation-delay:calc(.8s + var(--i) * .45s);border-radius:2px;position:absolute;top:50%;left:50%}@keyframes unlock{0%{opacity:0;transform:translateY(-1.2em)scale(0)rotate(-12deg)}60%{opacity:1;transform:scale(1.18)rotate(3deg)}}@keyframes shine{to{left:130%}}@keyframes confetti{0%{opacity:1;transform:translate(-50%,-50%)}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy) + 40px)) rotate(var(--turn))}}#page{touch-action:pan-y;-webkit-overflow-scrolling:touch;background:var(--paper);z-index:5;position:fixed;inset:0;overflow-y:auto}#page-close{top:max(14px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:1;position:fixed}#page-body{box-sizing:border-box;max-width:980px;padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 48px max(16px, env(safe-area-inset-left));flex-direction:column;gap:18px;margin:0 auto;font-size:clamp(15px,2.2vmin,20px);display:flex}#page h1{align-items:center;gap:.3em;min-height:clamp(52px,9vmin,72px);margin:0;font-size:2.2em;line-height:1;display:flex}#page h1 svg{width:1.3em}#page h2{align-items:center;gap:.4em;margin:0 0 .5em;font-size:1.3em;line-height:1;display:flex}#page h2 svg{flex:none;width:1.5em;height:1.5em}#page h2 em{opacity:.6;margin-left:auto;font-size:.8em;font-style:normal}#page h3{margin:1em 0 .5em;font-size:1em}#page p{margin:.4em 0 0;font-family:system-ui,sans-serif;line-height:1.4}.card{border:4px solid var(--ink);background:#fff;border-radius:20px;padding:16px;box-shadow:0 5px #0003}.bar{border:3px solid var(--ink);background:#0001;border-radius:999px;height:18px;overflow:hidden}.bar i{background:var(--gold);height:100%;display:block}.bar.empty{opacity:.3}.badges{flex-wrap:wrap;gap:10px;font-size:1.25em;display:flex}.key{opacity:.8;font-size:.85em}.key .cell,.key span[class]{vertical-align:middle;width:1.5em;margin-left:.6em;display:inline-grid}.grid{grid-template-columns:auto repeat(10,minmax(0,1fr)) auto;place-items:center;gap:6px;display:grid}.grid .chilis{justify-self:start;font-size:1.1em}.grid .col{justify-items:center;font-size:1.1em;font-weight:900;line-height:1;display:grid}.grid .col svg{opacity:.15;filter:grayscale();width:1.1em}.grid .col.got svg{opacity:1;filter:none}.cell{box-sizing:border-box;aspect-ratio:1;border:3px dashed #0004;border-radius:50%;place-items:center;width:100%;max-width:3em;display:grid}.cell svg{width:62%}.cell.done{border:3px solid var(--ink);background:var(--paper)}.cell.clean{border:3px solid var(--ink);background:#fff3c4}.cell.clean svg{width:82%}.cup{width:2em;display:grid}.cup svg{opacity:.18;filter:grayscale()}.cup.got svg{opacity:1;filter:none}#page h2 .cup.big{width:1.8em}.facts{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.facts div{border:4px solid var(--ink);text-align:center;background:#fff;border-radius:18px;justify-items:center;gap:2px;padding:12px 6px;font-family:system-ui,sans-serif;font-size:.9em;display:grid}.facts b{font-family:var(--numbers);font-size:2em;line-height:1}.chips{flex-wrap:wrap;gap:8px;font-family:system-ui,sans-serif;display:flex}.chips span{border:3px solid var(--ink);border-radius:999px;padding:.3em .7em}.chips b{font-family:var(--numbers);margin-right:.2em;font-size:1.15em}.sure{background:#bfe6b0}.shaky{background:#ffe08a}.hard{background:#ff9d8f}.none{background:#0000000d}.heat{text-align:center;grid-template-columns:auto repeat(10,minmax(0,1fr));align-items:center;gap:4px;display:grid}.heat b{padding:0 .3em}.heat span{aspect-ratio:1.5;border:2px solid #0003;border-radius:8px;place-items:center;font-size:.9em;font-weight:900;display:grid}.heat span.auto{border-color:var(--ink)}.heat span.helped{border-style:dashed;border-color:var(--ink)}.key span[class]{aspect-ratio:1;border:2px solid #0003;border-radius:6px;place-items:center}#page table{border-collapse:collapse;text-align:right;width:100%;font-family:system-ui,sans-serif}#page th,#page td{white-space:nowrap;border-bottom:2px solid #0001;padding:.35em .5em}#page thead th{opacity:.7;font-size:.8em}#page tbody th{font-family:var(--numbers);text-align:center;font-size:1.2em}#page td .bar{border-width:2px;min-width:60px;height:12px}#page[data-kind=report]{-webkit-user-select:text;user-select:text}@media (max-width:599px){#page table,#page tbody,#page tr{display:block}#page thead{display:none}#page tbody tr{border-bottom:2px solid #0001;flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:10px 0;display:flex}#page tbody th,#page tbody td{border:none;padding:0;display:inline-block}#page tbody th{flex:none;font-size:1.3em}#page tbody td[data-label]:before{content:attr(data-label) ": ";opacity:.6;font-size:.75em}#page tbody td.bar-cell{display:none}}#splash{z-index:10;background:radial-gradient(120% 90% at 50% 110%,#4a1d6b,#1a1035 55%,#0e0a19);flex-direction:column;justify-content:center;align-items:center;gap:9em;font-size:clamp(4px,min(1.6vw,2.2vh),14px);display:flex;position:fixed;inset:0;overflow:hidden}#splash.gone{opacity:0;visibility:hidden;transition:opacity .4s steps(5,end),visibility 0s .4s}#splash svg{shape-rendering:crispedges;display:block}#splash .sky,#splash .sky:after{content:"";background:radial-gradient(#fff 1.5px,#0000 2px) 20px 30px/240px 240px,radial-gradient(#ffc93c 1.5px,#0000 2px) 140px 90px/240px 240px,radial-gradient(#7ee0ff 1.5px,#0000 2px) 80px 190px/240px 240px,radial-gradient(#fff 1px,#0000 1.5px) 200px 150px/240px 240px;animation:9s linear infinite splash-drift;position:absolute;inset:0 0 -240px}#splash .sky:after{opacity:.5;background-position:110px 10px,30px 130px,190px 60px,70px 220px;animation-duration:4s;inset:0}@keyframes splash-drift{to{transform:translateY(-240px)}}#splash .crt{pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#0000002e 3px 4px),radial-gradient(#0000 55%,#000a);position:absolute;inset:0}#splash .logo,#splash .loader{z-index:1;position:relative}.logo{gap:1em;display:flex}.logo svg{shape-rendering:crispedges;width:5em;height:7em;fill:var(--gold);filter:drop-shadow(1em 1em #5b2a86);animation:1.8s step-end infinite splash-bob;display:block}.logo svg:nth-child(3n+2){fill:#7ee0ff}.logo svg:nth-child(3n){fill:#ff8ad1}.logo svg:nth-child(2){animation-delay:.1s}.logo svg:nth-child(3){animation-delay:.2s}.logo svg:nth-child(4){animation-delay:.3s}.logo svg:nth-child(5){animation-delay:.4s}.logo svg:nth-child(6){animation-delay:.5s}.logo svg:nth-child(7){animation-delay:.6s}.logo svg:nth-child(8){animation-delay:.7s}.logo svg:nth-child(9){animation-delay:.8s}@keyframes splash-bob{0%,30%,to{transform:none}10%,20%{transform:translateY(-1em)}}#splash .loader{--lit:0;width:53em}#splash .blocks{box-sizing:border-box;border:1em solid var(--paper);background:#0e0a19;grid-template-columns:repeat(10,4em);gap:1em;padding:1em;display:grid;box-shadow:1em 1em #0008}#splash .blocks i{background:#2a1f4a;height:4em}#splash .blocks i.on{background:var(--gold);box-shadow:inset 1em 1em #fff3a8,inset -1em -1em #d98a1c}#splash .runner{width:8em;transform:translateX(calc(var(--lit) * 5em));margin-bottom:1em;transition:transform .3s steps(3,end)}#splash .runner svg{width:8em;height:7em;animation:.5s step-end infinite splash-hop}@keyframes splash-hop{50%{transform:translateY(-1em)}}@media (prefers-reduced-motion:reduce){#splash *,#splash :after,.logo svg{transition:none!important;animation:none!important}}#pad{z-index:3;pointer-events:none;padding:0 max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));justify-content:space-between;align-items:flex-end;display:flex;position:fixed;inset:auto 0 0}#pad[hidden]{display:none}.pad-side{gap:clamp(10px,2vmin,22px);display:flex}.pad-btn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:#fff;opacity:.75;background:#1a1230aa;border:3px solid #fff8;border-radius:50%;place-items:center;width:clamp(76px,15vmin,120px);height:clamp(76px,15vmin,120px);padding:0;display:grid;position:relative}.pad-btn:after{content:"";position:absolute;inset:-28px}.pad-left:after{right:-8px}.pad-right:after{left:-8px}.pad-btn svg{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;width:56%;height:56%}.pad-right svg{transform:scaleX(-1)}.pad-jump{background:#d94a1faa}.pad-btn.down{opacity:1;color:#1a1230;background:#ffd45ecc;transform:scale(.94)}#menu-tabs{border:4px solid var(--ink);background:#0008;border-radius:999px;grid-template-columns:1fr 1fr;gap:6px;width:min(30em,90%);padding:6px;display:grid;box-shadow:0 5px #0008}#menu-tabs[hidden],#paint-gallery[hidden]{display:none}#menu-tabs button{color:var(--paper);box-shadow:none;background:0 0;border:0;border-radius:999px;padding:.35em 1em;font-size:clamp(18px,3.4vmin,28px);font-weight:900}#menu-tabs button[aria-selected=true]{background:var(--gold);color:var(--ink)}#paint-gallery{flex-direction:column;gap:clamp(14px,3vmin,28px);width:min(60em,100%);display:flex}#paint-gallery .room h2{color:var(--paper);text-shadow:0 3px #0008;margin:0 0 .4em;font-size:clamp(18px,3vmin,26px)}#paint-gallery .motifs{grid-template-columns:repeat(4,1fr);gap:clamp(8px,2vmin,18px);display:grid}#paint-gallery .motif{background:var(--paper);color:var(--ink);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:.3em;padding:.5em .4em .6em;font-size:clamp(13px,2.2vmin,18px);font-weight:900;display:flex;position:relative}#paint-gallery .motif .picture{aspect-ratio:1;background:#fff;border-radius:12px;place-items:center;width:100%;display:grid;overflow:hidden}#paint-gallery .motif img{object-fit:contain;width:100%;height:100%}#paint-gallery .motif .blank{opacity:.45;font-size:1.4em}#paint-gallery .motif.locked{opacity:.55}#paint-gallery .motif.locked .picture{background:#cfc9b8}#paint-gallery .motif.locked img{filter:grayscale()blur(16px)brightness(.85);transform:scale(1.3)}#paint-gallery .motif.done{background:var(--gold)}#paint-gallery .motif .badge{aspect-ratio:1;background:var(--paper);border:3px solid var(--ink);border-radius:50%;place-items:center;width:2em;display:grid;position:absolute;top:.5em;right:.5em}#paint-gallery .motif .badge svg{width:62%;fill:var(--ink)}#paint-gallery .chips{color:var(--paper);flex-wrap:wrap;justify-content:center;align-items:center;gap:.4em;margin:0 0 .8em;font-size:clamp(14px,2.4vmin,20px);font-weight:900;display:flex}#paint-gallery .chip{background:var(--paper);min-width:2.2em;color:var(--ink);border-radius:999px;padding:.3em .5em;font-weight:900;box-shadow:0 3px #0008}#paint-gallery .chip[aria-pressed=true]{background:var(--gold);outline:3px solid var(--paper)}#paint-gallery .motif.suggested{outline:4px solid var(--gold);outline-offset:2px}#paint-gallery .motif .tip{background:var(--gold);border:3px solid var(--ink);white-space:nowrap;border-radius:999px;padding:.1em .7em;font-size:.8em;position:absolute;top:-.7em;left:50%;transform:translate(-50%)}#settings #paint-openall .knob{width:2.2em;height:1.2em;box-shadow:inset 0 0 0 2px var(--ink);background:#bbb;border-radius:999px;flex:none;position:relative}#settings #paint-openall .knob:after{content:"";background:var(--ink);border-radius:50%;width:.9em;height:.9em;transition:transform .15s;position:absolute;top:.15em;left:.15em}#settings #paint-openall[aria-checked=true] .knob{background:var(--gold)}#settings #paint-openall[aria-checked=true] .knob:after{transform:translate(1em)}#paint-gallery .hint{text-align:center;color:var(--paper);opacity:.8;margin:.5em 0 0;font-weight:700}@media (max-width:599px){#paint-gallery .motifs{grid-template-columns:repeat(2,1fr)}}.unlock-form{flex-direction:column;align-items:center;gap:.4em;font-size:.85em;display:flex}.unlock-form div{gap:.4em;display:flex}.unlock-form input{width:7.5em;font:inherit;text-align:center;letter-spacing:.08em;color:var(--ink);border:3px solid var(--ink);background:#fff;border-radius:12px;padding:.3em .5em;font-weight:900}.unlock-form button{font:inherit;color:inherit;background:var(--gold);border:3px solid var(--ink);border-radius:999px;padding:.3em .9em;box-shadow:0 3px #0005}.unlock-form p{text-align:center;min-height:1.2em;margin:0;font-size:.9em}#unlock-trial{padding:0 1.2em 1.2em}#unlock-trial .unlock-form{font-size:.8em}#app-code-shown{text-align:center;-webkit-user-select:all;user-select:all;flex-direction:column;align-items:center;gap:.3em;font-size:.85em;display:flex}#app-code-shown strong{letter-spacing:.1em;font-size:1.6em}#app-code-shown small{opacity:.7;word-break:break-word;-webkit-user-select:all;user-select:all;font-size:.7em;font-weight:400}#paint{z-index:4;padding:max(14px, 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));box-sizing:border-box;color:var(--paper);background:radial-gradient(#3a2a55,#17102b);flex-direction:column;align-items:center;gap:clamp(8px,2vmin,18px);display:flex;position:fixed;inset:0}#paint[hidden]{display:none}#paint .topbar{flex:none;align-self:stretch;align-items:center;gap:14px;display:flex}#paint .topbar .round{flex:none}#paint .meter{border:3px solid var(--ink);background:#0008;border-radius:999px;flex:1;height:14px;overflow:hidden}#paint .meter i{background:var(--gold);width:0;height:100%;transition:width .4s ease-out;display:block}#paint .board{touch-action:pan-x pan-y;flex:1;width:100%;min-height:0;display:flex;overflow:auto}#paint .frame{--cell:max(44px, min(calc((100vw - 40px) / var(--n)), calc((100vh - 230px) / var(--n))));width:calc(var(--cell) * var(--n));height:calc(var(--cell) * var(--n));background:#efe9d8;border-radius:14px;flex:none;margin:auto;position:relative;overflow:hidden;box-shadow:0 6px #0008}#paint .pcells{grid-template-columns:repeat(var(--n), 1fr);width:100%;height:100%;display:grid}#paint .pc{font-size:calc(var(--cell) * .27);color:#2b2540;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;place-items:center;font-weight:900;transition:background .25s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #0000001f}#paint .pc.bg{cursor:default;box-shadow:none;background:0 0}#paint .pc.filled{color:#0000;box-shadow:none;cursor:default;animation:.35s ease-out plop}#paint .pc.sel{z-index:1;box-shadow:inset 0 0 0 4px #2b2540,inset 0 0 0 7px #ffc93c}#paint .pc.trying{background:var(--pot);color:#0000;z-index:2;animation:.95s ease-in-out both wobble}#paint .softs,#paint .soft{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#paint .soft{opacity:0;transition:opacity 1.2s ease-in}#paint .soft.shown{opacity:1}#paint .pc.softened{transition:background 1.2s ease-in;background:0 0!important}#paint .art{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity 1.6s ease-in;position:absolute;inset:0}#paint .frame.finished .art{opacity:1}@keyframes plop{0%{transform:scale(.6)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes wobble{0%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.05)}32%{transform:rotate(-4deg)}46%{transform:rotate(4deg)}60%{transform:rotate(-3deg)}74%{opacity:1;transform:rotate(0)}to{opacity:0;transform:translateY(70%)scale(.7)}}#paint .pots{flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.6vmin,14px);max-width:100%;display:flex}#paint .pot{border:4px solid var(--ink);background:var(--pot);min-width:clamp(54px,9vmin,78px);height:clamp(48px,8vmin,66px);color:var(--ink);border-radius:16px 16px 24px 24px;padding:0 .5em;font-size:clamp(20px,3.6vmin,30px);font-weight:900;box-shadow:0 5px #0008}#paint .pot.dark{color:#fff}#paint .pot:active{transform:translateY(3px);box-shadow:0 2px #0008}#paint .bear{z-index:6;background:var(--paper);color:var(--ink);border:4px solid var(--ink);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:10px;max-width:min(92vw,30em);padding:14px 18px;font-size:clamp(18px,3.2vmin,26px);font-weight:900;display:flex;position:fixed;bottom:calc(clamp(120px,24vmin,190px));left:50%;transform:translate(-50%);box-shadow:0 6px #0008}#paint .bear[hidden]{display:none}#paint .bear .answers{gap:10px;display:flex}#paint .bear button{background:var(--gold);border:3px solid var(--ink);font:inherit;border-radius:999px;padding:.3em 1.2em}#paint .bear-icon{z-index:5;background:var(--paper);border:4px solid var(--ink);cursor:pointer;border-radius:50%;width:56px;height:56px;padding:5px;position:fixed;bottom:calc(clamp(120px,24vmin,190px));right:12px;box-shadow:0 5px #0008}#paint .bear-icon[hidden],#paint .helpm[hidden]{display:none}#paint .bear-icon svg,#paint .helpm .head svg{width:100%;height:100%;display:block}#paint .helpm{z-index:8;background:#000a;place-items:center;display:grid;position:fixed;inset:0}#paint .helpm .card{background:var(--paper);max-width:94vw;max-height:92vh;color:var(--ink);border:4px solid var(--ink);border-radius:22px;flex-direction:column;gap:12px;padding:14px 18px 18px;display:flex;overflow:auto;box-shadow:0 6px #0008}#paint .helpm .head{align-items:center;gap:12px;font-size:clamp(22px,4vmin,34px);font-weight:900;display:flex}#paint .helpm .head svg{flex:none;width:44px;height:44px}#paint .helpm .title{flex:1}#paint .helpm .close{background:var(--gold);border:3px solid var(--ink);width:44px;height:44px;font:inherit;border-radius:50%;flex:none;padding:0;font-size:20px;line-height:1}#paint .dots{--ball:min(44px, calc((min(86vw, 560px) - 100px) / var(--cols)), calc((88vh - 140px) / var(--rows)));gap:calc(var(--ball) * .18);touch-action:none;-webkit-user-select:none;user-select:none;justify-items:start;display:grid}#paint .dots .row{align-items:center;gap:calc(var(--ball) * .18);display:flex}#paint .dots .ball{width:var(--ball);height:var(--ball);border:2px solid var(--ink);font-size:calc(var(--ball) * .52);color:#0000;background:#eadfc8;border-radius:50%;flex:none;place-items:center;font-style:normal;font-weight:900;transition:transform .15s,background .15s;display:grid}#paint .dots .ball.counted{background:#c98a4b;transform:scale(1.06)}#paint .dots .row b{min-width:2.2em;height:1.5em;margin-left:calc(var(--ball) * .3);font-size:max(18px, calc(var(--ball) * .6));border:3px dashed #0004;border-radius:10px;place-items:center;padding:0 .3em;display:grid}#paint .dots .row b.full{border:3px solid var(--ink);background:var(--gold)}@media (prefers-reduced-motion:reduce){#paint .dots .ball{transition:none}}#paint .done{text-shadow:0 3px #0008;text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:clamp(22px,4vmin,34px);font-weight:900;display:flex}#paint .done[hidden]{display:none}#paint .redo{background:var(--gold);color:var(--ink);border:4px solid var(--ink);font:inherit;border-radius:999px;padding:.25em 1.2em;font-size:.7em;box-shadow:0 5px #0008}@media (max-width:599px),(max-height:599px){#paint .pots{scroll-snap-type:x proximity;touch-action:pan-x;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding:4px 4px 10px;overflow-x:auto}#paint .pot{scroll-snap-align:center;flex:none}}