.munchPage{color:#171513;min-height:100vh;font-family:var(--font-punworks-display),Arial,sans-serif;background:#f5edda}.munchHeader{background:#fffdf8;border-bottom:3px solid #171513;align-items:center;gap:20px;min-height:68px;padding:10px clamp(16px,4vw,58px);display:flex}.munchHeader a{color:#171513;font-weight:900}.munchHeader b{letter-spacing:1.5px;background:#ffd94a;border:2px solid #171513;margin:auto;padding:8px 12px;font-size:12px;box-shadow:3px 3px #171513}.munchHeader span{letter-spacing:1px;font-size:11px;font-weight:900}.munchWelcome{background:#9be7c4;border:4px solid #171513;border-radius:34px;grid-template-columns:1fr 1fr;align-items:center;width:min(1120px,100% - 28px);min-height:650px;margin:30px auto 70px;display:grid;overflow:hidden;box-shadow:12px 12px #171513}.munchWelcome>div{padding:clamp(30px,6vw,74px)}.munchWelcome>div>p:first-child{letter-spacing:2.5px;font-size:11px;font-weight:900}.munchWelcome h1{letter-spacing:-7px;margin:10px 0 0;font-size:clamp(66px,9vw,122px);line-height:.76}.munchWelcome h1 em{color:#2d5bff;font:italic 500 1em var(--font-punworks-reading),Georgia,serif}.munchWelcome h2{margin:26px 0 12px;font-size:clamp(26px,4vw,43px);line-height:1}.munchWelcome>div>p:last-of-type{max-width:530px;font:800 18px/1.45 var(--font-punworks-reading),Georgia,serif}.munchWelcome button,.munchFinish button{cursor:pointer;background:#ff5b4d;border:3px solid #171513;margin-top:18px;padding:15px 20px;font-weight:900;box-shadow:5px 5px #171513}.munchWelcome>img{filter:drop-shadow(0 10px #17151338);place-self:end center;width:112%}.munchGame{width:min(1120px,100% - 24px);margin:28px auto 60px}.munchTop{align-items:center;gap:20px;margin-bottom:15px;display:flex}.munchTop>div{flex:1}.munchTop small{letter-spacing:1.4px;margin-bottom:7px;font-weight:900;display:block}.munchTop span{background:#fffdf8;border:3px solid #171513;border-radius:20px;height:18px;display:block;overflow:hidden}.munchTop i{background:#2d5bff;height:100%;transition:width .35s;display:block}.munchTop strong{background:#ffd94a;border:3px solid #171513;padding:11px 15px;font-size:20px;box-shadow:4px 4px #171513}.soundOrder{text-align:left;background:#fffdf8;border:3px solid #171513;border-radius:22px 22px 0 0;justify-content:center;align-items:center;gap:14px;padding:16px 20px;display:flex}.soundOrder button{cursor:pointer;background:#ffd94a;border:3px solid #171513;border-radius:50%;width:58px;height:58px;font-size:25px}.soundOrder small{letter-spacing:1.3px;font-size:9px;font-weight:900;display:block}.soundOrder b{margin-top:2px;font-size:25px;display:block}.soundOrder em{color:#2d5bff;font-size:42px;font-style:normal}.munchPlayroom{background:#c9e7f2;border:3px solid #171513;border-top:0;grid-template-columns:1fr 420px;min-height:520px;display:grid;overflow:hidden;box-shadow:9px 9px #171513}.snackShelf{background-color:#ffd94a;background-image:radial-gradient(circle at 25% 20%,#fff8dc 0 3px,#0000 4px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-right:3px solid #171513;grid-template-columns:1fr 1fr;align-content:center;gap:16px;padding:30px;display:grid}.snackShelf button{cursor:grab;background:#fffdf8;border:3px solid #171513;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:205px;padding:10px;transition:all .16s;display:flex;box-shadow:5px 5px #171513}.snackShelf button:hover{transform:translateY(-5px)rotate(-1deg);box-shadow:7px 9px #171513}.snackShelf button.dragging{opacity:.45;transform:scale(.92)}.snackShelf img{object-fit:contain;width:125px;height:115px}.snackShelf b{text-transform:capitalize;font-size:20px}.snackShelf small{letter-spacing:1.3px;margin-top:3px;font-size:8px}.monsterZone{background:linear-gradient(#9bdcf1 0 68%,#9be7c4 69%);justify-content:center;align-items:flex-end;padding-top:50px;display:flex;position:relative;overflow:hidden}.monsterZone>img{z-index:1;filter:drop-shadow(0 8px #1715132e);width:112%;max-width:none;margin-bottom:-15%;transition:all .18s}.monsterThought{z-index:3;background:#fffdf8;border:3px solid #171513;border-radius:50%;padding:13px 17px;font-weight:900;position:absolute;top:20px;right:20px;transform:rotate(4deg);box-shadow:4px 4px #171513}.dropMouth{z-index:4;color:#fff;text-align:center;text-shadow:2px 2px #171513;pointer-events:none;border:4px dashed #ffd94a;border-radius:50%;place-items:center;width:118px;height:82px;font-weight:900;display:grid;position:absolute;top:44%;left:50%;translate:-50% -50%}.munchGame.right .monsterZone>img{animation:.35s ease-in-out 2 munchChomp}.munchGame.wrong .monsterZone>img{animation:.18s linear 3 munchBlerp}.munchGame.done .monsterZone>img{animation:.55s ease-in-out infinite alternate munchHappy}.munchMessage{font:900 18px/1.3 var(--font-punworks-reading),Georgia,serif;text-align:center;background:#fffdf8;border:3px solid #171513;margin:18px auto 0;padding:13px 18px;box-shadow:5px 5px #2d5bff}.munchFinish{justify-content:center;align-items:center;gap:18px;margin-top:16px;display:flex}.munchFinish b{font-size:23px}.munchFinish button{margin:0}.munchFinish a{color:#171513;font-weight:900}@keyframes munchChomp{50%{transform:scale(1.08)translateY(-8px)}}@keyframes munchBlerp{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes munchHappy{to{transform:translateY(-8px)rotate(2deg)}}@media (max-width:760px){.munchHeader span{display:none}.munchWelcome{grid-template-columns:1fr;min-height:0}.munchWelcome>div{padding:34px 26px 8px}.munchWelcome h1{font-size:74px}.munchWelcome>img{object-fit:contain;width:92%;max-height:420px}.munchPlayroom{grid-template-columns:1fr}.snackShelf{border-bottom:3px solid #171513;border-right:0;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px}.snackShelf button{border-radius:14px;min-height:118px;padding:5px;box-shadow:3px 3px #171513}.snackShelf img{width:70px;height:65px}.snackShelf b{font-size:13px}.monsterZone{min-height:390px}.monsterZone>img{width:390px}.soundOrder b{font-size:18px}.soundOrder em{font-size:32px}.munchFinish{flex-wrap:wrap}.munchFinish b{text-align:center;width:100%}}
.dropMouth{border-radius:48% 48% 56% 56%;width:150px;height:96px;top:61%}.monsterZone>.munchingSnack{z-index:6;object-fit:contain;opacity:0;filter:drop-shadow(3px 4px #17151359);pointer-events:none;width:112px;height:112px;margin:0;position:absolute;top:36%;left:50%}.munchGame.right .munchingSnack,.munchGame.done .munchingSnack{animation:.48s cubic-bezier(.2,.75,.25,1) forwards snackToMouth}.munchGame.wrong .munchingSnack{animation:.72s cubic-bezier(.3,.8,.3,1) forwards snackSpitBack}.bellyMeter{z-index:5;background:#fffdf8;border:3px solid #171513;border-radius:18px;align-items:center;gap:6px;padding:8px 10px;display:flex;position:absolute;bottom:18px;left:18px;box-shadow:4px 4px #171513}.bellyMeter small{letter-spacing:1px;margin-right:2px;font-size:8px;font-weight:900}.bellyMeter i{background:#d8d0bf;border:2px solid #171513;border-radius:50%;width:16px;height:16px;transition:transform .25s,background .25s}.bellyMeter i.filled{background:#ffd94a;transform:scale(1.15);box-shadow:inset 0 0 0 3px #ff5b4d}.munchCrumbs{z-index:7;pointer-events:none;width:120px;height:74px;position:absolute;top:61%;left:50%;translate:-50% -50%}.munchCrumbs i{opacity:0;background:#ffd94a;border:2px solid #171513;border-radius:50%;width:11px;height:11px;position:absolute;top:50%;left:50%}.munchGame.right .munchCrumbs i,.munchGame.done .munchCrumbs i{animation:.5s ease-out .3s forwards crumbPop}.munchCrumbs i:first-child{--crumb-x:-62px;--crumb-y:-34px}.munchCrumbs i:nth-child(2){--crumb-x:58px;--crumb-y:-28px}.munchCrumbs i:nth-child(3){--crumb-x:-48px;--crumb-y:34px}.munchCrumbs i:nth-child(4){--crumb-x:52px;--crumb-y:28px}@keyframes snackToMouth{0%{opacity:1;transform:translate(-50%,-130%)scale(1)rotate(-8deg)}65%{opacity:1;transform:translate(-50%,15%)scale(.7)rotate(8deg)}to{opacity:0;transform:translate(-50%,48%)scale(.08)rotate(18deg)}}@keyframes snackSpitBack{0%{opacity:1;transform:translate(-50%,30%)scale(.15)rotate(10deg)}45%{opacity:1;transform:translate(-50%,-75%)scale(.8)rotate(-12deg)}to{opacity:0;transform:translate(-165%,-145%)scale(.95)rotate(-30deg)}}@keyframes crumbPop{0%{opacity:1;transform:translate(0)scale(.4)}70%{opacity:1;transform:translate(var(--crumb-x), var(--crumb-y)) scale(1)}to{opacity:0;transform:translate(var(--crumb-x), calc(var(--crumb-y) + 14px)) scale(.7)}}.foodBurst{z-index:8;pointer-events:none;width:1px;height:1px;position:absolute;top:61%;left:50%}.foodBurst img{object-fit:contain;opacity:0;filter:drop-shadow(1px 2px #17151373);clip-path:polygon(0 0,100% 8%,82% 100%,12% 78%);width:28px;height:28px;position:absolute;top:-14px;left:-14px}.munchGame.right .foodBurst img,.munchGame.done .foodBurst img{animation:.78s cubic-bezier(.15,.72,.3,1) .28s forwards foodExplode}.foodBurst img:first-child{--burst-x:-126px;--burst-y:-82px;--burst-r:-115deg;--burst-s:.7}.foodBurst img:nth-child(2){--burst-x:-82px;--burst-y:-118px;--burst-r:76deg;--burst-s:1}.foodBurst img:nth-child(3){--burst-x:-34px;--burst-y:-92px;--burst-r:-48deg;--burst-s:.6}.foodBurst img:nth-child(4){--burst-x:32px;--burst-y:-126px;--burst-r:132deg;--burst-s:.85}.foodBurst img:nth-child(5){--burst-x:91px;--burst-y:-94px;--burst-r:-92deg;--burst-s:.7}.foodBurst img:nth-child(6){--burst-x:132px;--burst-y:-48px;--burst-r:155deg;--burst-s:1}.foodBurst img:nth-child(7){--burst-x:-112px;--burst-y:-24px;--burst-r:95deg;--burst-s:.55}.foodBurst img:nth-child(8){--burst-x:102px;--burst-y:18px;--burst-r:-145deg;--burst-s:.65}.foodBurst img:nth-child(9){--burst-x:-58px;--burst-y:38px;--burst-r:125deg;--burst-s:.75}.foodBurst img:nth-child(10){--burst-x:54px;--burst-y:52px;--burst-r:-70deg;--burst-s:.55}@keyframes foodExplode{0%{opacity:0;transform:translate(0)rotate(0)scale(.15)}12%{opacity:1}72%{opacity:1;transform:translate(var(--burst-x),var(--burst-y)) rotate(var(--burst-r)) scale(var(--burst-s))}to{opacity:0;transform:translate(var(--burst-x),calc(var(--burst-y) + 34px)) rotate(var(--burst-r)) scale(.25)}}.munchGame.right .monsterZone>img,.munchGame.done .monsterZone>img{animation:.7s cubic-bezier(.2,.8,.25,1) munchBigBite}@keyframes munchBigBite{0%{transform:translateY(0)rotate(0)scale(1)}18%{transform:translateY(8px)rotate(-3deg)scaleX(1.08)scaleY(.92)}42%{transform:translateY(-24px)rotate(3deg)scale(1.17)}62%{transform:translateY(-8px)rotate(-2deg)scaleX(.94)scaleY(1.08)}82%{transform:translateY(-15px)rotate(1deg)scale(1.08)}to{transform:translateY(0)rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.munchGame.right .monsterZone>img,.munchGame.done .monsterZone>img,.munchGame.right .foodBurst img,.munchGame.done .foodBurst img{animation:none}}.munchWelcome button:disabled{color:#625b53;cursor:wait;background:#d8d0bf;box-shadow:2px 2px #171513}.munchWelcome>div>p:first-child{max-width:none;font:900 11px/1 var(--font-punworks-display),Arial,sans-serif;letter-spacing:2.5px;margin:0}@media (max-width:760px){.munchHeader{min-height:54px;padding:7px 10px}.munchHeader a{display:none}.munchHeader b{margin:auto;padding:6px 8px;font-size:9px}.munchWelcome{border-radius:22px;grid-template-rows:auto 1fr;width:calc(100% - 16px);min-height:500px;margin:12px auto 42px;box-shadow:6px 6px #171513}.munchWelcome>div{padding:17px 18px 0}.munchWelcome>div>p:first-child{display:none}.munchWelcome h1{letter-spacing:-3px;margin:0;font-size:50px;line-height:1}.munchWelcome h2{letter-spacing:0;margin:10px 0 0;font-size:19px;line-height:1.25;display:block}.munchWelcome button{width:100%;min-height:46px;margin-top:13px;padding:10px 13px}.munchWelcome>img{object-fit:contain;object-position:center top;align-self:center;width:72%;max-height:220px;margin-top:14px}}