@font-face{font-family:Luckiest Guy;font-style:normal;font-display:swap;font-weight:400;src:url(/games/supreme-pizza-racer/assets/luckiest-guy-latin-ext-400-normal-Dzj4o2hI.woff2) format("woff2"),url(/games/supreme-pizza-racer/assets/luckiest-guy-latin-ext-400-normal-Dplr6uOI.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Luckiest Guy;font-style:normal;font-display:swap;font-weight:400;src:url(/games/supreme-pizza-racer/assets/luckiest-guy-latin-400-normal-dJClyBWO.woff2) format("woff2"),url(/games/supreme-pizza-racer/assets/luckiest-guy-latin-400-normal-f5b8-b44.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #231a2c;--cream: #fff6e0;--red: #e2412f;--orange: #ff9a1f;--yellow: #ffd23f;--green: #3fae5a;--sky: #1aa3c8;--display: "Luckiest Guy", "Arial Rounded MT Bold", system-ui, sans-serif;--body: "Arial Rounded MT Bold", "Nunito", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--sky);font-family:var(--body);color:var(--cream);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}canvas.game{display:block;width:100%;height:100%}.hidden{display:none!important}.stack{display:grid;font-family:var(--display);line-height:.95;letter-spacing:.01em}.stack>span{grid-area:1 / 1;text-align:center;white-space:nowrap}.stack .o{color:var(--ink);-webkit-text-stroke:.2em var(--ink);text-shadow:0 .12em 0 var(--ink),0 .2em .25em rgba(0,0,0,.25)}.stack .f{background:linear-gradient(180deg,#ffffff 0%,var(--cream) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;overflow-y:auto;touch-action:pan-y;gap:16px;padding:calc(24px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));background:radial-gradient(ellipse at 50% 40%,#231a2c26,#231a2c99);z-index:20;animation:fade-in .35s ease-out}.brand-logo{width:min(260px,60vw);height:auto;margin-bottom:clamp(8px,3vw,24px);filter:drop-shadow(0 4px 0 var(--ink)) drop-shadow(0 6px 10px rgba(0,0,0,.3));transform:rotate(-3deg);animation:pop-in .6s cubic-bezier(.2,1.6,.4,1) both}.logo{transform:rotate(-5deg);display:flex;flex-direction:column;align-items:center;animation:logo-in .7s cubic-bezier(.2,1.6,.4,1) both}.logo .l0{font-size:clamp(28px,8vw,58px);margin-bottom:-.04em}.logo .l0 .f{background-image:linear-gradient(180deg,#fff,#d9f1ff 45%,#7cc6ff)}.logo .l1{font-size:clamp(46px,13vw,100px)}.logo .l2{font-size:clamp(56px,16vw,124px);margin-top:-.06em}.logo .l1 .f{background-image:linear-gradient(180deg,#fff3a1,#ffd23f 30%,#ff9a1f,#f05a1a)}.logo .l2 .f{background-image:linear-gradient(180deg,#ffb3a6,#ff6a4d 40%,#e2412f 75%,#b52a1c)}.blurb{margin:0;text-align:center;font-size:clamp(15px,4vw,20px);font-weight:800;line-height:1.35;text-shadow:0 2px 0 var(--ink)}.setup{background:var(--cream);color:var(--ink);border:5px solid var(--ink);border-radius:24px;box-shadow:0 7px 0 var(--ink);padding:10px 18px 14px;width:min(420px,92vw);text-align:center;animation:pop-in .5s cubic-bezier(.2,1.6,.4,1) both .1s}.label{font-family:var(--display);font-size:14px;letter-spacing:.08em;color:var(--red);margin:8px 0 6px}.choices{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.chip{font-family:var(--display);font-size:16px;color:var(--ink);padding:7px 14px 3px;border-radius:999px;border:3px solid var(--ink);background:#fff;box-shadow:0 3px 0 var(--ink);cursor:pointer}.chip.on{background:linear-gradient(180deg,#ffd23f,#ff9a1f)}.chip:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.pick-title{font-size:clamp(34px,9vw,64px);transform:rotate(-3deg)}.pick-title .f{background-image:linear-gradient(180deg,#fff3a1,#ffd23f 30%,#ff9a1f,#f05a1a)}.riders{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:640px}.chip.rider{display:flex;flex-direction:column;align-items:center;gap:6px;width:clamp(96px,26vw,112px);padding:10px 6px 6px;border-radius:20px;background:var(--cream);font-size:14px;line-height:1.05;box-shadow:0 4px 0 var(--ink)}.chip.rider img{height:clamp(84px,22vw,110px);width:auto;display:block;pointer-events:none}.tracks{gap:10px;max-width:640px}.chip.track{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px 4px;border-radius:16px;font-size:13px;background:var(--cream)}.chip.track canvas{width:96px;height:67px;display:block;border-radius:10px;background:#8fd18f;border:2px solid var(--ink)}.chip.track.on{background:linear-gradient(180deg,#ffd23f,#ff9a1f)}.chip.seasonal{position:relative}.chip.seasonal:after{content:attr(data-badge);position:absolute;top:-10px;right:-8px;font-size:26px;filter:drop-shadow(0 2px 0 var(--ink));transform:rotate(12deg)}.chip.rider.on{background:linear-gradient(180deg,#ffd23f,#ff9a1f);transform:scale(1.06)}.big-btn{font-family:var(--display);font-size:clamp(26px,7vw,40px);padding:.38em 1.1em .25em;color:#fff;background:linear-gradient(180deg,#ffb03a,#ff7a1a);border:5px solid var(--ink);border-radius:999px;box-shadow:0 7px 0 var(--ink),inset 0 4px #ffffff73;text-shadow:0 3px 0 var(--ink);-webkit-text-stroke:1.5px var(--ink);cursor:pointer;animation:pulse 1.4s ease-in-out infinite}.big-btn:active{transform:translateY(5px);box-shadow:0 2px 0 var(--ink)}.small-btn{font-family:var(--display);font-size:18px;padding:9px 18px 5px;border-radius:999px;border:4px solid var(--ink);background:var(--cream);color:var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer}.small-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.m-badge{position:fixed;right:12px;bottom:calc(12px + var(--safe-bottom));width:54px;height:54px;border-radius:50%;background:var(--cream);border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);display:flex;align-items:center;justify-content:center;z-index:30;pointer-events:none}.m-badge img{width:72%;height:auto;display:block;margin-top:2px}body.racing .m-badge{display:none}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:22px;background:var(--sky);z-index:50;text-shadow:0 3px 0 var(--ink)}.stack.small{font-size:clamp(48px,13vw,90px);transform:rotate(-4deg)}.stack.small .f{background-image:linear-gradient(180deg,#fff3a1,#ffd23f 30%,#ff9a1f,#f05a1a)}.final{background:var(--cream);color:var(--ink);border:5px solid var(--ink);border-radius:26px;box-shadow:0 8px 0 var(--ink);padding:14px 18px;width:min(400px,92vw);animation:pop-in .5s cubic-bezier(.2,1.6,.4,1) both .15s}.res-msg{font-weight:800;font-size:15px;text-align:center;margin-bottom:6px}.results{list-style:none;padding:0;margin:0}.results li{display:flex;justify-content:space-between;font-family:var(--display);font-size:17px;letter-spacing:.02em;padding:7px 12px 3px;margin:6px 0;border:3px solid var(--ink);border-radius:14px;background:#fff}.results li.me{background:linear-gradient(180deg,#ffd23f,#ff9a1f)}.results li .t{font-variant-numeric:tabular-nums;opacity:.7}.loyalty-chip{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--display);font-size:16px;letter-spacing:.03em;color:var(--ink);background:var(--cream);border:4px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 var(--ink);padding:7px 14px 3px;white-space:nowrap}.loyalty-chip:has(button){background:none;border:none;box-shadow:none;padding:0}.loyalty-chip .star{color:var(--orange);-webkit-text-stroke:1px var(--ink)}.loyalty-chip b{color:var(--red);font-weight:400;font-size:19px}.race-note{margin:0;min-height:1.2em;text-align:center;font-weight:800;font-size:15px;text-shadow:0 2px 0 var(--ink)}.race-note b{color:var(--yellow)}.reward{margin-top:12px;padding-top:10px;border-top:3px dashed var(--ink);text-align:center}.reward h3{margin:0 0 6px;font-family:var(--display);font-weight:400;font-size:22px;color:var(--orange);-webkit-text-stroke:1px var(--ink)}.reward p{margin:5px 0;font-weight:800;font-size:14px;line-height:1.35}.reward .muted{opacity:.75}.reward .code{font-family:ui-monospace,Menlo,monospace;color:var(--red);user-select:all;-webkit-user-select:all}.reward .small-btn{margin-top:8px}.howto{z-index:25}.howto-card{width:min(440px,92vw);max-height:calc(85vh - var(--safe-top) - var(--safe-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:var(--cream);color:var(--ink);border:5px solid var(--ink);border-radius:24px;box-shadow:0 8px 0 var(--ink),0 24px 60px #0006;padding:16px 20px 14px;text-align:left;animation:pop-in .45s cubic-bezier(.2,1.6,.4,1) both}.howto-card h2{margin:0 0 6px;font-family:var(--display);font-weight:400;font-size:32px;line-height:1;text-align:center;color:var(--orange);-webkit-text-stroke:1px var(--ink);text-shadow:0 3px 0 var(--ink)}.howto-card ul{margin:0;padding-left:18px}.howto-card li{font-size:15px;font-weight:700;line-height:1.4;margin:4px 0}.howto-card li b{color:var(--red)}.howto-card kbd{display:inline-block;font-family:var(--display);font-size:13px;line-height:1;padding:4px 7px 2px;border:2px solid var(--ink);border-bottom-width:4px;border-radius:7px;background:#fff;color:var(--ink);vertical-align:baseline}.howto-footer{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:16px}.howto-footer .big-btn{font-size:28px;animation:none}.only-keys{display:none}@media (pointer: fine){.only-touch{display:none}.only-keys{display:block}}@media (pointer: coarse){.only-touch{display:block}.only-keys{display:none}}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud-box{position:absolute;font-family:var(--display);color:var(--ink);background:var(--cream);border:4px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 var(--ink);padding:6px 14px 1px}#pos{top:calc(14px + var(--safe-top));left:14px;font-size:40px;line-height:1;color:var(--red);border-radius:20px;padding:6px 12px 0}#pos span{font-size:18px;color:var(--ink)}#lap{top:calc(14px + var(--safe-top));left:50%;transform:translate(-50%);font-size:20px}#timer{top:calc(14px + var(--safe-top));right:14px;font-size:20px;font-variant-numeric:tabular-nums}#item{bottom:calc(24px + var(--safe-bottom));left:14px;width:88px;height:88px;display:flex;align-items:center;justify-content:center;font-size:48px;border-radius:50%;padding:0}#item .name{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:13px;color:#fff;text-shadow:0 2px 0 var(--ink)}#speed{bottom:calc(24px + var(--safe-bottom));right:14px;font-size:20px;min-width:110px;text-align:right;font-variant-numeric:tabular-nums}#speed small{font-size:11px;opacity:.7}#minimap{position:absolute;bottom:74px;right:14px;width:150px;height:150px;opacity:.9}#banner{position:absolute;top:28%;left:50%;transform:translate(-50%,-50%);font-family:var(--display);font-size:clamp(60px,14vw,140px);white-space:nowrap;color:var(--yellow);-webkit-text-stroke:4px var(--ink);text-shadow:0 8px 0 var(--ink)}#banner.pop{animation:pop .45s ease-out}#toast{position:absolute;top:48%;left:50%;transform:translate(-50%);font-family:var(--display);font-size:clamp(20px,5vw,28px);white-space:nowrap;color:#fff;-webkit-text-stroke:1px var(--ink);text-shadow:0 3px 0 var(--ink);opacity:0;transition:opacity .3s}#toast.show{opacity:1}#wrong{position:absolute;top:40%;left:50%;transform:translate(-50%);font-family:var(--display);font-size:26px;color:#fff;-webkit-text-stroke:1px var(--ink);background:var(--red);border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);padding:8px 22px 3px;border-radius:999px}#boostfx{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 120px #ffd23f00;transition:box-shadow .2s}#boostfx.on{box-shadow:inset 0 0 140px #ffd23fa6}#touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;display:none}body.touch.racing #touch{display:block}body.touch #minimap{top:calc(70px + var(--safe-top));bottom:auto;width:110px;height:110px}body.touch #item,body.touch #speed{display:none}.tbtn{position:absolute;pointer-events:auto;width:64px;height:64px;border-radius:50%;background:#fff6e061;border:3px solid rgba(35,26,44,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:var(--display);font-size:24px;color:var(--ink);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none}.tbtn:active,.tbtn.down{background:#ffd23fbf;transform:scale(.94)}#t-gas{left:16px;bottom:calc(24px + var(--safe-bottom));width:76px;height:76px;background:#ff8c2880;color:#fff;-webkit-text-stroke:1px var(--ink);font-size:20px}#t-drift{left:102px;bottom:calc(40px + var(--safe-bottom));width:64px;height:44px;border-radius:22px;font-size:15px}#t-right{right:16px;bottom:calc(24px + var(--safe-bottom))}#t-left{right:92px;bottom:calc(24px + var(--safe-bottom))}#t-item{right:16px;top:48%;transform:translateY(-50%);width:68px;height:68px;font-size:34px;background:#fff6e080}#t-item:active,#t-item.down{transform:translateY(-50%) scale(.94)}#t-item.empty{opacity:.35}@keyframes fade-in{0%{opacity:0}}@keyframes logo-in{0%{transform:rotate(-5deg) scale(.3);opacity:0}}@keyframes pop-in{0%{transform:scale(.3);opacity:0}}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}60%{transform:translate(-50%,-50%) scale(1.15);opacity:1}to{transform:translate(-50%,-50%) scale(1)}}@media (max-height: 720px){.screen{gap:10px}.brand-logo{width:min(180px,46vw);margin-bottom:0}.logo .l0{font-size:clamp(24px,7vw,44px)}.logo .l1{font-size:clamp(36px,10vw,72px)}.logo .l2{font-size:clamp(44px,12vw,88px)}.label{margin:4px 0}}@media (prefers-reduced-motion: reduce){.big-btn,.logo,.brand-logo,.howto-card,.setup,.final{animation:none}}