.mg-back{z-index:50;touch-action:none;-webkit-user-select:none;user-select:none;background:#0b0907c8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mg{color:#f3e6cc;font-variant-ligatures:none;background:#2a231c;border:2px solid #4d3e2c;border-radius:6px;max-width:calc(100vw - 12px);padding:12px 14px 14px;font-family:Pixelify Sans,ui-monospace,Consolas,monospace;box-shadow:0 4px #0008}.mg-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex}.mg-hint{color:#f3e6cc;flex:1;min-width:0;font-size:19px;line-height:1.3}.mg-canvas{width:fit-content;margin:0 auto;line-height:0;position:relative}.mg-canvas canvas{image-rendering:pixelated;touch-action:none;border:2px solid #1b1814;border-radius:3px;margin:0 auto;display:block}.mg-pops{pointer-events:none;justify-content:center;align-items:flex-start;padding-top:24%;line-height:1.2;display:flex;position:absolute;inset:0}.mg-pop{white-space:nowrap;text-shadow:0 3px #2b1d14,3px 0 #2b1d14,-3px 0 #2b1d14,0 -3px #2b1d14;font-size:30px;font-weight:700;animation:.9s ease-out forwards mgpop;position:absolute}@keyframes mgpop{0%{opacity:0;transform:translateY(8px)scale(.8)}20%{opacity:1;transform:none}to{opacity:0;transform:translateY(-24px)}}.mg button{font:inherit;color:#f3e6cc;cursor:pointer;background:#4a3a28;border:2px solid #6b5538;border-radius:5px;padding:7px 14px;font-size:18px}.mg-tools{align-items:center;gap:8px;display:flex}.mg .mg-help{color:#fff6dc;text-shadow:0 1px #6a1f16;background:#c94a3a;border:2px solid #2b1d14;border-radius:50%;flex:none;width:40px;height:40px;padding:0;font-size:24px;font-weight:700;line-height:1;box-shadow:inset 0 -3px #8e2e22,0 2px #0007}.mg .mg-help:hover{background:#d95a48}.mg .mg-help:active{transform:translateY(1px);box-shadow:inset 0 -1px #8e2e22}.mg .mg-help.open{color:#2b1d14;text-shadow:none;background:#e9b45a;box-shadow:inset 0 -3px #a87a2e,0 2px #0007}.mg .mg-help.waiting{animation:1.6s ease-in-out infinite mghelp}@keyframes mghelp{0%,70%,to{transform:none}80%{transform:translateY(-3px)}90%{transform:translateY(0)}}@media (width<=559px){.mg-back{align-items:flex-start;padding-top:8px}.mg{border-left:0;border-right:0;border-radius:0;width:100vw;max-width:100vw;padding:10px 4px 6px}.mg-head{gap:10px;margin-bottom:8px;padding:0 6px}.mg-hint{font-size:17px}.mg-canvas canvas{border:0;border-radius:0}.mg-tools{gap:6px}}
