.mg-root,.mg-stage{width:100%;height:100%;min-height:760px}
.mg-stage{position:relative;overflow:hidden;background:transparent;color:#f1ece2}
.mg-canvas-wrap{position:absolute;inset:0 0 72px}
.mg-canvas{width:100%;height:100%;display:block}
.mg-topline{position:absolute;top:20px;left:25px;right:25px;display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:700;letter-spacing:.08em;pointer-events:none}
.mg-counter{position:absolute;top:13%;right:4%;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;color:#f1ece2}
.mg-current{font-size:clamp(75px,10vw,170px);font-weight:700;letter-spacing:-.1em;line-height:1}
.mg-counter-line{height:1px;width:100%;background:currentColor}
.mg-total{font-size:12px;font-weight:700;margin-top:8px}
.mg-bottom{position:absolute;bottom:0;left:0;right:0;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 20px;border-top:1px solid #696d69;background:#181a19}
.mg-navigation,.mg-tools{display:flex;align-items:center;gap:7px}
.mg-navigation button,.mg-tools button{border:1px solid #888d87;background:transparent;color:#f1ece2;min-width:35px;min-height:35px;padding:5px 9px;font-size:15px}
.mg-navigation button:hover,.mg-tools button:hover{background:#f1ece2;color:#181a19}
.mg-navigation button:disabled{opacity:.3;cursor:default}
.mg-scrubber-label{display:flex;align-items:center;gap:13px;font-size:10px;font-weight:700;letter-spacing:.06em}
.mg-scrubber{width:min(23vw,270px);accent-color:#f2a35c}
.mg-loading,.mg-fallback{position:absolute;left:20px;bottom:90px;background:#242725;color:#f1ece2;padding:10px 14px;font-size:11px}
.mg-fallback{top:15%;bottom:auto;max-width:250px}
.mg-fallback img{max-width:100%;max-height:220px}
.mg-progress{position:absolute;bottom:71px;left:0;right:0;height:2px;transform-origin:left;background:#f2a35c}
.mg-root button:focus-visible,.mg-root input:focus-visible{outline:3px solid #f2a35c;outline-offset:2px}
@media(max-width:900px){.mg-root,.mg-stage{min-height:670px}}
@media(max-width:600px){.mg-root,.mg-stage{min-height:620px}.mg-canvas-wrap{inset:0 0 116px}.mg-bottom{min-height:116px;align-items:stretch;flex-direction:column}.mg-navigation{justify-content:space-between}.mg-scrubber{width:42vw}.mg-tools{justify-content:space-between}.mg-tools button{font-size:11px}.mg-counter{top:12%;right:5%}.mg-current{font-size:65px}.mg-progress{bottom:115px}}