@font-face{font-family:Luckiest Guy;font-style:normal;font-display:swap;font-weight:400;src:url(/games/pizza-four-in-a-row/assets/luckiest-guy-latin-ext-400-normal-Dzj4o2hI.woff2)format("woff2"),url(/games/pizza-four-in-a-row/assets/luckiest-guy-latin-ext-400-normal-Dplr6uOI.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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/pizza-four-in-a-row/assets/luckiest-guy-latin-400-normal-dJClyBWO.woff2)format("woff2"),url(/games/pizza-four-in-a-row/assets/luckiest-guy-latin-400-normal-f5b8-b44.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#2a160c;--cream:#fff6e0;--red:#d8342a;--orange:#ff9a1f;--yellow:#ffd23f;--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}html,body{height:100%;font-family:var(--body);color:var(--cream);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;background:#3a2414;margin:0;overflow:hidden}#backdrop{filter:blur(22px)brightness(.55)saturate(1.1);background:#3a2414 50%/cover no-repeat;position:fixed;inset:-40px}canvas#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.stack{font-family:var(--display);font-size:clamp(52px,15vw,96px);line-height:.95;display:grid;transform:rotate(-4deg)}.stack.small{font-size:clamp(30px,8.6vw,56px)}.stack>span{text-align:center;grid-area:1/1}.stack .o{color:var(--ink);-webkit-text-stroke:.2em var(--ink);text-shadow:0 .12em 0 var(--ink), 0 .2em .25em #0000004d}.stack .f{background:linear-gradient(#fff3a1 0%,#ffd23f 35%,#ff9a1f 70%,#f05a1a 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.screen{padding:calc(20px + var(--safe-top)) 20px calc(20px + var(--safe-bottom));z-index:20;background:radial-gradient(at 50% 42%,#2a160c59,#2a160cd9);flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0;overflow:hidden}.hero-logo{filter:drop-shadow(0 14px 18px #00000073);z-index:1;width:min(88vw,520px);animation:.8s cubic-bezier(.2,1.6,.4,1) both logo-in,2.6s ease-in-out .8s infinite bob;position:relative}.how{counter-reset:step;z-index:1;gap:8px;margin:0;padding:0;font-size:clamp(15px,4.2vw,19px);list-style:none;display:grid;position:relative}.how li{counter-increment:step;background:#2a160c99;border:2px solid #ffe4b459;border-radius:999px;align-items:center;gap:10px;padding:7px 18px 7px 7px;animation:.5s ease-out both rise;display:flex}.how li:nth-child(2){animation-delay:80ms}.how li:nth-child(3){animation-delay:.16s}.how li:before{content:counter(step);font-family:var(--display);background:var(--red);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;padding-top:3px;display:grid}.how b{font-family:var(--display);color:var(--yellow);letter-spacing:.02em;font-weight:400}.how em{color:#ffb38a}.big-btn,.small-btn{font-family:var(--display);cursor:pointer;color:#fff;z-index:1;border:none;transition:transform 80ms;position:relative}.big-btn{background:linear-gradient(180deg, #ff6a4a 0%, var(--red) 55%, #a8221a 100%);text-shadow:0 3px #0000004d;border-radius:999px;padding:16px 44px 12px;font-size:clamp(28px,8vw,40px);animation:1.6s ease-in-out infinite pulse;box-shadow:0 7px #6e140e,0 14px 24px #0006,inset 0 3px #ffffff59}.big-btn:active{transform:translateY(5px)scale(.98);box-shadow:0 2px #6e140e,0 6px 12px #0006}.small-btn{background:#2a160cbf;border:2px solid #ffe4b480;border-radius:999px;padding:10px 26px 7px;font-size:20px}.small-btn:active{transform:scale(.96)}.best{font-family:var(--display);color:var(--yellow);z-index:1;min-height:1em;font-size:20px;position:relative}.controls{text-align:center;opacity:.75;z-index:1;max-width:360px;font-size:13px;line-height:1.5;position:relative}.brand{filter:drop-shadow(0 3px #ffffffd9)drop-shadow(0 6px 10px #0006);z-index:1;width:min(56vw,240px);position:relative}.floaties{pointer-events:none;position:absolute;inset:0}.floaties img{width:var(--sz);left:var(--x);opacity:.9;filter:drop-shadow(0 6px 8px #00000059);animation:float-up var(--dur) linear var(--delay) infinite;position:absolute;top:110%}.final{background:#2a160cb3;border:3px solid #ffe4b466;border-radius:26px;flex-direction:column;align-items:center;gap:12px;width:min(92vw,440px);padding:18px 22px;display:flex}.final-score{flex-direction:column;align-items:center;display:flex}.final-score span{font-family:var(--display);color:#fff;text-shadow:0 4px 0 var(--ink);font-size:clamp(56px,16vw,80px);line-height:1}.final-score small,.final-row small{font-family:var(--display);color:#ffe7b0;letter-spacing:.06em}.final-row{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;display:grid}.final-row>div{flex-direction:column;align-items:center;gap:2px;display:flex}.final-row b{font-family:var(--display);color:var(--yellow);font-size:28px;font-weight:400}.final-row small{text-align:center;font-size:11px}.new-best{font-family:var(--display);color:var(--ink);background:linear-gradient(#fff3a1,#ffd23f 50%,#ff9a1f);border-radius:999px;padding:6px 16px 3px;font-size:24px;animation:.5s cubic-bezier(.2,1.8,.4,1) both stamp,1.2s ease-in-out .5s infinite pulse;transform:rotate(-3deg)}.m-badge{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(14px + var(--safe-bottom));z-index:21;pointer-events:none;filter:drop-shadow(0 3px 6px #00000073);width:64px;position:fixed}body.playing .m-badge{display:none}.loyalty-line{font-family:var(--display);color:#fff3a1;text-align:center;z-index:1;font-size:18px;position:relative}.loyalty-line .star,.loyalty-result h3{color:var(--yellow)}.loyalty-line small{opacity:.75;font-size:14px}.loyalty-result{text-align:center;border-top:2px dashed #ffe4b459;flex-direction:column;align-items:center;gap:6px;width:100%;padding-top:12px;display:flex}.loyalty-result h3{font-family:var(--display);text-shadow:0 3px 0 var(--ink);margin:0;font-size:24px;font-weight:400;animation:.5s cubic-bezier(.2,1.8,.4,1) both stamp}.loyalty-result p{margin:0;font-size:14px;line-height:1.4}.loyalty-result p.muted{opacity:.8}.loyalty-result .code{color:#fff;letter-spacing:.04em;-webkit-user-select:all;user-select:all;font-family:ui-monospace,Menlo,monospace}.loyalty-result .small-btn{margin-top:4px}.howto{z-index:25;padding:calc(14px + var(--safe-top)) 14px calc(14px + var(--safe-bottom));background:#2a160cb8}.howto-card{width:min(94vw,520px);max-height:calc(85vh - var(--safe-top) - var(--safe-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:var(--cream);color:var(--ink);border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink), 0 18px 30px #00000073;text-align:left;font-family:var(--body);border-radius:24px;padding:18px 20px 16px;font-size:15px;line-height:1.4;animation:.35s cubic-bezier(.2,1.4,.4,1) both howto-in;overflow-y:auto}.howto-card h2{font-family:var(--display);text-align:center;color:var(--red);text-shadow:0 3px 0 var(--ink);margin:0 0 10px;font-size:clamp(32px,9vw,44px);font-weight:400;line-height:1;transform:rotate(-2deg)}.howto-card section+section{margin-top:12px}.howto h3{font-family:var(--display);letter-spacing:.03em;color:var(--ink);border-bottom:2px dashed #2a160c4d;margin:0 0 4px;padding-bottom:2px;font-size:20px;font-weight:400}.howto ul{gap:4px;margin:0;padding:0 0 0 18px;display:grid}.howto li{padding-left:2px}.howto li::marker{color:var(--red)}.howto b{color:var(--red);font-weight:700}.howto kbd{border:1.5px solid var(--ink);color:var(--ink);vertical-align:1px;background:#fff;border-bottom-width:3px;border-radius:6px;padding:3px 6px 2px;font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1;display:inline-block}.howto-footer{flex-direction:column;align-items:center;gap:10px;margin-top:16px;display:flex}.howto-footer .big-btn{padding:14px 38px 10px;font-size:clamp(24px,7vw,34px)}.howto-footer .small-btn{color:var(--ink);background:#2a160c14;border-color:#2a160c66}.howto .only-keys{display:none}@media (pointer:fine){.howto .only-touch{display:none}.howto .only-keys{display:grid}}@media (pointer:coarse){.howto .only-touch{display:grid}.howto .only-keys{display:none}}@keyframes howto-in{0%{opacity:0;transform:translateY(24px)scale(.96)}}.loading{font-family:var(--display);color:#ffe7b0;z-index:30;place-items:center;font-size:24px;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}@keyframes logo-in{0%{opacity:0;transform:scale(.3)rotate(-12deg)}}@keyframes bob{50%{transform:translateY(-8px)rotate(-1deg)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes pulse{50%{transform:scale(1.05)}}@keyframes stamp{0%{opacity:0;transform:scale(2.4)rotate(-12deg)}}@keyframes float-up{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-140vh) rotate(var(--spin))}}@media (prefers-reduced-motion:reduce){.floaties{display:none}.hero-logo,.big-btn,.new-best,.howto-card{animation:none}}@media (height<=640px){.screen{gap:10px}.controls{display:none}.howto-card{max-height:calc(92vh - var(--safe-top) - var(--safe-bottom));padding:12px 14px;font-size:14px}.howto-card h2{margin-bottom:6px;font-size:28px}.howto-card section+section{margin-top:8px}.howto h3{font-size:17px}.howto-footer{gap:6px;margin-top:10px}}