.food-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 25px}.food-controls p{font-size:15px;color:var(--muted)}.food-motion-toggle{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:99px;padding:10px 17px;color:var(--ink);background:#e8f0e51a;cursor:pointer}.food-motion-toggle:disabled{opacity:.6;cursor:default}
.town-food{padding-top:0;border-top:0}.food-visual{display:block;position:relative;isolation:isolate;width:100%;aspect-ratio:3/2;overflow:hidden;padding:0;margin:0 0 22px;border:1px solid #c8b79044;border-radius:12px;background:#15251f;cursor:zoom-in;box-shadow:0 14px 28px #07101430}.food-visual:focus-visible{outline:3px solid #c4daae;outline-offset:5px}
.food-motion img{display:block;width:100%;height:100%;object-fit:cover;animation:foodCamera 11s ease-in-out infinite alternate;animation-delay:var(--food-delay,0s);animation-play-state:paused;will-change:transform}.food-motion:nth-child(even) img{animation-direction:alternate-reverse}
.food-visual::after,.food-feature-motion::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(110deg,transparent 20%,#f8d7a112 45%,transparent 70%);background-size:220% 100%;animation:foodLight 9s ease-in-out infinite alternate;animation-play-state:paused}
.food-image-caption{position:absolute;z-index:3;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:22px 12px 10px;background:linear-gradient(transparent,#09100bc9);color:#fff3dc;font:11px/1.6 var(--sans);text-align:left}.food-image-caption b{font-weight:500;white-space:nowrap}.town-food-number{font-size:12px}.town-food h3{margin-top:8px}
.food-steam{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.food-steam i{position:absolute;left:36%;top:45%;width:23%;height:45%;border-radius:45%;background:radial-gradient(ellipse,#ffeedc55,transparent 68%);filter:blur(12px);animation:foodSteam 5.4s ease-out infinite;animation-play-state:paused;opacity:0}.food-steam i:nth-child(2){left:53%;animation-delay:-1.8s;width:17%}.food-steam i:nth-child(3){left:22%;animation-delay:-3.6s;width:18%}
.food-feature-motion{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:4/5}.town-food-feature .food-feature-motion img{height:100%;max-height:none;aspect-ratio:auto;object-fit:cover}
.food-motion.is-food-moving img,.food-motion.is-food-moving::after,.food-motion.is-food-moving .food-steam i{animation-play-state:running}
.food-viewer{max-width:1000px;width:calc(100% - 32px);max-height:92dvh;padding:20px;background:#10251f;color:#f0eddf;border:1px solid #72897a;border-radius:14px;box-shadow:0 30px 90px #0008}.food-viewer::backdrop{background:#020d0cea;backdrop-filter:blur(8px)}.food-viewer header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.food-viewer h3{margin:0;font-size:24px}.food-viewer button{font:inherit;padding:8px 14px;background:transparent;border:1px solid #9fae9d;border-radius:30px;color:inherit;cursor:pointer}.food-viewer img{display:block;width:100%;max-height:67dvh;object-fit:contain;border-radius:6px}.food-viewer p{font-size:13px;color:#c3d3c2}
@keyframes foodCamera{from{transform:scale(1.01) translate(-.5%,.2%)}to{transform:scale(1.13) translate(1%,-1%)}}
@keyframes foodLight{from{background-position:100% 0;opacity:.35}to{background-position:0 0;opacity:1}}
@keyframes foodSteam{0%{transform:translate(0,25%) scale(.65);opacity:0}28%{opacity:.5}75%{opacity:.15}100%{transform:translate(14%,-110%) scale(1.5);opacity:0}}
[data-motion=off] .food-motion img,[data-motion=off] .food-motion::after,[data-motion=off] .food-steam i{animation:none;will-change:auto}[data-motion=off] .food-steam{display:none}
@media(prefers-reduced-motion:reduce){.food-motion img,.food-motion::after,.food-steam i{animation:none!important;will-change:auto}.food-steam{display:none}}
@media(max-width:760px){.food-controls{align-items:start;gap:12px}.food-controls p{max-width:52%;font-size:13px}.food-motion-toggle{font-size:12px;padding:9px 11px}.food-image-caption{font-size:10px;padding-inline:8px}.food-visual{margin-bottom:17px}.food-viewer{padding:14px}.food-viewer h3{font-size:21px}}
/* Keep each photograph complete, including the photographer's watermark. */
.food-visual{background:radial-gradient(ellipse at 50% 30%,#344037,#101e19);margin-bottom:8px}
.food-visual img{object-fit:contain;padding:10px 12px 34px;box-sizing:border-box;animation-name:foodPhotoDrift}
.food-visual img[src*="guojuan-photo"],.food-visual img[src*="kaoyu-photo"],.food-visual img[src*="sour-beef"]{object-fit:cover;padding:0 0 28px;object-position:50% 44%}
.food-image-caption{padding-top:6px;background:#102018d9}
.food-source{display:block;width:fit-content;max-width:100%;font:11px/1.7 var(--sans);color:var(--muted);margin:0 0 18px;text-decoration:underline;text-underline-offset:4px}
.food-source:hover{color:var(--ink)}
.food-viewer .food-source{color:#dce8cf;margin-bottom:0}
@keyframes foodPhotoDrift{from{transform:translate(-2px,1px)}to{transform:translate(2px,-3px)}}