/* The atlas is cropped and masked at display time; original illustration is preserved. */
.food-sprite{display:block;background-image:url('burger-atlas.png');background-repeat:no-repeat;width:100%;height:100%}
.sprite-bottom{background-size:320% 512%;background-position:2.37% 28.52%;clip-path:polygon(1% 31%,4% 22%,12% 12%,25% 5%,43% 1%,58% 1%,78% 7%,91% 17%,98% 30%,100% 46%,98% 68%,93% 80%,83% 91%,64% 97%,44% 99%,23% 94%,10% 82%,4% 67%)}
.sprite-patty{background-size:330.32% 546.52%;background-position:50.05% 28.31%;clip-path:polygon(1% 42%,5% 25%,14% 12%,28% 4%,44% 1%,66% 3%,85% 13%,95% 26%,99% 44%,99% 65%,94% 81%,81% 92%,59% 98%,35% 97%,18% 89%,6% 72%)}
.sprite-cheese{background-size:320% 602.35%;background-position:97.92% 29.04%;clip-path:polygon(0% 58%,4% 32%,13% 15%,32% 2%,62% 0%,83% 9%,95% 25%,100% 52%,96% 60%,94% 79%,90% 91%,86% 75%,78% 63%,64% 69%,47% 75%,40% 98%,36% 99%,30% 80%,16% 70%,9% 56%,3% 72%)}
.sprite-lettuce{background-size:314.75% 538.95%;background-position:1.9% 77.33%;clip-path:polygon(1% 44%,4% 31%,2% 15%,8% 7%,15% 21%,22% 15%,29% 23%,34% 14%,40% 25%,43% 9%,47% 0%,52% 2%,54% 14%,61% 12%,63% 3%,68% 5%,69% 22%,76% 13%,82% 16%,85% 5%,90% 5%,92% 20%,99% 35%,98% 56%,94% 67%,96% 77%,92% 87%,87% 83%,80% 75%,75% 92%,70% 96%,65% 86%,55% 92%,48% 90%,43% 99%,38% 98%,34% 87%,26% 89%,20% 79%,14% 89%,9% 82%,10% 68%,4% 73%)}
.sprite-sauce{background-size:330.32% 640%;background-position:50.05% 76.83%;clip-path:polygon(0% 43%,5% 27%,16% 11%,33% 3%,50% 0%,72% 3%,90% 14%,98% 28%,100% 46%,98% 60%,90% 69%,76% 76%,49% 76%,44% 83%,43% 98%,39% 99%,36% 89%,35% 78%,21% 75%,8% 64%,2% 54%)}
.sprite-top{background-size:315.4% 423.14%;background-position:98.09% 75.19%;clip-path:polygon(0% 80%,2% 61%,8% 38%,18% 20%,30% 7%,44% 1%,59% 1%,74% 9%,85% 23%,93% 43%,98% 65%,100% 82%,97% 91%,85% 97%,64% 100%,39% 100%,17% 97%,4% 91%)}
.burger-layer{width:184px;height:77px;bottom:var(--base);left:50%;transform:translateX(-50%);line-height:normal;font-size:0;filter:drop-shadow(0 2px 1px #542b1325);transform-origin:center bottom}.layer-patty{height:74px}.layer-cheese{height:65px;width:190px}.layer-lettuce{height:73px;width:194px}.layer-sauce{height:62px;width:182px}.layer-top{height:92px;width:187px;transform:translateX(-50%)}
.burger-stack{position:absolute;inset:0;transform-origin:50% 100%}.burger-stack.serving{animation:serve-burger .7s ease-in both}.burger-preview{height:210px;position:relative;margin:14px auto 10px;max-width:250px;filter:drop-shadow(0 9px 5px #542b1322)}.burger-preview .burger-layer{bottom:calc(var(--base) + 6px)}.burger-preview:hover{animation:burger-wiggle .5s ease-in-out}.card .burger-preview{margin-top:18px}.ingredients .food-sprite{width:76px;height:34px;margin:0 auto 5px}.ingredients .sprite-top{height:38px;margin-bottom:1px}.game-page .ingredients button{padding:7px 3px;min-height:75px}.game-page .plate{width:230px}.assembly{height:198px;overflow:hidden}.dropping{animation:ingredient-land .3s cubic-bezier(.2,.7,.3,1.2)}.score-burst{animation:score-rise .7s both}.food-confetti{position:absolute;left:8%;right:8%;top:24px;color:#d89019;word-spacing:55px;font-size:26px;z-index:15;pointer-events:none;animation:food-spark .7s ease-out both}.game-page .ingredients button:active .food-sprite{transform:scale(.92)}
@keyframes ingredient-land{0%{translate:0 -75px;opacity:0}65%{translate:0 3px;opacity:1}85%{translate:0 -3px}100%{translate:0 0}}
@keyframes serve-burger{0%,55%{transform:translateX(0) scale(1)}65%{transform:translateY(-4px) scale(1.04)}100%{transform:translateX(230px) rotate(6deg);opacity:0}}
@keyframes burger-wiggle{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}
@keyframes food-spark{0%{opacity:0;transform:translateY(30px) scale(.5)}35%{opacity:1}100%{opacity:0;transform:translateY(-25px) scale(1.2)}}
@media(max-height:740px){.assembly{height:160px}.burger-stack{transform:scale(.84)}.burger-stack.serving{animation:serve-burger-small .7s ease-in both}.game-page .ingredients button{min-height:69px}.ingredients .food-sprite{height:30px;width:69px}.ingredients .sprite-top{height:34px}}
@keyframes serve-burger-small{0%,55%{transform:scale(.84)}100%{transform:translateX(220px) scale(.84);opacity:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.sprite-lettuce{clip-path:ellipse(44% 31% at 50% 49%)}