/* Material and subject pass. All decorations are non-interactive. */
.table-top{background:repeating-linear-gradient(0deg,transparent 0 20px,#bb824628 21px 22px),linear-gradient(105deg,#ffdda2,#e6b574);border-radius:28%;box-shadow:inset 0 4px 0 #fff0c7,0 6px 0 #ae7947,0 9px 0 #805b3c,0 14px 12px #88633822}
.table-top:before{background:linear-gradient(90deg,transparent 44%,#fff3d0b0 44% 56%,transparent 56%);border-color:#f5d59d;border-radius:25%}
.table:before,.table:after{background:repeating-linear-gradient(0deg,#99c6ac 0 9px,#82b499 10px 12px);box-shadow:inset 0 3px 0 #c0dfc5,0 4px 0 #507d65}
.table .plate{background:transparent;border:0;box-shadow:none;width:70px;height:64px;padding:0;overflow:visible}
.table[data-stage=empty] .plate,.table[data-stage=order] .plate,.table[data-stage=pay] .plate,.table[data-stage=dirty] .plate{width:52px;height:52px}
.person{width:52px;height:58px;left:calc(50% - 26px);top:-12px}
.guest .avatar{width:43px;height:42px;flex-shrink:0}.guest .avatar .person{width:43px;height:47px;left:0;top:-4px;transform:none}
.counter{position:relative;background:repeating-linear-gradient(90deg,transparent 0 65px,#568b762e 66px 68px),linear-gradient(#8bc0a4,#6a9d84);border-top:6px solid #e3b574;box-shadow:0 -3px 0 #af7945,inset 0 4px 0 #c6d7ac;overflow:visible}
.coffee-art{width:45px;height:45px;display:block}.counter-chef{position:absolute;width:45px;height:48px;left:18%;top:-27px;pointer-events:none}.counter-chef .person{width:45px;height:48px;left:0;top:0;transform:none}.chef-hat{position:absolute;left:9px;top:0;width:28px;height:13px;background:#fff8e8;border:1.5px solid #baaa8a;border-radius:6px 6px 2px 2px;box-shadow:0 -6px 0 #fff8e8}.counter-chef:after{content:'';position:absolute;left:0;right:0;bottom:0;height:7px;background:#e3b574;border-top:2px solid #f9d9a0}
.shopfront{background-image:linear-gradient(0deg,#8ebba47a 0 4px,transparent 4px),repeating-linear-gradient(90deg,transparent 0 62px,#a6cdb755 63px 65px)}
.window{position:relative}.window:after{content:'';position:absolute;inset:4px;background:linear-gradient(130deg,transparent 35%,#ffffff70 36% 42%,transparent 43% 58%,#ffffff50 59% 63%,transparent 64%);pointer-events:none}
.awning{box-shadow:inset 0 4px 0 #fff9e473,0 3px 2px #9d793021}.floor{background-size:64px 64px;background-position:0 0,32px 32px}.sign{box-shadow:inset 0 2px 0 #fff8df,0 3px 0 #8a9b6a}
.menu-illustration .person{width:68px;height:80px;top:0;left:0;transform:none}.menu-illustration>.dish-art{width:78px;height:78px}
.detail-dish{filter:drop-shadow(0 3px 1px #79604420)}
@media(max-width:760px){.table .plate{width:62px;height:56px}.table[data-stage=empty] .plate,.table[data-stage=order] .plate,.table[data-stage=pay] .plate,.table[data-stage=dirty] .plate{width:44px;height:44px}.person{width:48px;height:54px;left:calc(50% - 24px);top:-9px}.guest .avatar{width:36px;height:37px}.guest .avatar .person{width:36px;height:41px;top:-3px}.coffee-art{width:31px;height:31px}.counter-chef{left:21%;width:35px;height:36px;top:-19px}.counter-chef .person{width:35px;height:36px}.chef-hat{left:8px;width:21px;height:9px;box-shadow:0 -4px 0 #fff8e8}}
@media(orientation:landscape) and (max-height:560px){.table .plate{width:47px;height:42px}.table[data-stage=empty] .plate,.table[data-stage=order] .plate,.table[data-stage=pay] .plate,.table[data-stage=dirty] .plate{width:32px;height:32px}.person{top:-8px;transform:scale(.72)}.guest .avatar{height:29px;width:32px}.guest .avatar .person{width:32px;height:35px;top:-4px}.menu-illustration .person{width:48px;height:54px}.menu-illustration>.dish-art{width:52px;height:52px}}
@media(orientation:portrait) and (max-height:620px){.table .plate{width:44px;height:39px}.table[data-stage=empty] .plate,.table[data-stage=order] .plate,.table[data-stage=pay] .plate,.table[data-stage=dirty] .plate{width:30px;height:30px}.person{top:-8px;transform:scale(.7)}.guest .avatar{width:31px;height:32px}.guest .avatar .person{width:31px;height:35px;top:-2px}.menu-illustration .person{width:48px;height:58px;transform:none}.menu-illustration>.dish-art{width:55px;height:55px}}
@media(min-width:761px) and (min-height:561px) and (max-height:850px){.app{padding-top:14px;padding-bottom:10px}header{margin-bottom:14px}.scoreboard{padding-top:15px;padding-bottom:15px;margin-bottom:18px}.shopfront{height:86px}.table{min-height:145px}.counter{height:52px}.floor{padding-top:13px}.tables{gap:12px}.notebook{padding:17px}.waiting{padding:18px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:761px) and (min-height:561px) and (max-height:850px){.notebook>div{margin-top:8px}.notebook p{margin-top:8px}.tip{padding-top:8px;margin-top:10px}.waiting>p{margin-bottom:10px}#queue{min-height:154px}.restaurant{align-self:start}footer{margin-top:10px}}
@media(orientation:landscape) and (max-height:560px){.table:before{left:calc(50% - 86px)}.table:after{right:calc(50% - 86px)}.table>.person{top:-12px;transform:scale(.6)}.table .plate{z-index:3}}
@media(orientation:landscape) and (max-width:650px){.table:before{left:5%}.table:after{right:5%}}