@font-face{font-family:Luckiest Guy;src:url(/fonts/luckiest-guy.woff2) format("woff2");font-weight:400;font-display:swap}:root{--sewer: #0e2418;--slime: #6fce3f;--cheese: #ffce3d;--pep: #d62f2f;--crust: #e8a85c;--ink: #14241a;--display: "Luckiest Guy", "Arial Black", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--sewer);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:var(--display)}#stage{position:relative;margin:0 auto;width:100%;max-width:480px;height:100dvh;overflow:hidden;background:var(--sewer)}#game{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.layer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;text-align:center}.hidden{display:none!important}.screen{justify-content:center;gap:10px;padding:18px 20px calc(14px + env(safe-area-inset-bottom));color:#fff;background:radial-gradient(ellipse at 50% 30%,#0e24188c,#0e2418e0);z-index:5}.badge{background:var(--pep);color:#fff;font-size:clamp(13px,3.6vw,17px);letter-spacing:2px;padding:7px 16px 5px;border-radius:6px;box-shadow:0 4px #00000059;border:3px solid #fff}.tilt-l{transform:rotate(-3deg)}.tilt-r{transform:rotate(2deg)}.game-title{line-height:.92;margin:8px 0 2px;filter:drop-shadow(0 6px 0 rgba(0,0,0,.4))}.game-title span{display:block}.game-title .t1{font-size:clamp(40px,13vw,62px);color:var(--slime);-webkit-text-stroke:2px var(--ink);transform:rotate(-2deg)}.game-title .t2{font-size:clamp(52px,17vw,82px);color:var(--cheese);-webkit-text-stroke:2px var(--ink);transform:rotate(1.5deg)}.tagline{font-family:var(--display);color:var(--crust);font-size:clamp(14px,4vw,18px);letter-spacing:1px}.pick-label{margin-top:14px;color:#fff;font-size:clamp(15px,4.4vw,20px);letter-spacing:2px;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.06)}}#turtle-row{display:flex;gap:12px;margin-top:4px}.turtle-btn{width:clamp(64px,19vw,86px);height:clamp(72px,21vw,96px);background:#ffffff14;border:3px solid rgba(255,255,255,.25);border-radius:14px;cursor:pointer;padding:4px 0 0;transition:transform .12s ease}.turtle-btn:active{transform:scale(.92)}.turtle-btn:focus-visible,button:focus-visible{outline:4px solid var(--cheese);outline-offset:2px}.turtle-btn canvas{width:100%;height:auto;pointer-events:none}.turtle-btn.picked{border-color:var(--cheese);background:#ffce3d2e;animation:bounce-pick .35s ease}@keyframes bounce-pick{30%{transform:scale(1.15) rotate(-4deg)}60%{transform:scale(.95)}}#best-line{color:var(--cheese);font-size:15px;letter-spacing:1px;margin-top:10px}.foot{position:absolute;bottom:calc(10px + env(safe-area-inset-bottom));left:0;right:0;font-size:clamp(10px,2.8vw,12px);letter-spacing:1.5px;color:#ffffffbf;line-height:1.6}#hud{z-index:3;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:calc(10px + env(safe-area-inset-top)) 14px 0;pointer-events:none}#hud-score{font-size:clamp(30px,9vw,42px);color:#fff;-webkit-text-stroke:1.5px var(--ink);text-shadow:0 4px 0 rgba(0,0,0,.35);min-width:90px;text-align:left}#hud-lives{font-size:clamp(20px,6vw,26px);letter-spacing:2px;margin-top:8px;margin-right:52px}#hud-lives .lost{filter:grayscale(1) brightness(.5)}.corner-btn{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:10;width:44px;height:44px;font-size:22px;background:#0e241899;border:2px solid rgba(255,255,255,.4);border-radius:12px;cursor:pointer}#combo-banner{position:absolute;top:22%;left:0;right:0;z-index:4;text-align:center;pointer-events:none}#combo-text{display:inline-block;font-size:clamp(34px,11vw,52px);color:var(--cheese);-webkit-text-stroke:2px var(--ink);text-shadow:0 5px 0 rgba(0,0,0,.4);transform:rotate(-4deg)}#combo-banner.slam #combo-text{animation:slam .5s cubic-bezier(.2,2.2,.4,1)}@keyframes slam{0%{transform:scale(3.2) rotate(-12deg);opacity:0}55%{transform:scale(.92) rotate(-3deg);opacity:1}to{transform:scale(1) rotate(-4deg)}}#combo-banner.pulse #combo-text{animation:pulse-up .22s ease}@keyframes pulse-up{40%{transform:scale(1.22) rotate(-5deg)}}#event-banner{position:absolute;top:34%;left:0;right:0;z-index:4;text-align:center;pointer-events:none}#event-text{display:inline-block;font-size:clamp(28px,9vw,42px);color:var(--slime);-webkit-text-stroke:2px var(--ink);text-shadow:0 5px 0 rgba(0,0,0,.4);transform:rotate(3deg)}#event-banner.slam #event-text{animation:slam-r .5s cubic-bezier(.2,2.2,.4,1)}@keyframes slam-r{0%{transform:scale(3) rotate(10deg);opacity:0}55%{transform:scale(.92) rotate(2deg);opacity:1}to{transform:scale(1) rotate(3deg)}}#go-headline{font-size:clamp(34px,11vw,50px);color:var(--slime);-webkit-text-stroke:2px var(--ink);transform:rotate(-2deg);filter:drop-shadow(0 5px 0 rgba(0,0,0,.4))}#go-score-label{color:var(--crust);letter-spacing:4px;font-size:16px;margin-top:6px}#go-score{font-size:clamp(64px,22vw,96px);color:var(--cheese);-webkit-text-stroke:2.5px var(--ink);line-height:1;filter:drop-shadow(0 6px 0 rgba(0,0,0,.4))}#go-rank{background:var(--slime);color:var(--ink);font-size:clamp(17px,5vw,24px);letter-spacing:1.5px;padding:8px 18px 5px;border-radius:8px;border:3px solid var(--ink);box-shadow:0 4px #00000059;margin-top:4px}#go-best{color:#ffffffd9;font-size:15px;letter-spacing:1px;margin-top:6px}#go-best.new-best{color:var(--cheese);animation:pulse .8s ease-in-out infinite}#coupon{margin-top:10px;width:min(86%,360px);background:#fffbe9;color:#5a3210;border:3px dashed var(--pep);border-radius:12px;padding:12px 14px;font-family:Georgia,serif;transform:rotate(-1deg);box-shadow:0 6px #0000004d}.coupon-head{font-family:var(--display);color:var(--pep);font-size:clamp(16px,4.6vw,20px);letter-spacing:1px;margin-bottom:6px}#coupon p{font-size:14px;line-height:1.45}.coupon-fine{margin-top:6px;font-size:11px!important;opacity:.8}.go-btns{display:flex;gap:12px;margin-top:14px}.big-btn{font-family:var(--display);font-size:clamp(20px,6vw,26px);letter-spacing:2px;color:var(--ink);background:var(--cheese);border:3px solid var(--ink);border-radius:12px;padding:14px 26px 10px;cursor:pointer;box-shadow:0 5px #0006;transition:transform .1s ease}.big-btn:active{transform:translateY(3px);box-shadow:0 2px #0006}#rotate{z-index:50;justify-content:center;background:var(--sewer);color:#fff;font-size:24px;line-height:1.7}@media(orientation:landscape)and (max-height:500px){#rotate{display:flex!important}}@media(prefers-reduced-motion:reduce){.pick-label,#go-best.new-best{animation:none}#combo-banner.slam #combo-text{animation:slam .01s}}