:root{font-synthesis:none;background:#d8f3ff;font-family:Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}.feed-game{width:min(100%,760px);height:100svh;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:linear-gradient(#effaff,#bde9fa);grid-template-rows:auto 1fr;margin:auto;display:grid}header{z-index:10;justify-content:space-between;padding-bottom:8px;display:flex}header a,header button{color:#fff;background:#72b7e5;border:4px solid #fff;border-radius:50%;place-items:center;width:54px;height:54px;font-size:29px;font-weight:900;text-decoration:none;display:grid;box-shadow:0 4px #7298a8}.feed-stage{touch-action:none;background:linear-gradient(#bcecff 0 71%,#94d779 71%);border:5px solid #fff;border-radius:28px;min-height:0;position:relative;overflow:hidden;box-shadow:0 6px #74a85b}.cloud{opacity:.85;background:#fff;border-radius:40px;width:90px;height:30px;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud:before{width:38px;height:38px;bottom:8px;left:16px}.cloud:after{width:32px;height:32px;bottom:6px;right:13px}.cloud--one{top:8%;left:8%}.cloud--two{top:17%;right:7%;transform:scale(.7)}.animal-area{pointer-events:none;height:60%;position:absolute;top:6%;left:0;right:0}.animal{background:var(--fur);border:8px solid #7b553b;border-radius:48% 48% 44% 44%;width:min(78vw,380px);height:min(78vw,380px);position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 0 13px #ffffff36,0 12px #3f393124}.ear{background:var(--ear);border:8px solid #7b553b;border-radius:54% 54% 40% 40%;width:31%;height:31%;position:absolute;top:-10%}.ear--left{left:4%;transform:rotate(-22deg)}.ear--right{right:4%;transform:rotate(22deg)}.face{background:#fff7e259;border-radius:50%;position:absolute;inset:12% 10% 8%}.eye{background:#3d2d2a;border-radius:50%;width:13%;height:17%;position:absolute;top:30%}.eye:after{content:"";background:#fff;border-radius:50%;width:30%;height:30%;position:absolute;top:17%;left:24%}.eye--left{left:23%}.eye--right{right:23%}.snout{background:#f6c79a;border-radius:45%;width:26%;height:17%;position:absolute;top:47%;left:50%;transform:translate(-50%)}.snout:after{content:"";background:#5a3832;border-radius:50%;width:42%;height:34%;position:absolute;top:14%;left:50%;transform:translate(-50%)}.mouth-target{border:7px solid #0000;border-radius:0 0 50% 50%;place-items:center;width:52%;height:28%;display:grid;position:absolute;top:59%;left:50%;transform:translate(-50%)}.mouth{background:#713d42;border-radius:0 0 50% 50%;width:74%;height:54%;box-shadow:inset 0 11px #f38192}.mouth-target.is-ready{background:#fff56e52;border-color:#fff56e;box-shadow:0 0 18px #fff66e}.mouth-target.is-ready .mouth{animation:.33s ease-in-out infinite alternate open-mouth}.trunk,.whiskers,.mane{display:none}.animal--rabbit .ear{border-radius:55% 55% 35% 35%;height:56%;top:-30%}.animal--rabbit .ear--left{left:15%}.animal--rabbit .ear--right{right:15%}.animal--elephant .ear{opacity:.9;border-radius:50%;width:42%;height:42%;top:12%}.animal--elephant .trunk{background:var(--fur);border:8px solid #7b553b;border-top:0;border-radius:0 0 50% 50%;width:17%;height:34%;display:block;position:absolute;top:55%;left:50%;transform:translate(-50%)}.animal--cat .ear,.animal--fox .ear{border-radius:22% 75%;width:35%;height:35%;top:-4%}.animal--cat .ear--left,.animal--fox .ear--left{left:2%}.animal--cat .ear--right,.animal--fox .ear--right{right:2%;transform:scaleX(-1)rotate(22deg)}.animal--panda .eye{background:#353747;width:21%;height:22%;transform:rotate(18deg)}.animal--panda .eye--left{left:17%}.animal--panda .eye--right{right:17%;transform:rotate(-18deg)}.animal--lion .mane{z-index:-1;border:18px solid #bd6d34;border-radius:48%;display:block;position:absolute;inset:-14%}.animal--penguin{background:#455a70;border-color:#344254}.animal--penguin .face{clip-path:polygon(8% 0,92% 0,78% 100%,22% 100%);background:#fffdf6}.animal--penguin .snout{background:#f4ba4b}.animal--monkey .ear{border-radius:50%;width:30%;height:30%;top:24%}.animal.is-yum{animation:.45s ease-in-out 2 happy}.animal.is-yuck{animation:.14s linear 4 yuck}.food-tray{background:linear-gradient(#ffd58b,#e7a65c);border:7px solid #b77740;border-radius:26px;justify-content:space-evenly;align-items:end;height:25%;padding:5px 4px 17px;display:flex;position:absolute;bottom:3%;left:4%;right:4%;box-shadow:inset 0 8px #fff0c7,0 7px #9d5d37}.food{touch-action:none;background:#fff9e8;border:6px solid #fff;border-radius:50%;place-items:center;width:clamp(76px,22vw,120px);height:clamp(76px,22vw,120px);font-size:clamp(54px,16vw,88px);line-height:1;display:grid;box-shadow:0 7px #683e2530}.food.is-dragging{z-index:20;transition:none;position:absolute;transform:scale(1.08)}.food.is-eaten{animation:.25s forwards eaten}.reaction{z-index:30;color:#fff;opacity:0;pointer-events:none;text-align:center;text-shadow:0 3px #a46455;white-space:nowrap;font-size:clamp(28px,8vw,52px);font-weight:900;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.reaction.is-showing{animation:.8s ease-out reaction}.reaction--yuck{color:#fff5a1;text-shadow:0 3px #9a6643}@keyframes open-mouth{to{transform:scale(1.18)}}@keyframes happy{50%{transform:translate(-50%)translateY(-12px)scale(1.04)}}@keyframes yuck{50%{transform:translate(calc(-50% - 9px))rotate(-2deg)}}@keyframes eaten{to{opacity:0;transform:translateY(-130px)scale(.2)}}@keyframes reaction{0%{opacity:0;transform:translate(-50%,-30%)scale(.5)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-100%)scale(1.1)}}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:4px;outline:5px solid #245b9e}@media (width<=380px){.animal{width:75vw;height:75vw}.food{width:72px;height:72px;font-size:53px}.food-tray{height:24%}}.preference-hints{z-index:5;white-space:nowrap;gap:10px;display:flex;position:absolute;top:3%;left:50%;transform:translate(-50%)}.hint{background:#fff9e9;border:4px solid #fff;border-radius:24px;place-items:center;min-width:70px;height:48px;padding:0 10px;font-size:28px;display:grid;box-shadow:0 4px #5b41302e}.hint--like{color:#ef7080}.hint--dislike{color:#8392a3}.food.is-dragging{z-index:40;pointer-events:none}