.mgf{position:fixed;right:28px;bottom:68px;z-index:35;display:flex;flex-direction:column;
align-items:flex-end;gap:12px;pointer-events:none;font-family:var(--body)}
.mgf>*{pointer-events:auto}
.mgf-btn{position:relative;width:66px;height:66px;padding:0;border-radius:50%;cursor:pointer;
border:1px solid #e7dcc6;background:#fffaf1;
box-shadow:0 12px 30px rgba(11,58,38,.18),0 2px 6px rgba(11,58,38,.08);
transition:transform .2s ease,box-shadow .2s ease}
.mgf-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(11,58,38,.22),0 3px 8px rgba(11,58,38,.1)}
.mgf-btn:focus-visible{outline:3px solid rgba(232,112,31,.45);outline-offset:3px}
.mgf-btn img{position:absolute;left:50%;bottom:5px;height:80px;width:auto;
transform:translateX(-50%) scaleX(-1);pointer-events:none}
/* Bottom left of the round: at the top it sat on his face. */
.mgf-n[hidden]{display:none}
.mgf-n{position:absolute;bottom:-3px;left:-3px;z-index:1;min-width:22px;height:22px;padding:0 6px;
border-radius:11px;display:grid;place-items:center;font-weight:700;font-size:12px;line-height:1;
color:#fff;background:var(--hot,#B5530F);box-shadow:0 0 0 3px #fffaf1}
.mgf-panel{position:relative;width:min(340px,calc(100vw - 32px));padding:18px 18px 16px;
background:#fff;border:1px solid #eadfcb;border-radius:18px;
box-shadow:0 22px 56px rgba(11,58,38,.22),0 4px 12px rgba(11,58,38,.08);
transform-origin:bottom right;animation:mgf-in .18s ease-out}
.mgf-panel[hidden]{display:none}
@keyframes mgf-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.mgf-x{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:0;
background:transparent;color:#8a8577;cursor:pointer;display:grid;place-items:center}
.mgf-x:hover{background:#f5efe3;color:#0b3a26}
.mgf-head{display:flex;align-items:center;gap:10px;margin:0 30px 12px 0}
.mgf-av{position:relative;flex:none;width:42px;height:42px;border-radius:50%;overflow:hidden;
background:#f6efe2}
.mgf-av img{position:absolute;left:50%;bottom:-2px;height:50px;width:auto;
transform:translateX(-50%) scaleX(-1)}
.mgf-who b{display:block;font-size:14.5px;font-weight:700;color:#0b3a26;line-height:1.2}
.mgf-who small{display:block;font-size:12px;color:#8a8577;line-height:1.3}
.mgf-h{margin:0 0 6px;font-family:var(--display);font-weight:400;font-size:19px;line-height:1.3;
color:#0b3a26}
.mgf-l{margin:0;font-size:14px;line-height:1.55;color:#5c5a52}
.mgf-go{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;height:44px;
border-radius:12px;background:#c4561a;color:#fff;font-weight:700;font-size:14.5px;
text-decoration:none;transition:background .15s ease}
.mgf-go:hover{background:#a9480f;color:#fff}
.mgf-tease{position:relative;max-width:250px;margin:0;padding:10px 14px;border-radius:14px 14px 4px 14px;
background:#fff;border:1px solid #eadfcb;box-shadow:0 10px 26px rgba(11,58,38,.14);
font-size:13.5px;line-height:1.45;color:#0b3a26;cursor:pointer;animation:mgf-in .2s ease-out}
.mgf-tease[hidden]{display:none}
.mgf.is-open .mgf-tease{display:none}
@media (prefers-reduced-motion:reduce){.mgf-panel,.mgf-tease{animation:none}.mgf-btn{transition:none}}
@media (max-width:700px){.mgf{right:14px;bottom:104px}.mgf-btn{width:58px;height:58px}
.mgf-btn img{height:70px}}
@media print{.mgf{display:none}}