#snackShack{padding:0;background:#203c3b;min-height:0;color:#f5ead1}
#snackShack .snack-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 16px;border-bottom:2px solid #b9a079;font-family:'DM Mono',monospace}
#snackShack .snack-navigation h1{font:inherit;font-size:14px;margin:0;text-align:right}
#snackShack button{font:inherit;color:inherit;background:transparent;border:1px solid #8a8c73;min-height:44px;padding:9px 12px;cursor:pointer;border-radius:2px}
#snackShack button:focus-visible{outline:3px solid #edc56e;outline-offset:3px}
#snackShack .snack-photograph{display:block;width:100%;height:auto}
#snackShack .snack-below{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:24px;align-items:start}
#snackShack .snack-conversation{font-family:'DM Mono',monospace;font-size:15px;line-height:1.7;padding:4px 10px}
#snackShack .snack-conversation h2{font-size:16px;color:#efcf87}
#snackShack .snack-conversation button{margin:4px 6px 4px 0;font-size:13px}
#snackShack .snack-menu{color:#274746;background:#eee3c3;box-shadow:2px 4px 7px #0004;padding:24px;font-family:'DM Mono',monospace;border-top:6px solid #a4473c}
#snackShack .snack-menu h2{font-family:Georgia,serif;font-style:italic;font-size:27px;margin:12px 0 22px}
#snackShack .snack-season{font-size:10px;letter-spacing:1px}
#snackShack dl{margin:0}#snackShack dl div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #aaa180;padding:9px 0;font-size:13px}
#snackShack dt{min-width:0}#snackShack dd{margin:0;white-space:nowrap}
#snackShack .snack-menu-note{font-family:Georgia,serif;font-style:italic;font-size:14px;line-height:1.5;margin-bottom:0}
#snackShack [hidden]{display:none!important}
@media(max-width:640px){#snackShack .snack-below{grid-template-columns:minmax(0,1fr);padding:16px;gap:18px}#snackShack .snack-navigation{padding:7px 10px}#snackShack .snack-navigation h1{font-size:12px}#snackShack .snack-menu{padding:18px}#snackShack .snack-navigation button{font-size:12px}}
/* Separate, dismissible conversation overlay; no image edits or resizing. */
#snackShack #snackDonnelly{position:absolute;left:44%;top:33%;width:19%;height:38%;padding:0;min-height:0;border:0;background:transparent;box-shadow:none;outline:none;cursor:pointer}
#snackShack #snackConversation{position:fixed;right:16px;bottom:16px;width:min(360px,34vw);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;z-index:30;background:rgba(39,49,40,.96);color:#fff0ce;border:1px solid #b7a17b;box-shadow:0 5px 16px #0005;padding:14px 16px;line-height:1.5;font-size:15px}
#snackShack #snackConversation header{display:flex;align-items:center;justify-content:space-between;gap:10px}
#snackShack #snackConversation h2{margin:0;font-size:16px}
#snackShack #snackConversation header button{font-size:11px;margin:0}
#snackShack #snackLine{margin:10px 0;line-height:1.5}
@media(max-width:640px){#snackShack #snackConversation{left:12px;right:12px;width:auto;bottom:12px;max-height:48dvh;font-size:16px;padding:12px 14px}#snackShack #snackConversation button{min-height:44px}#snackShack #snackConversation h2{font-size:16px}}