html,body{margin:0;padding:0;overflow:hidden;background:#6289f6;height:100%;touch-action:none}canvas{display:block;width:100%;height:100%}#game{transition:filter .2s ease}#game.dimmed{filter:brightness(.5);transition:filter 1.3s ease}#game.paused-blur{filter:blur(14px) brightness(.65)}#hud{position:fixed;inset:0;pointer-events:none;color:#fff;font-family:"Source Sans 3";font-weight:700;text-shadow:2px 2px 0 #000;user-select:none}@font-face{font-family:Boneapa;src:url(./assets/fonts/BONEAPA.TTF?v=fc9a4854c6) format("truetype");font-display:swap}#hud .score{position:absolute;top:24px;right:32px;font-family:"Source Sans 3",Source Sans Pro,sans-serif;font-weight:700;font-size:42px;color:#fff;-webkit-text-stroke:6px #1a1d24;paint-order:stroke fill;text-shadow:none;transform:rotate(6deg);will-change:transform,color;text-shadow:5px 4px black}#hud .score.bump{animation:bump 1.2s ease-out}#hud .score.intro-in{animation:scoreIn .55s cubic-bezier(.2,.7,.2,1.1)}#hud .score.intro-out{animation:scoreOut .35s ease-in forwards}#hud .stones.intro-in{animation:stonesIn .55s cubic-bezier(.2,.7,.2,1.1)}#hud .stones.intro-out{animation:stonesOut .35s ease-in forwards}@keyframes scoreIn{0%{transform:rotate(6deg) translateY(-180px);opacity:0}to{transform:rotate(6deg) translateY(0);opacity:1}}@keyframes scoreOut{0%{transform:rotate(6deg) translateY(0);opacity:1}to{transform:rotate(6deg) translateY(-180px);opacity:0}}@keyframes stonesIn{0%{transform:translate(220px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes stonesOut{0%{transform:translate(0);opacity:1}to{transform:translate(220px);opacity:0}}@keyframes bump{0%{transform:rotate(6deg) translateY(0) scale(1);color:#fff}8%{transform:rotate(6deg) translateY(-25px) scale(1.35);color:#ee1a1a}20%{transform:rotate(6deg) translateY(10px) scale(1.05);color:#ee1a1a}32%{transform:rotate(6deg) translateY(-8px) scale(1.1);color:#ee1a1a}45%{transform:rotate(6deg) translateY(0) scale(1);color:#ee1a1a}75%{transform:rotate(6deg) translateY(0) scale(1);color:#ee1a1a}to{transform:rotate(6deg) translateY(0) scale(1);color:#fff}}#hud .lives{position:absolute;top:34px;left:32px;display:flex;gap:8px;pointer-events:none;z-index:5;filter:drop-shadow(2px 2px 0 #000);transform:rotate(-6deg)}#hud .lives.intro-in{animation:livesIn .55s cubic-bezier(.2,.7,.2,1.1)}#hud .lives.intro-out{animation:livesOut .35s ease-in forwards}@keyframes livesIn{0%{transform:rotate(-6deg) translateY(-180px);opacity:0}to{transform:rotate(-6deg) translateY(0);opacity:1}}@keyframes livesOut{0%{transform:rotate(-6deg) translateY(0);opacity:1}to{transform:rotate(-6deg) translateY(-180px);opacity:0}}#hud .life-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;transition:transform .25s ease}#hud .life-icon svg{width:100%;height:100%;display:block;overflow:visible}#hud .life-icon svg path{transition:fill .25s ease}#hud .life-icon svg path.refill{fill:#fff}#hud .life-icon.lost svg path.repaint{fill:#f87171}#hud #death-lives{display:flex;gap:14px;justify-content:center;margin:4px 0 8px;filter:drop-shadow(2px 2px 0 #000)}#hud #death-lives:empty{display:none}#hud #death-lives .life-icon{width:56px;height:56px}#hud #death-lives .life-icon svg{width:100%;height:100%;display:block;overflow:visible}#hud #death-lives .life-icon svg path{transition:fill .25s ease}#hud #death-lives .life-icon svg path.refill{fill:#fff}#hud .life-icon.flash{animation:lifeLost .55s cubic-bezier(.36,.07,.19,.97)}@keyframes lifeLost{0%{transform:scale(1)}20%{transform:scale(1.35)}60%{transform:scale(.85)}to{transform:scale(1)}}#hud .stones{position:absolute;top:90px;right:38px;width:22px;height:240px;border:3px solid #1a1d24;background:#fff;border-radius:6px;overflow:hidden;display:flex;align-items:flex-start;box-shadow:2px 2px #000}#hud .stones-fill{width:100%;height:0%;background:#ee1a1a;transition:height .35s cubic-bezier(.2,.7,.2,1)}#hud .stones.draining .stones-fill{transition:none}#hud .stones.shake{animation:stonesShake .35s cubic-bezier(.36,.07,.19,.97)}@keyframes stonesShake{0%,to{transform:translate(0)}10%{transform:translate(-6px) rotate(-2deg)}20%{transform:translate(6px) rotate(2deg)}35%{transform:translate(-4px) rotate(-1deg)}50%{transform:translate(4px) rotate(1deg)}70%{transform:translate(-2px)}85%{transform:translate(2px)}}#hud .stones.ready{border-color:#fff;animation:stonesReady .9s ease-in-out infinite}#hud .stones.ready .stones-fill{background:#ff6a2a;box-shadow:inset 0 0 12px 2px #fcd34df2}@keyframes stonesReady{0%,to{box-shadow:2px 2px #000,0 0 6px 1px #fcd34db3}50%{box-shadow:2px 2px #000,0 0 20px 6px #fcd34d}}#hud .stones.intro-out.ready{animation:stonesOut .35s ease-in forwards,stonesReady .9s ease-in-out infinite}#hud .stones.pop{animation:stonesPop .5s cubic-bezier(.2,.8,.2,1.2);transform-origin:center}@keyframes stonesPop{0%{transform:scale(1)}30%{transform:scale(1.35)}55%{transform:scale(.92)}to{transform:scale(1)}}#hud .center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:auto}#hud .center h1{font-family:Boneapa,"Source Sans 3",sans-serif;font-size:clamp(40px,8vw,96px);letter-spacing:2px;margin:0 0 12px;color:#fcd34d;-webkit-text-stroke:3px #1a1d24;paint-order:stroke fill;text-shadow:6px 6px 0 #1a1d24}#hud .center p{font-size:28px;margin:6px 0}#hud .center button{pointer-events:auto;font-weight:700;font-family:"Source Sans 3",monospace;font-size:14px;padding:14px 22px;margin-top:18px;background:#fcd34d;color:#1a1d24;border:0;border-radius:8px;cursor:pointer}#hud .center button:hover{background:#fde68a}#hud #menu .hint{font-size:18px;margin-top:18px}#hud #death h1{color:#f87171}#hud #win h1{color:#86efac}#hud #victory h1{color:#fcd34d}#leaderboard,#victory-leaderboard{margin:12px 0;font-size:18px;min-height:24px}#initials-input,#victory-initials{font-family:"Source Sans 3",sans-serif;text-transform:uppercase;font-size:18px;width:80px;text-align:center;padding:6px;border-radius:6px;border:0}#initials-input{margin-top:8px}#victory-initials{margin-top:4px}#credits .credits-roll p.credits-tight{margin-bottom:4px}#hud .hidden{display:none}#hud.game-hud .center:not(.animate-out):not(#pause){display:none}#cog-btn{position:absolute;bottom:22px;left:26px;width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;background:#1a1d24a6;color:#fff;border:3px solid #1a1d24;border-radius:50%;box-shadow:2px 2px #000;z-index:20;transition:background .15s ease}#cog-btn svg{width:26px;height:26px;display:block;transition:transform .15s ease}#cog-btn:hover{background:#1a1d24d9}#cog-btn:hover svg{transform:rotate(30deg)}#cog-btn:active svg{transform:rotate(30deg) scale(.88)}#cog-btn.hidden{display:none}#hud .center,#menu-credit{transition:filter .2s ease}#hud .panel-blur{filter:blur(8px)}#pause{background:#0a0c1073;z-index:15}#pause button{min-width:220px}#pause-main,#pause-lb{display:flex;flex-direction:column;align-items:center}#pause-main.hidden,#pause-lb.hidden{display:none}#pause-lb-board{min-height:250px;margin:8px 0;display:flex;align-items:center;justify-content:center;font-size:20px}#pause-main h1,#pause-lb h1{display:flex;justify-content:center;flex-wrap:wrap}#pause-main h1 .ch,#pause-lb h1 .ch{display:inline-block;white-space:pre;opacity:0;transform:translateY(46px) scale(.3) rotate(-14deg);transform-origin:center bottom}#pause-main.animate h1 .ch,#pause-lb.animate h1 .ch{animation:letterPop .62s cubic-bezier(.18,.9,.3,1.35) forwards}#pause-main .fade-el,#pause-lb .fade-el{opacity:0;transform:translateY(22px)}#pause-main.animate .fade-el,#pause-lb.animate .fade-el{animation:menuFadeUp .55s cubic-bezier(.2,.7,.2,1.1) forwards}#pause #pause-exit-btn{background:transparent;color:#fcd34d;border:3px solid #fcd34d}#pause #pause-exit-btn:hover{background:#fcd34d26}#pause button.hidden{display:none}#credits{overflow:hidden}#credits-scroll{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;transform:translateY(100vh)}#credits.rolling #credits-scroll{animation:creditsScroll 28s linear 1 forwards}@keyframes creditsScroll{0%{transform:translateY(100vh)}to{transform:translateY(-115%)}}#credits .credits-roll h2{font-family:Boneapa,"Source Sans 3",sans-serif;font-size:34px;color:#fff;margin:0 0 22px;letter-spacing:2px}#credits .credits-roll p{font-size:24px;line-height:1.35;margin:0 0 20px;color:#e8edf2}#credits .credits-roll p span{font-size:15px;letter-spacing:2px;text-transform:uppercase;color:#8aa0b4}#credits .credits-spacer{height:40px}#credits .credits-names{font-family:Boneapa,"Source Sans 3",sans-serif;font-size:28px;color:#fcd34d;line-height:1.5}#credits-final{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity 1s ease}#credits-final.show{opacity:1}#credits-logo{width:340px;max-width:72vw;height:auto;image-rendering:pixelated;margin-bottom:10px;filter:drop-shadow(2px 2px 0 #1a1f1d)}#credits .credits-thanks{font-family:Boneapa,"Source Sans 3",sans-serif;font-size:44px;color:#fcd34d;margin:4px 0;-webkit-text-stroke:2px #1a1d24;paint-order:stroke fill}#credits-continue-btn{position:absolute;bottom:42px;left:50%;opacity:0;pointer-events:none;transform:translate(-50%) translateY(30px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1.1)}#credits-continue-btn.show{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}#credits-final.credits-out{animation:creditsOutCard .42s cubic-bezier(.4,0,.7,.2) forwards}@keyframes creditsOutCard{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(1.06)}}#credits-continue-btn.credits-out{animation:creditsOutBtn .42s cubic-bezier(.4,0,.7,.2) forwards}@keyframes creditsOutBtn{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(24px)}}#hit-flash{position:fixed;inset:0;pointer-events:none;opacity:0;z-index:9;background:radial-gradient(ellipse at center,#c8000000 35%,#c800008c)}#hit-flash.flash{animation:hitFlash .9s ease-out}@keyframes hitFlash{0%{opacity:0}12%{opacity:.7}to{opacity:0}}#lightning-flash{position:fixed;inset:0;pointer-events:none;opacity:0;z-index:9;background:radial-gradient(ellipse at 50% 25%,#f4f9ff,#d6e6ffd9 40%,#c6d8ff59 75%,#c6d8ff00)}#lightning-flash.flash{animation:lightningFlash .6s ease-out}@keyframes lightningFlash{0%{opacity:0}4%{opacity:1}12%{opacity:.3}20%{opacity:1}34%{opacity:.5}to{opacity:0}}#loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#fff;font-family:"Source Sans 3",sans-serif;font-size:32px;background:#1a1d24;z-index:10;transition:opacity .35s ease}#loading.done{opacity:0;pointer-events:none}#loading-title{height:72px;display:flex;align-items:center;font-family:Boneapa,sans-serif;font-size:52px;line-height:1;letter-spacing:2px;color:#fcd34d;-webkit-text-stroke:2px #1a1d24;paint-order:stroke fill;opacity:0;transition:opacity .4s ease}#loading-track{position:relative;width:min(320px,60vw);height:46px;display:flex;align-items:center}#loading-bar{width:100%;height:14px;border-radius:8px;background:#2c313c;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}#loading-bar-fill{height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,#86efac,#fcd34d);transition:width .25s ease}#loading-dino{position:absolute;left:0;bottom:50%;margin-bottom:-20px;width:42px;height:42px;margin-left:-21px;z-index:10;transition:left .25s ease;transform-origin:center bottom;pointer-events:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.5))}#loading-dino img{width:100%;height:100%;display:block;transform:scaleX(-1)}#loading-dino.running{animation:loadDinoRun .38s ease-in-out infinite}@keyframes loadDinoRun{}#loading-dino.arrived{animation:loadDinoHop .5s cubic-bezier(.2,.8,.2,1.2)}@keyframes loadDinoHop{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-16px) scale(1.1)}to{transform:translateY(0) scale(1)}}#loading-label{height:22px;display:flex;align-items:center;font-size:18px;color:#9aa3b2;opacity:0;transition:opacity .4s ease}#loading.fonts-ready #loading-title,#loading.fonts-ready #loading-label{opacity:1}#block-debug{position:fixed;font-size:10px;bottom:10px;left:10px;padding:8px 10px;background:#000000a6;color:#7dd3fc;font-family:"Source Sans 3",sans-serif;line-height:1.25;border-radius:6px;pointer-events:none;user-select:none}#block-debug b{color:#fff}#menu h1,#death h1,#win h1,#victory h1{display:flex;justify-content:center;flex-wrap:wrap}#menu h1 .ch,#death h1 .ch,#win h1 .ch,#victory h1 .ch{display:inline-block;white-space:pre;opacity:0;transform:translateY(46px) scale(.3) rotate(-14deg);transform-origin:center bottom}#menu.animate h1 .ch,#death.animate h1 .ch,#win.animate h1 .ch,#victory.animate h1 .ch{animation:letterPop .62s cubic-bezier(.18,.9,.3,1.35) forwards}@keyframes letterPop{0%{opacity:0;transform:translateY(46px) scale(.3) rotate(-14deg)}55%{opacity:1;transform:translateY(-10px) scale(1.18) rotate(4deg)}78%{transform:translateY(3px) scale(.96) rotate(-2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}#menu p,#menu #start-btn,#menu .menu-credit{opacity:0}#menu .fade-el,#death .fade-el,#win .fade-el,#victory .fade-el{opacity:0;transform:translateY(22px)}#menu.animate .fade-el,#death.animate .fade-el,#win.animate .fade-el,#victory.animate .fade-el{animation:menuFadeUp .55s cubic-bezier(.2,.7,.2,1.1) forwards}@keyframes menuFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes menuFadeUpDim{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}#menu-credit{position:absolute;bottom:22px;left:50%;transform:translate(-50%) translateY(22px);font-family:"Source Sans 3",sans-serif;font-size:14px;letter-spacing:1px;color:#fff;opacity:0;text-decoration:none;pointer-events:auto;text-shadow:2px 2px 0 #1a1d24;z-index:10}#menu-credit:hover{color:#fcd34d}#menu-credit.slide-in{animation:creditSlideUp .55s cubic-bezier(.2,.7,.2,1.1) forwards}#menu-credit.slide-out{animation:creditSlideDown .5s cubic-bezier(.4,0,.7,.2) forwards}@keyframes creditSlideUp{0%{opacity:0;transform:translate(-50%) translateY(22px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes creditSlideDown{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(60px)}}#victory .victory-stats{display:flex;flex-direction:column;gap:3px;margin:2px 0;width:min(560px,88vw);max-width:90vw}#victory .victory-row{display:flex;align-items:baseline;width:100%;box-sizing:border-box;gap:24px;font-size:23px;padding:1px 8px;opacity:0;transform:translateY(18px)}#victory .victory-row.show{animation:menuFadeUp .45s cubic-bezier(.2,.7,.2,1.1) forwards}#victory .victory-row .v-label{color:#fff}#victory .victory-row .v-right{display:flex;align-items:baseline;gap:16px;margin-left:auto}#victory .victory-row .v-count{color:#fff;font-variant-numeric:tabular-nums;min-width:92px;text-align:right}#victory .victory-row .v-delta{color:#86efac;opacity:0;transition:opacity .25s ease;min-width:110px;text-align:right}#victory .victory-row .v-delta.show{opacity:1}#victory .victory-row.v-bump .v-count{animation:bumpPlain .5s ease-out}@keyframes bumpPlain{0%{transform:scale(1);color:#fff}20%{transform:scale(1.28);color:#fcd34d}to{transform:scale(1);color:#fff}}#victory #victory-total-line{font-family:Boneapa,"Source Sans 3",sans-serif;font-size:40px;color:#fcd34d;-webkit-text-stroke:2px #1a1d24;paint-order:stroke fill;text-shadow:4px 4px 0 #1a1d24;margin:6px 0 2px}#victory button{margin-top:10px}#victory #victory-total{font-variant-numeric:tabular-nums}#victory #victory-total-line.v-bump{animation:totalPop .55s cubic-bezier(.2,.8,.2,1.2)}#victory #victory-total-line.hidden{display:block;visibility:hidden}#victory #victory-continue-btn.hidden{display:inline-block;visibility:hidden}@keyframes totalPop{0%{transform:scale(1);filter:drop-shadow(0 0 0 #fcd34d)}35%{transform:scale(1.25);filter:drop-shadow(0 0 10px #fcd34d)}60%{transform:scale(.95);filter:drop-shadow(0 0 6px #fcd34d)}to{transform:scale(1);filter:drop-shadow(0 0 0 #fcd34d)}}#victory-step1,#victory-step2{display:flex;flex-direction:column;align-items:center}#victory-step2{opacity:0;transform:translateY(18px)}#victory-step2.animate{animation:menuFadeUp .5s cubic-bezier(.2,.7,.2,1.1) forwards}#victory-step1.step-out{animation:stepOut .35s cubic-bezier(.4,0,.7,.2) forwards}@keyframes stepOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-28px)}}#victory #victory-step2-label{font-size:26px;margin:-40px 0 0;color:#fcd34d;font-family:Boneapa,"Source Sans 3",sans-serif;-webkit-text-stroke:1.5px #1a1d24;paint-order:stroke fill}#victory #victory-step2-label-subtitle{font-size:21px!important;margin-bottom:8px!important;margin-top:0!important}#victory-leaderboard .lb-you{display:inline-block;font-weight:700;border:none;padding:1px 8px;margin:1px 0}#menu.animate-out,#victory.animate-out{animation:menuExit .5s cubic-bezier(.4,0,.7,.2) forwards;pointer-events:none}@keyframes menuExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) scale(1.08)}}#tut-tip{position:absolute;top:3%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:20px;pointer-events:none;z-index:6}@media(max-aspect-ratio:1/1){#tut-tip{top:12%}}#tut-tip.pop{animation:tutPop .35s cubic-bezier(.2,.8,.2,1.2)}@keyframes tutPop{0%{opacity:0;transform:translate(-50%) scale(.6)}to{opacity:1;transform:translate(-50%) scale(1)}}#tut-tip .tut-word{font-family:Boneapa,"Source Sans 3",sans-serif;font-size:clamp(28px,5vw,64px);letter-spacing:2px;color:#fcd34d;-webkit-text-stroke:3px #1a1d24;paint-order:stroke fill;text-shadow:5px 5px 0 #1a1d24}#tut-tip .tut-pic:empty{display:none}#tut-bar-hint{--f:0;position:absolute;top:clamp(103px,calc(93px + 240px * var(--f)),calc(333px - .7em));right:76px;translate:0 -50%;pointer-events:none;z-index:6;white-space:nowrap;font-family:"Source Sans 3",sans-serif;font-weight:800;font-size:clamp(14px,2vw,22px);display:flex;align-items:center;gap:8px;color:color-mix(in srgb,#ee1a1a calc(var(--f) * 100%),#fff);-webkit-text-stroke:4px #1a1d24;paint-order:stroke fill;text-shadow:none;filter:drop-shadow(2px 2px 0 #000);transition:top .35s cubic-bezier(.2,.7,.2,1),color .35s ease}#tut-bar-hint.ready{color:#ff6a2a;animation:tutBarReady .9s ease-in-out infinite,tutBarShake .35s ease-in-out infinite}@keyframes tutBarReady{0%,to{scale:1;filter:drop-shadow(2px 2px 0 #000) drop-shadow(0 0 3px rgba(252,211,77,.8))}50%{scale:1.12;filter:drop-shadow(2px 2px 0 #000) drop-shadow(0 0 10px rgba(252,211,77,1)) drop-shadow(0 0 4px rgba(252,211,77,1))}}@keyframes tutBarShake{0%,to{transform:none}25%{transform:translate(-2px) rotate(-2deg)}75%{transform:translate(2px) rotate(2deg)}}#tut-bar-hint.leaving{transform-origin:right center;animation:tutBarOut .35s ease-in forwards}@keyframes tutBarOut{to{opacity:0;scale:.2;translate:12px -50%}}#tut-bar-hint.leaving.after-tip{animation-delay:.35s}#tut-bar-hint.entering{transform-origin:right center;animation:tutBarIn .4s cubic-bezier(.2,.7,.2,1.1) both}@keyframes tutBarIn{0%{opacity:0;scale:.2;translate:12px -50%}}#tut-bar-hint .tut-bar-arrow{width:16px;height:20px;overflow:visible;fill:currentColor;stroke:#1a1d24;stroke-width:3;stroke-linejoin:round;paint-order:stroke fill;-webkit-text-stroke:0;animation:tutBarNudge .8s ease-in-out infinite}@keyframes tutBarNudge{50%{transform:translate(4px)}}#tut-tip.tut-go .tut-word{font-size:clamp(48px,10vw,120px);color:#86efac}#tut-tip.tut-go.pop .tut-word{animation:tutGoBlink var(--go-s, 2.7s) linear forwards}@keyframes tutGoBlink{0%,52.4%{opacity:1;transform:translateY(0)}52.5%,58.9%{opacity:0}59%,65.4%{opacity:1}65.5%,71.9%{opacity:0}72%,78.4%{opacity:1}78.5%,84.9%{opacity:0}85%{opacity:1;transform:translateY(0);animation-timing-function:ease-in}to{opacity:0;transform:translateY(-120%)}}#tut-tip .tut-pic{display:flex;gap:12px}#tut-tip kbd{font-family:"Source Sans 3",sans-serif;font-weight:700;font-size:clamp(18px,2.8vw,32px);min-width:1.6em;padding:4px 12px;text-align:center;background:#fff;color:#1a1d24;text-shadow:none;border:3px solid #1a1d24;border-radius:10px;box-shadow:0 5px #1a1d24;animation:tutKey .9s ease-in-out infinite}@keyframes tutKey{0%,to{transform:translateY(0);box-shadow:0 5px #1a1d24}50%{transform:translateY(4px);box-shadow:0 1px #1a1d24}}#tut-tip .tut-swipe{display:inline-block;font-size:clamp(32px,5vw,56px);text-shadow:none}#tut-tip .tut-swipe-h{animation:tutSwipeH 1.1s ease-in-out infinite}#tut-tip .tut-swipe-up{animation:tutSwipeUp 1.1s ease-in-out infinite}#tut-tip .tut-swipe-down{animation:tutSwipeDown 1.1s ease-in-out infinite}@keyframes tutSwipeH{0%,to{transform:translate(-40px)}50%{transform:translate(40px)}}@keyframes tutSwipeUp{0%{transform:translateY(30px);opacity:0}30%{opacity:1}to{transform:translateY(-30px);opacity:0}}@keyframes tutSwipeDown{0%{transform:translateY(-30px);opacity:0}30%{opacity:1}to{transform:translateY(30px);opacity:0}}#tut-skip{position:absolute;bottom:22px;left:50%;transform:translate(-50%);pointer-events:auto;cursor:pointer;font-family:"Source Sans 3",sans-serif;font-weight:700;font-size:14px;box-sizing:border-box;height:48px;padding:0 20px;line-height:42px;color:#fff;background:#1a1d24a6;border:3px solid #1a1d24;border-radius:8px;box-shadow:2px 2px #000;text-shadow:1px 1px 0 #000}#tut-skip:hover{background:#1a1d24d9}#tut-skip.slide-in{animation:skipSlideUp .45s cubic-bezier(.2,.7,.2,1.1) both}#tut-skip.slide-out{animation:skipSlideDown .35s cubic-bezier(.4,0,.7,.2) both;pointer-events:none}@keyframes skipSlideUp{0%{opacity:0;transform:translate(-50%) translateY(80px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes skipSlideDown{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(80px)}}#hud .combo{position:absolute;top:92px;right:76px;font-family:Boneapa,"Source Sans 3",sans-serif;font-size:34px;color:#fcd34d;-webkit-text-stroke:3px #1a1d24;paint-order:stroke fill;text-shadow:4px 4px 0 #1a1d24;transform:rotate(6deg)}#hud .combo.pop{animation:comboPop .4s cubic-bezier(.2,.8,.2,1.4)}@keyframes comboPop{0%{transform:rotate(6deg) scale(1.8)}to{transform:rotate(6deg) scale(1)}}#popups{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:7}#popups span{position:absolute;left:0;top:0;white-space:nowrap;font-family:Boneapa,"Source Sans 3",sans-serif;font-size:clamp(24px,4.5vw,52px);letter-spacing:1px;color:#fff;-webkit-text-stroke:3px #1a1d24;paint-order:stroke fill;text-shadow:4px 4px 0 #1a1d24;animation:popRise .9s ease-out forwards}#popups span.streak{color:#fcd34d}#popups span.close{color:#67e8f9}@keyframes popRise{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}30%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-120%) scale(1)}to{opacity:0;transform:translate(-50%,-180%) scale(1)}}