html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:system-ui,sans-serif;background:#79bf43}#game{position:relative;width:100%;height:100dvh;overflow:hidden;isolation:isolate}#game *{box-sizing:border-box}#scene{position:absolute;inset:0;z-index:-1}#background{width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;pointer-events:none}.corner-button{position:absolute;z-index:20;cursor:pointer}.corner-button:active{transform:scale(.94)}#monster{position:absolute;left:42%;top:0%;width:min(89vh,70vw);height:88%;transform:translateX(-50%);pointer-events:none;transform-origin:50% 68%}#monster-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 7px #5d402329);user-select:none}#thought{position:absolute;right:5%;top:10%;width:31%;height:31%;pointer-events:none}#cloud-art{width:100%;height:100%;overflow:visible}#thought-trail{position:absolute;left:-20%;top:71%;width:29%;height:40%;display:flex;align-items:center;justify-content:space-between;transform:rotate(-31deg)}#thought-trail i{display:block;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 22%,#fff 0%,#fffdf6 45%,#d6eeeb 79%,#a2ced0 100%);border:2px solid #fff;box-shadow:0 3px 3px #61868f38}#thought-trail i:nth-child(1){width:14px;height:14px}#thought-trail i:nth-child(2){width:23px;height:23px}#thought-trail i:nth-child(3){width:34px;height:34px}#order-items{position:absolute;inset:24% 16% 19%;display:flex;align-items:center;justify-content:center;gap:5%}.order-food{width:43%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 2px #55513726);user-select:none}#thought[data-count="3"] .order-food{width:29%}#thought[data-count="4"] #order-items{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:0;inset:18% 23% 14%}#thought[data-count="4"] .order-food{width:100%;height:100%;min-height:0}.order-food.consumed{opacity:0;transform:scale(.3);transition:opacity 180ms ease,transform 180ms ease}#tray{position:absolute;left:50%;bottom:-4%;transform:translateX(-50%);width:min(86vw,1300px);aspect-ratio:2.8011;pointer-events:none}#tray-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none}#foods{position:absolute;inset:6% 6% 20%;display:flex;gap:2%;align-items:center;justify-content:space-between;pointer-events:none}.food{position:relative;width:18%;height:95%;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation;pointer-events:auto;transition:transform 120ms ease}.food img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 3px #62402d40);pointer-events:none;user-select:none}.food:active{transform:translateY(4px) scale(.97)}.food:disabled{cursor:default}.food.reject{animation:wrong-choice 500ms ease both}#monster.eating{animation:happy-eat 550ms ease both}.food.fly-origin img{filter:drop-shadow(0 0 6px #fff4a8) drop-shadow(0 6px 3px #62402d40)}.flying-food{position:fixed;z-index:10;object-fit:contain;pointer-events:none;filter:drop-shadow(0 5px 3px #543b4444)}.land-glint{position:fixed;width:18px;height:18px;pointer-events:none;z-index:11;background:#fffbc8;clip-path:polygon(50% 0,62% 37%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:tiny-glint 500ms ease both}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes wrong-choice{25%{translate:-5px 0}75%{translate:5px 0}}@keyframes happy-eat{30%{scale:1.025;rotate:-1.5deg}65%{scale:1.015;rotate:1.5deg}}@keyframes tiny-glint{0%{scale:.2;opacity:0}40%{scale:1;opacity:1}100%{scale:.4;opacity:0}}@media(orientation:portrait){#monster{left:50%;top:17%;width:115%;height:61%}#thought{right:3%;top:6%;width:66%;height:18%}#thought-trail{left:-13%;top:78%;width:27%;height:35%}#thought-trail i:nth-child(1){width:10px;height:10px}#thought-trail i:nth-child(2){width:17px;height:17px}#thought-trail i:nth-child(3){width:24px;height:24px}#tray{width:100%;bottom:2%}#foods{inset:-5% 4% 16%;gap:0}.food{width:19%;height:100%}.food img{filter:drop-shadow(0 4px 2px #62402d44)}#order-items{inset:24% 17% 19%;gap:3%}}@media(orientation:landscape) and (max-height:500px){#monster{left:42%;top:-3%;width:79vh;height:85%}#thought{right:9%;top:8%;width:29%;height:38%}#tray{width:76%;bottom:-13%}#foods{inset:1% 6% 23%}.food{height:88%}#thought-trail i:nth-child(1){width:10px;height:10px}#thought-trail i:nth-child(2){width:17px;height:17px}#thought-trail i:nth-child(3){width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.food.reject{animation:none;filter:brightness(1.12)}#monster.eating{animation:none}.food{transition:none}}@media(orientation:portrait) and (max-height:650px){#thought{top:10.5%}#monster{top:21%}}@media(orientation:landscape) and (max-height:500px){#tray{bottom:-3%}}/* Static composition only; original V3 art and common corner controls. */body{background:#172850}#monster{left:38%;top:1%;width:min(84vh,63vw);height:84%}#thought{left:54%;right:auto;top:6%;width:39%;height:37%}#thought-trail{left:-10%;top:66%;width:18%;height:32%;transform:rotate(-34deg)}#order-items{inset:22% 17% 18%;gap:4%}#thought[data-count="4"] #order-items{inset:17% 23% 14%;gap:0}#thought[data-count="6"] #order-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));inset:18% 17% 15%;gap:1% 3%}#thought[data-count="6"] .order-food{width:100%;height:100%;min-width:0;min-height:0}#tray{width:min(62vw,920px);bottom:3%}@media(orientation:portrait){#background{object-position:left center}#monster{left:50%;top:26%;width:115%;height:55%}#thought{left:auto;right:2%;top:8%;width:82%;height:25%}#thought-trail{left:7%;top:79%;width:20%;height:31%;transform:rotate(-57deg)}#order-items{inset:23% 18% 18%}#tray{width:98%;bottom:2%}}@media(orientation:portrait) and (max-height:650px){#monster{top:30%;width:112%;height:53%}#thought{top:11%;height:25%}#tray{bottom:1%}}@media(orientation:landscape) and (max-height:500px){#monster{left:37%;top:0;width:76vh;height:82%}#thought{left:54%;right:auto;top:5%;width:39%;height:43%}#thought-trail{left:-10%;top:66%;width:18%;height:32%;transform:rotate(-34deg)}#tray{width:56%;bottom:0}}/* V7: portrait-only adjustments; all V6 desktop/landscape styles inherited. */@media(orientation:portrait){#monster{top:35%}#thought{left:50%;right:auto;top:14%;width:88%;height:27%;transform:translateX(-50%)}}@media(orientation:portrait) and (max-height:650px){#monster{top:34.5%}#thought{top:15%;height:26%}}#game{--ma-game-style:feed-the-monster}#workspace{position:absolute;inset:0}button{font:inherit}#game.has-brand-finale #workspace{visibility:hidden}#monster.eating{animation:none}#monster.round-complete #monster-art{animation:kitchen-completion-glow 850ms ease-in-out both}#tongue-feedback{position:absolute;inset:0;pointer-events:none}#tongue-feedback svg{width:100%;height:100%;overflow:visible}.tongue-glow{opacity:0;filter:drop-shadow(0 0 16px #ffe6a7)}#tongue-feedback.glowing .tongue-glow{animation:monster-tongue-glow 950ms ease-in-out both}.flying-food{z-index:12;transform-origin:center;will-change:transform,opacity}.celebration-screen{position:absolute;inset:0;z-index:15;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.celebration-screen[hidden]{display:none}.celebration-content{position:relative;min-height:0}.mascots{position:relative;z-index:1;min-height:0;pointer-events:none}.finish-actions{position:relative;z-index:2;display:flex;flex-direction:column;flex:none}.finish-button{position:relative;text-decoration:none}@keyframes monster-tongue-glow{0%,100%{opacity:0}30%,55%{opacity:.34}}/* V9 keeps each requested food in its original per-round slot. */#cloud-art{object-fit:contain;pointer-events:none;user-select:none}.order-food.consumed{opacity:0;visibility:hidden;transform:none;transition:none}#thought-trail i{box-shadow:0 3px 3px #15244466,inset 0 -3px 3px #7784b333}/* Keep the food grid inside the new cloud's rounded front surface. */#thought[data-count="4"] #order-items{inset:24% 23% 18%}#thought[data-count="6"] #order-items{inset:26% 17% 18%}/* V10: larger food art, fixed cells throughout each round. */#thought[data-count="4"] #order-items{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}#thought[data-count="4"] .order-food,#thought[data-count="6"] .order-food{width:118%;height:118%;min-width:0;min-height:0;justify-self:center;align-self:center}