/* The middle slot remains in the footer while the dragon eats, so the page never jumps. */
.footer .dragon-feed-slot{display:flex;align-items:center;justify-content:center;flex:1 1 218px;min-width:210px;min-height:48px;margin-inline:4px}
.dragon-feed-button{position:relative;z-index:66;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 17px;border:1px solid #a78b45;border-radius:3px;background:linear-gradient(145deg,#f2df9f,#dfbf6c);color:#173d32;box-shadow:inset 0 0 0 3px #fff8e13d,0 2px 8px #64562412;font-size:13px;line-height:1.25;font-weight:500;white-space:nowrap;transition:background .2s,box-shadow .2s,transform .2s}
.dragon-feed-button:hover{background:linear-gradient(145deg,#f9eabc,#e8cc86);box-shadow:inset 0 0 0 3px #fff8e166,0 4px 13px #64562422;transform:translateY(-1px)}
.dragon-feed-button:active{transform:translateY(1px)}
.dragon-feed-button:focus-visible,.dragon-feed-sound:focus-visible{outline:2px solid #173d32;outline-offset:4px}
.dragon-feed-button:disabled{opacity:.66;transform:none}
.dragon-feed-button svg{flex:none;filter:drop-shadow(0 1px 0 #fff4)}
.dragon-feeding-overlay{position:fixed;inset:0;z-index:60;overflow:hidden;pointer-events:none!important;contain:strict;isolation:isolate;background:transparent}
.dragon-feeding-overlay>canvas{display:block;width:100%;height:100%;pointer-events:none!important}
.dragon-feed-controls{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:65;pointer-events:none}
.dragon-feed-sound{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;max-width:calc(100vw - 36px);border:1px solid #d1bc79;border-radius:4px;background:#f6f1e5f0;color:#173d32;box-shadow:0 3px 16px #122c251a;font-size:12px;line-height:1.3;pointer-events:auto}
.dragon-feed-sound:hover{background:#fff9e9}
.dragon-feed-sound svg{flex:none}
.dragon-feed-sound .dragon-sound-muted{display:none}
.dragon-feed-sound[aria-pressed=true] .dragon-sound-muted{display:block}
.dragon-feed-sound[aria-pressed=true] .dragon-sound-waves{display:none}
html.reduce-motion #dragon-feed-center,html.reduce-motion #dragon-feeding-overlay,html.reduce-motion #dragon-feed-controls{display:none!important}
body:has(dialog[open]) .dragon-feeding-overlay,body:has(dialog[open]) .dragon-feed-controls{visibility:hidden}
@media(min-width:1550px){.footer .dragon-feed-slot{min-width:220px}.footer-actions{gap:clamp(12px,1.1vw,22px)}}
@media(max-width:1140px){.footer .dragon-feed-slot{flex-basis:calc(100% - 440px)}.footer .footer-actions{flex-basis:100%;margin-left:0;justify-content:space-between}}
@media(max-width:760px){.footer .dragon-feed-slot{flex:0 0 100%;margin:0;min-height:50px}.dragon-feed-button{min-height:46px;padding:11px 20px;font-size:13px}.dragon-feed-controls{bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right))}.dragon-feed-sound{padding:10px 12px;max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){#dragon-feed-center,#dragon-feeding-overlay,#dragon-feed-controls{display:none!important}}

html.dragon-away .dragon-hero .hero-photo{visibility:hidden;opacity:0}