:root{--red:#e63946;--lacquer:#a4161a;--gold:#ffb703;--jade:#2a9d8f;--cream:#fff3e0;--ink:#120820;--font:"Baloo 2", "Fredoka", "Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif;--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)}*{box-sizing:border-box}html,body{background:var(--ink);width:100%;height:100%;color:var(--cream);font-family:var(--font);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none;margin:0;padding:0;overflow:hidden}#app{touch-action:none;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}canvas#game{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}#hud{pointer-events:none;padding:calc(var(--sat) + 10px) calc(var(--sar) + 12px) calc(var(--sab) + 10px) calc(var(--sal) + 12px);position:absolute;top:0;bottom:0;left:0;right:0}.hud-top{justify-content:space-between;align-items:flex-start;display:flex}.hud-left .score{color:var(--gold);text-shadow:0 2px #7a3b00,0 4px 14px #0009;font-variant-numeric:tabular-nums;font-size:max(28px,min(7vw,44px));font-weight:800;line-height:1}.hud-left .sub{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12082099;border:2px solid #ffb70373;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:max(13px,min(3.5vw,16px));font-weight:700;display:inline-flex}.pill.mult{background:var(--red);border-color:var(--gold);color:#fff;animation:.8s ease-in-out infinite pulse}.ico-dumpling{background:#fff3e0;border-radius:50% 50% 45% 45%;width:14px;height:12px;display:inline-block;box-shadow:inset 0 -3px #f1c27d}.hud-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.icon-btn{pointer-events:auto;font-family:var(--font);width:44px;height:44px;color:var(--cream);cursor:pointer;background:#12082099;border:2px solid #ffb70380;border-radius:14px;place-items:center;font-size:18px;display:grid}.icon-btn:active{transform:scale(.94)}#hud-powerups{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.pu{background:#120820a6;border:2px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;min-width:120px;padding:3px 8px 3px 4px;display:flex}.pu .pu-ico{background:var(--c,var(--gold));color:#120820;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:grid}.pu .pu-bar{background:#ffffff26;border-radius:4px;flex:1;height:8px;overflow:hidden}.pu .pu-fill{background:var(--c,var(--gold));border-radius:4px;width:100%;height:100%;transition:width .1s linear}.combo{top:calc(var(--sat) + 18vh);text-align:center;color:#fff;text-shadow:0 3px 0 var(--lacquer), 0 6px 18px #0009;animation:.25s cubic-bezier(.2,1.6,.4,1) popIn;position:absolute;left:50%;transform:translate(-50%)}.combo span{font-size:max(34px,min(9vw,60px));font-weight:800;line-height:1;display:block}.combo small{letter-spacing:3px;color:var(--gold);font-size:max(12px,min(3vw,16px));font-weight:700}#hud-center{text-align:center;pointer-events:none;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.milestone{color:var(--gold);text-shadow:0 3px #7a3b00,0 8px 24px #000000b3;white-space:nowrap;font-size:max(32px,min(9vw,64px));font-weight:800;animation:1.6s ease-out forwards milestone}.milestone small{color:#fff;letter-spacing:3px;font-size:.4em;display:block}#pops{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.pop{color:#fff;text-shadow:0 2px #00000080,0 0 12px #00000080;white-space:nowrap;will-change:transform, opacity;font-size:max(16px,min(4.5vw,26px));font-weight:800;animation:.8s ease-out forwards popUp;position:absolute;transform:translate(-50%,-50%)}.pop.gold{color:var(--gold)}.pop.jade{color:#7ff5d6}.pop.red{color:#ff8fa3}#hint{left:50%;bottom:calc(var(--sab) + 12vh);text-align:center;pointer-events:none;animation:3s forwards fadeInOut;position:absolute;transform:translate(-50%)}#hint p{opacity:.9;text-shadow:0 2px 6px #000;margin:8px 0 0;font-weight:700}.hint-grid{grid-template-columns:repeat(3,72px);justify-content:center;gap:6px;display:grid}.hint-item{flex-direction:column;align-items:center;gap:2px;font-size:12px;font-weight:700;display:flex}.hint-item.wide{grid-column:2}.hint-item .arrow{border:2px solid var(--gold);width:56px;height:56px;color:var(--gold);background:#120820b3;border-radius:16px;place-items:center;font-size:22px;animation:.9s ease-in-out infinite nudgeX;display:grid}.hint-item .arrow.up{animation-name:nudgeUp}.hint-item .arrow.down{animation-name:nudgeDown}.hint-item:first-child .arrow{animation-name:nudgeLeft}.screen{padding:calc(var(--sat) + 20px) calc(var(--sar) + 20px) calc(var(--sab) + 20px) calc(var(--sal) + 20px);text-align:center;background:radial-gradient(at 50% 30%,#e6394640,#120820bf 70%);flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.25s fadeIn;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.title{color:var(--gold);text-shadow:0 4px #7a3b00,0 10px 30px #000000b3,0 0 40px #ffb70359;letter-spacing:-.02em;flex-direction:column;margin:0;font-size:max(56px,min(16vw,112px));font-weight:800;line-height:.85;display:flex;transform:rotate(-3deg)}.title span:last-child{color:#fff;text-shadow:0 4px 0 var(--lacquer), 0 10px 30px #000000b3}.tagline{opacity:.9;margin:0;font-size:max(14px,min(4vw,18px));font-weight:700}.stats-row,.stats-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.stats-grid{grid-template-columns:1fr 1fr;width:min(360px,90vw);display:grid}.stat{background:#120820a6;border:2px solid #ffb70366;border-radius:16px;flex-direction:column;align-items:center;min-width:96px;padding:8px 16px;display:flex}.stat small{letter-spacing:2px;color:var(--gold);font-size:11px;font-weight:700}.stat b{font-size:max(18px,min(5vw,26px));font-weight:800}.big-btn{pointer-events:auto;font-family:var(--font);letter-spacing:1px;color:#fff;background:linear-gradient(180deg, #ff5a5f, var(--red) 60%, var(--lacquer));border:3px solid var(--gold);cursor:pointer;border-radius:999px;margin-top:8px;padding:14px 44px;font-size:max(22px,min(6vw,32px));font-weight:800;animation:1.6s ease-in-out infinite breathe;box-shadow:0 6px #6b0f12,0 14px 30px #00000080}.big-btn:active{transform:translateY(4px);box-shadow:0 2px #6b0f12,0 8px 20px #00000080}.small-btn{pointer-events:auto;font-family:var(--font);color:var(--cream);cursor:pointer;background:#12082099;border:2px solid #fff3e04d;border-radius:999px;padding:8px 22px;font-size:16px;font-weight:700}.screen h2{color:#fff;text-shadow:0 4px 0 var(--lacquer), 0 10px 30px #000000b3;margin:0;font-size:max(40px,min(12vw,72px));font-weight:800;transform:rotate(-2deg)}.final-score{color:var(--gold);text-shadow:0 4px #7a3b00,0 10px 30px #000000b3;font-variant-numeric:tabular-nums;font-size:max(48px,min(14vw,88px));font-weight:800;line-height:1}.newbest{color:#120820;background:var(--gold);border-radius:999px;padding:4px 18px;font-size:max(18px,min(5vw,26px));font-weight:800;animation:.6s cubic-bezier(.2,1.6,.4,1) infinite alternate newbest;box-shadow:0 0 30px #ffb703cc}.bottom-row{bottom:calc(var(--sab) + 16px);right:calc(var(--sar) + 16px);gap:8px;display:flex;position:absolute}.lantern-row{gap:18px;margin-bottom:-4px;display:flex}.lantern-row i{background:radial-gradient(circle at 50% 40%, #ff8a80, var(--red) 60%, var(--lacquer));border-radius:50%;width:26px;height:34px;animation:2.4s ease-in-out infinite sway;position:relative;box-shadow:0 0 22px #e63946e6,inset 0 -4px #00000040}.lantern-row i:before{content:"";background:var(--gold);border-radius:2px;width:10px;height:6px;margin-left:-5px;position:absolute;top:-6px;left:50%}.lantern-row i:after{content:"";background:var(--gold);border-radius:2px;width:4px;height:8px;margin-left:-2px;position:absolute;bottom:-8px;left:50%}.lantern-row i:nth-child(2){background:radial-gradient(circle at 50% 40%, #ffe29a, var(--gold) 60%, #c77d00);animation-delay:-.4s;box-shadow:0 0 22px #ffb703e6}.lantern-row i:nth-child(3){animation-delay:-.8s}.lantern-row i:nth-child(4){background:radial-gradient(circle at 50% 40%, #9ef0e3, var(--jade) 60%, #1b6b62);animation-delay:-1.2s;box-shadow:0 0 22px #2a9d8fe6}.lantern-row i:nth-child(5){animation-delay:-1.6s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%{opacity:0}12%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes popIn{0%{opacity:0;transform:translate(-50%)scale(.4)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes popUp{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}20%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}to{opacity:0;transform:translate(-50%,-170%)scale(1)}}@keyframes milestone{0%{opacity:0;transform:scale(.4)rotate(-6deg)}15%{opacity:1;transform:scale(1.1)rotate(2deg)}30%{transform:scale(1)rotate(0)}80%{opacity:1}to{opacity:0;transform:translateY(-30px)scale(.9)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes newbest{0%{transform:scale(1)rotate(-2deg)}to{transform:scale(1.08)rotate(2deg)}}@keyframes sway{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(6deg)translateY(3px)}}@keyframes nudgeLeft{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}@keyframes nudgeX{0%,to{transform:translate(0)}50%{transform:translate(8px)}}@keyframes nudgeUp{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes nudgeDown{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (orientation:landscape) and (max-height:500px){.title{font-size:max(40px,min(12vh,72px))}.screen{gap:8px}.lantern-row{display:none}.big-btn{padding:8px 32px}}@media (prefers-reduced-motion:reduce){.big-btn,.pill.mult,.lantern-row i,.hint-item .arrow{animation:none}}