:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--m: 12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#75b9e7;overscroll-behavior:none}body{user-select:none;-webkit-user-select:none;touch-action:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#ui{position:fixed;inset:0;pointer-events:none}#ui button,#ui .pwrap,#ui .screen:not(.hidden),#ui .rotate:not(.hidden){pointer-events:auto}.hidden{display:none!important}.spr{display:block;flex:none;background:no-repeat 0 0 / 100% 100%;image-rendering:pixelated}.abs{position:absolute!important}.txt{display:flex;align-items:flex-end;white-space:nowrap;pointer-events:none}.txt i{display:block;flex:none;image-rendering:pixelated}.btn{display:block;position:relative;flex:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;background:transparent no-repeat 0 0 / 100% 100%;image-rendering:pixelated;filter:var(--state, saturate(1)) var(--ring, saturate(1))}.btn::-moz-focus-inner{border:0;padding:0}.btn.down{transform:translateY(var(--press, 2px))}.btn:focus-visible{--ring: drop-shadow(var(--press, 2px) 0 0 #fffdea) drop-shadow(calc(-1 * var(--press, 2px)) 0 0 #fffdea) drop-shadow(0 var(--press, 2px) 0 #fffdea) drop-shadow(0 calc(-1 * var(--press, 2px)) 0 #fffdea)}.btn.off{--state: saturate(0) brightness(.7)}.btn.wide,.btn.reward .plate,.pill,.ldbar i,.pwrap.cardboard{border:0 solid transparent;image-rendering:pixelated}.pill{position:relative;flex:none}.btn.wide.locked{--state: saturate(.35) brightness(.85)}.hud{z-index:1}.pops,.stamps,.banner{z-index:2}.screen.dim{z-index:3}.rotate{z-index:5}.hud{position:absolute;inset:0}.hud .lvl{position:absolute;top:calc(var(--sat) + var(--m));left:calc(var(--sal) + var(--m))}.hud .stars{position:absolute;top:calc(var(--sat) + var(--m));left:0;right:0;display:flex;justify-content:center}.hud.bannered .stars,.hud.bannered .left,.hud.bannered .score{visibility:hidden}.hud .left{position:absolute;left:0;right:0;display:flex;justify-content:center}.hud .pauseBtn{position:absolute;top:calc(var(--sat) + var(--m));right:calc(var(--sar) + var(--m))}.hud .balls{position:absolute;left:calc(var(--sal) + var(--m));bottom:calc(var(--sab) + var(--m));display:flex}.hud .balls .b.last{animation:lastball .6s steps(2) infinite}.hud .power{position:absolute;left:0;right:0;display:flex;justify-content:center}.hud .power.hidden{display:none}.hud .power .powerBtn{position:relative;background:none;border:0 solid transparent}.hud .power .powerBtn .abs,.hud .power .powerBtn .glint{position:absolute}.hud .power .powerBtn.armed{animation:armed .5s steps(2) infinite}.hud .power .powerBtn .mys.off{opacity:0}.balltag{position:absolute;transform:translate(-50%,-100%);animation:tagbob 1s steps(2) infinite}@keyframes tagbob{50%{transform:translate(-50%,calc(-100% - 3px))}}.hud .power .powerBtn.nudge{animation:nudge 1.2s steps(1) infinite}.hud .power .powerBtn:disabled{opacity:.6}@keyframes armed{50%{transform:translateY(calc(-1 * var(--press, 2px)))}}@keyframes nudge{0%,70%{transform:none}80%{transform:translateY(calc(-2 * var(--press, 2px)))}90%{transform:translateY(calc(-1 * var(--press, 2px)))}}@media(prefers-reduced-motion:reduce){.hud .power .powerBtn.armed,.hud .power .powerBtn.nudge,.balltag{animation:none}.hud .power .powerBtn .mys.off{display:none}}.hud .balls .b.gone{position:absolute;right:0;animation:popout .4s forwards}.hud .left.bounce{animation:leftbounce .3s ease-out}.hud .score{position:absolute;pointer-events:none;transform-origin:0 50%}.hud .score.bounce{animation:scorebounce .25s ease-out}@media(prefers-reduced-motion:reduce){.hud .score.bounce{animation:none}}@keyframes scorebounce{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes lastball{50%{transform:translateY(-12%)}}@keyframes popout{to{transform:translateY(-120%);opacity:0}}@keyframes leftbounce{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@media(orientation:portrait){.hud .balls{left:0;right:0;justify-content:center}}.titlesign{position:absolute;z-index:2;pointer-events:none;transform-origin:50% 100%;opacity:0}.titlesign.show{animation:signswing var(--sign-s, 1.5s) both}.titlesign.reduce.show{animation-name:signfade}@keyframes signswing{0%{transform:translateY(var(--drop, -300px)) rotate(-12deg);opacity:1;animation-timing-function:steps(6,end)}14%{transform:translate(0) rotate(-12deg);opacity:1;animation-timing-function:steps(1,end)}20%{transform:translate(0) rotate(6deg);opacity:1;animation-timing-function:steps(1,end)}25%{transform:translate(0) rotate(-3deg);opacity:1;animation-timing-function:steps(1,end)}30%{transform:none;opacity:1}76.667%{transform:none;opacity:1;animation-timing-function:linear}to{transform:none;opacity:0}}@keyframes signfade{0%{opacity:0}13.333%{opacity:1}76.667%{opacity:1;animation-timing-function:linear}to{opacity:0}}.hud.signed .stars,.hud.signed .left{visibility:hidden}.areafade{position:absolute;inset:0;z-index:4;background:#13193df5;pointer-events:none;animation:areafade .8s ease-out forwards}@keyframes areafade{0%{opacity:0}18%{opacity:1}42%{opacity:1}to{opacity:0}}.pops{position:absolute;inset:0;overflow:hidden}.pop.hint{display:flex;flex-direction:column;align-items:center;gap:6px;animation:hintpop 4.2s ease-out forwards}@keyframes hintpop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}5%{transform:translate(-50%,-50%) scale(1.08);opacity:1}9%{transform:translate(-50%,-50%) scale(1)}88%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.pop{position:absolute;transform:translate(-50%,-50%);animation:pop 1.2s ease-out forwards}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.4)}18%{transform:translate(-50%,-50%) scale(1.15)}30%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-140%);opacity:0}}.stamps{position:absolute;inset:0;overflow:hidden}.stampfx{position:absolute;transform:translate(-50%,-50%);animation:stampfx .9s cubic-bezier(.2,1.8,.4,1) both}.soldout{position:absolute;transform:translate(-50%,-50%);animation:soldout .4s cubic-bezier(.2,1.8,.4,1) both}@keyframes soldout{0%{transform:translate(-50%,-50%) scale(2.4);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes stampfx{0%{transform:translate(-50%,-50%) scale(0);opacity:0}33%{transform:translate(-50%,-50%) scale(1.12);opacity:1}45%{transform:translate(-50%,-50%) scale(1);opacity:1}80%{opacity:1}to{opacity:0}}.banner{position:absolute;left:0;right:0;top:calc(var(--sat) + 12px);display:flex;justify-content:center}.banner.show{animation:drop .5s cubic-bezier(.3,1.6,.5,1) both,fade 1.6s forwards}@keyframes fade{75%{opacity:1}to{opacity:0}}.screen{position:absolute;inset:0;display:grid;place-items:center}.screen.dim{background:#13193d73}.pwrap{position:relative;animation:drop .25s cubic-bezier(.3,1.6,.5,1) both}.pwrap>.panel{position:absolute;left:0;top:0}@keyframes drop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.04);opacity:1}to{transform:none}}.slam{animation:slam .35s cubic-bezier(.2,1.8,.4,1) both}.earn{animation:slam .3s cubic-bezier(.2,1.8,.4,1) both}@keyframes slam{0%{transform:scale(2.2);opacity:0}to{transform:none;opacity:1}}.btn.go,.btn.current{animation:bob 1s steps(1) infinite}.tile{position:absolute}.btn.tile{background:none}.tile .good,.tile .tag,.tile .glint{pointer-events:none}.tile.locked{cursor:default}.tile.locked.shake{animation:tileshake .3s steps(6) both}@keyframes tileshake{0%,to{transform:none}20%,60%{transform:translate(calc(-2 * var(--press, 1px)))}40%,80%{transform:translate(calc(2 * var(--press, 1px)))}}@keyframes bob{50%{transform:translateY(calc(-1 * var(--press, 2px)))}}.btn.go.down,.btn.current.down{animation:none}.btn.reward{background:none;display:flex;align-items:center;gap:4px}.btn.reward .plate{display:flex;align-items:center;box-sizing:content-box}.pwrap.fail{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;box-sizing:border-box}.pwrap.fail .failtitle{margin:0 auto}.failbody.col{display:flex;flex-direction:column;align-items:center;gap:10px}.failbody.row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:24px}.failcol{display:flex;flex-direction:column;align-items:center;gap:10px}.runscore{display:flex;flex-direction:row;align-items:center;gap:var(--gap, 4px)}.rotate{position:absolute;inset:0;display:grid;place-items:center;background:#13193dd1}.rotate .ico{animation:turnphone 1.8s steps(1) infinite}.rotate.reduce .ico{animation:none}@keyframes turnphone{0%{transform:none}50%{transform:rotate(-90deg)}}@media(prefers-reduced-motion:reduce){.rotate .ico{animation:none}.titlesign.show{animation-name:signfade}}.screen.loading{display:block;z-index:4;background:no-repeat 0 0 / 100% 100%;image-rendering:pixelated}.screen.loading .cloud,.screen.loading .logo,.ldbar{position:absolute}.ldbar i{position:absolute;inset:0;display:block}