#bbq{margin:20px auto;width:506px;min-height:523px;user-select:none;max-width:100%}.food{position:absolute;transform:translate(-50%,-50%)}.bbq{position:absolute;width:500px;max-width:calc(100vw - 52px);height:254px;background-color:#000;transition:background-color}#bbq.on .bbq{animation:coals infinite 2s linear}.bbq:after,.bbq:before{position:absolute;width:100%;height:100%;left:0;top:0;content:" "}.bbq:before{background-image:url(/presentation/coals.webp);background-size:cover}.bbq:after{background:url(/presentation/bars.png) -3px 0}.cookingareaholder{height:254px;width:500px;max-width:100%;border:3px solid #000;margin:0 auto}.cookingarea{width:100%;height:100%}.food.dragging{z-index:10}.food svg{transition:.5s;display:block}.food.flip svg{transform:rotateY(180deg)}.food.halfcooked svg g *{filter:drop-shadow(0 0 5px rgba(255, 255, 0, .8))}.food.cooked svg g *{filter:drop-shadow(0 0 5px rgba(255, 255, 255, .8))}.buttons{text-align:center;padding-top:15px}.buttons .btn{margin:0 10px 15px}.plates{height:197px;overflow:hidden;text-align:center;display:flex}.plateholder{width:136.02px;height:136.02px;position:relative;display:inline-block;margin:0 5px;padding-top:60px}.plate{background:url(/presentation/plate.svg) no-repeat;background-size:contain;width:100%;height:100%}.plate.burger:after,.plate.burger:before,.plate.sausage:before{content:" ";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.plate.burger:after,.plate.burger:before{width:85.35px;height:84.35px}.plate.burger:before{background-image:url(/presentation/bun-bottom.svg);background-size:contain;background-repeat:no-repeat}.plate.burger:after{background-image:url(/presentation/bun-top.svg);background-size:contain;top:-10%;transition:top .3s linear;background-repeat:no-repeat}.plate.sausage:before{width:36.66px;height:124.06px;background-image:url(/presentation/sausage-bun.svg);background-size:contain;background-repeat:no-repeat}.plate>div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.plate.done.burger:after{top:50%}.plate{animation:introplate .5s linear forwards}.plate.done{animation:exitplate .5s linear forwards}.plate.done .food.cooked svg g *{filter:none}.thanks{position:absolute;background:#fff;border:2px solid #000;border-radius:20px;padding:10px;top:20px;opacity:0;transition:opacity .3s linear}.thanks:after,.thanks:before{content:" ";position:absolute;width:0;height:0;border-style:solid;border-width:0 7.5px 10px;top:-10px;left:20px}.thanks:before{border-color:transparent transparent #000}.thanks:after{border-color:transparent transparent #fff;top:-7px}.plate.done+.thanks,.plate.example+.thanks{opacity:1}.scoreboard{float:right}.bbqspace{display:none}@keyframes coals{0%{background-color:#ec1411}50%{background-color:#ec5311}100%{background-color:#ec1411}}@keyframes introplate{0%{opacity:0;transform:translate(0,-150%)}100%{opacity:1;transform:translate(0,0)}}@keyframes exitplate{0%{transform:translate(0,0)}100%{transform:translate(0,-150%)}}@media (min-width:766px){.bbqholder{display:flex;gap:10px}.plates{justify-content:center}.bbqtext{min-height:283px}.bbqspace{height:24px;display:block}}