/* Three small, composited floats; canvas changes only on a bite. */
.menu-bites{position:absolute;z-index:4;pointer-events:none;max-width:440px;isolation:isolate;--bite-size:96px;--bite-area:112px;--bite-top:0px;--bite-left:22px;--bite-width:calc(100% - 44px);top:var(--bite-top);left:var(--bite-left);width:var(--bite-width);height:var(--bite-area)}
.menu-bites-foods{height:calc(100% - 36px);min-height:64px;display:flex;align-items:center;justify-content:space-around;gap:8px;padding:7px 4px 3px}
.menu-bite-slot{position:relative;flex:0 0 var(--bite-size);width:var(--bite-size);height:var(--bite-size);max-width:31%;animation:menu-food-float var(--float-time,5.8s) ease-in-out infinite;animation-delay:var(--float-delay,-1s);will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}
.menu-bite{position:relative;display:block;pointer-events:auto;width:100%;height:100%;min-width:48px;min-height:48px;padding:0;border:0;background:none;border-radius:18px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .14s ease,opacity .18s ease}
.menu-bite:hover{filter:none}.menu-bite:active{transform:scale(.9) rotate(-3deg)}.menu-bite:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.menu-bite canvas{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.menu-bite.is-eaten{opacity:0;transform:scale(.6) rotate(9deg);pointer-events:none}.menu-bite-slot.is-eaten{animation:none;will-change:auto;visibility:hidden}.menu-bite-label{position:absolute;left:50%;bottom:-3px;transform:translateX(-50%);max-width:145%;width:max-content;font-size:12px;line-height:1.2;background:var(--bg);color:var(--ink);padding:4px 6px;border:1px solid var(--line);border-radius:6px;opacity:0;pointer-events:none}.menu-bite:focus-visible .menu-bite-label{opacity:1}
.menu-bites-toolbar{height:36px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:var(--ink)}.menu-bites-toolbar>span{opacity:.78}.menu-bites-toolbar>button{pointer-events:auto;min-height:44px;padding:8px;font-size:12px;line-height:1.2;color:var(--ink);border:0;background:none;text-decoration:underline;text-underline-offset:3px;touch-action:manipulation}.menu-bites-toolbar>button:hover{filter:none}
@keyframes menu-food-float{0%,100%{transform:translate3d(-2px,3px,0) rotate(-4deg)}50%{transform:translate3d(3px,-5px,0) rotate(4deg)}}
.rotation-paused .menu-bite-slot,.page-hidden .menu-bite-slot,[data-view="ordina"] .menu-bite-slot,.modal-open .menu-bite-slot,.menu-bites.is-idle .menu-bite-slot{animation-play-state:paused;will-change:auto}
[data-view="ordina"] .menu-bites{visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.menu-bite-slot{animation:none;will-change:auto}.menu-bite{transition:none}.menu-bite:active{transform:none}}
@media(max-width:360px){.menu-bite-slot{max-width:46%}}