/* Lanchinho da Maya: cozinha quentinha; Maya sentada atrás da mesa; 4 pratinhos grandes na toalha xadrez. */
.play-lanchinho .toy-scene{background:#fde9cf;--table:48cqh}
.lan-wall{position:absolute;inset:0;background:radial-gradient(circle,#f8d6ae 18%,transparent 20%) 0 0/34px 34px,radial-gradient(circle,#fbe0bf 18%,transparent 20%) 17px 17px/34px 34px,linear-gradient(#fff1dc,#fde4c4);pointer-events:none}
.lan-window{position:absolute;left:5cqw;top:3cqh;width:50cqw;aspect-ratio:160/124;z-index:1}
.lan-window svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lan-sky{position:absolute;left:4%;right:4%;top:5%;bottom:12%;border-radius:10px;overflow:hidden;background:linear-gradient(#8fd3f7,#d6f1fc)}
.lan-sun{position:absolute;right:12%;top:12%;width:22%;aspect-ratio:1;border-radius:50%;background:#ffd36d;box-shadow:0 0 0 6px #ffe7a3aa;animation:lan-pulse 3s ease-in-out infinite alternate}
.lan-cloud{position:absolute;width:38%;aspect-ratio:2.2;background:radial-gradient(circle at 30% 70%,#fff 34%,transparent 35%),radial-gradient(circle at 58% 48%,#fff 40%,transparent 41%),radial-gradient(circle at 80% 72%,#fff 30%,transparent 31%);animation:lan-cloud 22s linear infinite}
.lan-cloud-a{top:14%;left:-40%}.lan-cloud-b{top:44%;left:-40%;width:28%;animation-duration:30s;animation-delay:-14s}
.lan-hill{position:absolute;left:-10%;right:-10%;bottom:-30%;height:60%;border-radius:50%;background:#9bd879}
.lan-curtain{position:absolute;top:-4%;width:24%;height:104%;transform-origin:50% 0;animation:lan-sway 4s ease-in-out infinite alternate}
.lan-curtain-l{left:-8%}.lan-curtain-r{right:-8%;animation-delay:-2s}
.lan-curtain svg{width:100%;height:100%}
.lan-cat{position:absolute;left:30%;bottom:6%;width:44%;aspect-ratio:100/56;border:0;padding:0;background:none;z-index:2;touch-action:manipulation;cursor:pointer}
.lan-cat::before{content:"";position:absolute;inset:-40% -20%}
.lan-cat svg{position:relative;width:100%;height:100%;animation:lan-breathe 2.6s ease-in-out infinite}
.lan-zzz{position:absolute;left:4%;top:-38%;font:800 min(5cqw,4cqh)/1 inherit;color:#7a5a8a;animation:lan-zzz 2.6s ease-in-out infinite;pointer-events:none}
.lan-cat.awake .lan-zzz{display:none}
.lan-lamp{position:absolute;right:13cqw;top:-1cqh;width:24cqw;aspect-ratio:100/90;border:0;padding:0;background:none;z-index:2;transform-origin:50% 0;animation:lan-swing 5s ease-in-out infinite alternate;touch-action:manipulation;cursor:pointer}
.lan-lamp svg{position:relative;width:100%;height:100%}
.lan-glow{position:absolute;left:10%;right:10%;top:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#fff3b866,transparent 70%);animation:lan-pulse 3s ease-in-out infinite alternate;pointer-events:none}
.lan-shelf{position:absolute;right:2cqw;top:15cqh;width:30cqw;aspect-ratio:120/90;z-index:1;pointer-events:none}
.lan-shelf>svg{width:100%;height:100%}
.lan-steam{position:absolute;left:66%;top:6%;width:14%;aspect-ratio:28/44}
.lan-steam svg{width:100%;height:100%;overflow:visible}
.lan-steam path{animation:lan-steam 2.4s ease-in-out infinite}.lan-steam .lan-steam2{animation-delay:-1.2s}

/* Maya atrás da mesa: a toalha esconde as pernas, parece sentada para o lanche. */
.lan-maya{position:absolute;left:50%;width:min(84cqw,40cqh);aspect-ratio:1;top:calc(var(--table) - min(84cqw,40cqh) * .64);margin-left:calc(min(84cqw,40cqh) / -2);z-index:3;transform-origin:50% 90%}
.lan-maya-art{position:absolute;inset:0}
.lan-cheeks{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .25s}
.lan-cheeks.on{opacity:1}
.lan-cheeks i{position:absolute;top:31%;width:8%;aspect-ratio:1.2;border-radius:50%;background:radial-gradient(#ff8fa3,#ff8fa300 70%)}
.lan-cheeks i:first-child{left:39%}.lan-cheeks i:last-child{left:54%}
.lan-tummy{position:absolute;left:44%;top:56%;width:12%;aspect-ratio:1;border-radius:50%;pointer-events:none}
.lan-tummy.on{background:radial-gradient(#ffb3c6aa,transparent 70%)}
.lan-maya-hit{position:absolute;left:50%;top:calc(var(--table) - min(76cqw,38cqh) * .62);width:min(46cqw,24cqh);height:calc(min(76cqw,38cqh) * .6);translate:-50% 0;z-index:4;border:0;background:none;padding:0;touch-action:manipulation}

.lan-table{position:absolute;left:0;right:0;bottom:0;top:var(--table);z-index:5;pointer-events:none;
  background:repeating-linear-gradient(90deg,#f0817566 0 min(6cqw,24px),transparent min(6cqw,24px) min(12cqw,48px)),repeating-linear-gradient(0deg,#f0817566 0 min(6cqw,24px),transparent min(6cqw,24px) min(12cqw,48px)),#fff8f0;box-shadow:0 -6px 14px #a8653a33}
.lan-table-edge{position:absolute;left:0;right:0;top:-1.6cqh;height:2.4cqh;background:#d99a62;border-radius:10px 10px 0 0;box-shadow:inset 0 -4px 0 #c07f48}
.lan-stack{position:absolute;right:6cqw;top:calc(var(--table) - 1cqh);z-index:6;width:min(16cqw,8cqh);height:min(9cqw,5cqh);pointer-events:none}
.lan-stack i{position:absolute;left:0;right:0;height:42%;border-radius:50%;background:#fff;box-shadow:inset 0 -3px 0 #e3d3c4,0 2px 3px #0002;opacity:0}
.lan-stack i.on{opacity:1}
.lan-stack i:nth-child(1){bottom:0}.lan-stack i:nth-child(2){bottom:18%}.lan-stack i:nth-child(3){bottom:36%}.lan-stack i:nth-child(4){bottom:54%}.lan-stack i:nth-child(5){bottom:72%}

.lan-cards{position:absolute;left:4cqw;right:4cqw;top:calc(var(--table) + 5cqh);bottom:2.5cqh;z-index:7;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3.5cqw}
.lan-card{position:relative;display:grid;place-items:center;border-radius:28px;background:#fffdf8;box-shadow:0 5px 0 #ecd2b6,0 10px 18px #a8653a2e;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;outline-offset:4px}
.lan-card:focus-visible{outline:4px solid #4b8ad6}
.lan-plate{position:absolute;left:12%;right:12%;bottom:10%;height:26%;border-radius:50%;background:#f3ebe2;box-shadow:inset 0 -4px 0 #e6d8c9}
.lan-food{position:relative;width:72%;height:80%;display:grid;place-items:center;z-index:2;filter:drop-shadow(0 4px 3px #0002)}
.lan-food .art-img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.lan-grab{z-index:20}.lan-grab .lan-food{filter:drop-shadow(0 12px 10px #0003)}
.lan-fly{position:absolute;z-index:30;display:grid;place-items:center;pointer-events:none;transform-origin:0 0;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.lan-fly .art-img{width:100%;height:100%;object-fit:contain}
.lan-crumb{position:absolute;z-index:31;width:9px;height:9px;margin:-4px;border-radius:40%;pointer-events:none;box-shadow:0 0 0 1px #0001}

/* Paisagem: Maya e a mesa à esquerda, os quatro pratinhos à direita. */
@container (orientation: landscape){
  .play-lanchinho .toy-scene>*{--table:76cqh}
  .lan-window{left:3cqw;top:5cqh;width:auto;height:44cqh}
  .lan-lamp{right:auto;left:38cqw;width:auto;height:30cqh}
  .lan-shelf{display:none}
  .lan-maya{left:26cqw;width:100cqh;margin-left:-50cqh;top:calc(var(--table) - 100cqh * .64)}
  .lan-maya-hit{left:26cqw;width:52cqh;height:60cqh;top:calc(var(--table) - 60cqh)}
  .lan-stack{right:auto;left:44cqw;width:12cqh;height:7cqh}
  .lan-cards{left:auto;right:3cqw;top:4cqh;bottom:4cqh;width:min(48cqw,96cqh);gap:2.5cqh}
}
@keyframes lan-cloud{to{translate:420% 0}}
@keyframes lan-sway{from{rotate:-2deg}to{rotate:3deg}}
@keyframes lan-swing{from{rotate:-3deg}to{rotate:3deg}}
@keyframes lan-pulse{from{scale:1}to{scale:1.08}}
@keyframes lan-breathe{0%,100%{scale:1 1}50%{scale:1.03 1.06}}
@keyframes lan-zzz{0%{translate:0 0;opacity:0}30%{opacity:1}100%{translate:8px -18px;opacity:0}}
@keyframes lan-steam{0%{translate:0 4px;opacity:0}40%{opacity:.9}100%{translate:0 -10px;opacity:0}}
@media (prefers-reduced-motion:reduce){.play-lanchinho .toy-scene *{animation:none!important}}