.mg-portal-nav{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;padding:10px max(12px,env(safe-area-inset-left));background:#fff9ee;color:#513b31;font:14px/1.5 system-ui,sans-serif;flex-wrap:wrap}.mg-portal-nav a{color:inherit;text-decoration:underline;text-underline-offset:3px;min-height:24px;display:flex;align-items:center}.mg-portal-nav a:focus-visible{outline:3px solid #a44f55;outline-offset:3px}
/* Play-only contrast and share controls; original artwork stays untouched. */
#mg-app .mg-welcome>.mg-subtitle{box-sizing:border-box;width:min(100%,620px);margin:0;padding:16px 22px;border:1px solid #e4cfa6;border-radius:10px;background:#fff5dc;color:#4b2e1d;font-size:clamp(15px,1.7vw,18px);font-weight:700;line-height:1.9;text-align:center;text-wrap:balance;box-shadow:0 3px 12px #24150724}
#mg-app .mg-share-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}#mg-app .mg-share-actions .mg-button{flex:1 1 180px;min-height:48px;margin:0;font-size:15px}
#mg-copy-dialog{box-sizing:border-box;max-width:min(94vw,540px);padding:24px;background:#fff5dc;color:#4b2e1d;border:2px solid #c6a36b;border-radius:12px;font:16px/1.7 system-ui,sans-serif}#mg-copy-dialog::backdrop{background:#24150788}#mg-copy-dialog textarea{box-sizing:border-box;width:100%;min-height:100px;font:16px/1.6 system-ui,sans-serif;padding:12px;color:#4b2e1d;background:#fff;border:1px solid #9a794d}#mg-copy-dialog button{padding:12px 24px;font:inherit;margin-top:12px}
@media(max-width:700px){#mg-app .mg-welcome>.mg-subtitle{width:calc(100% - 16px);padding:14px 16px;font-size:15px;line-height:1.85}}
/* Expanded progress log: the compact dock keeps its original footprint. */
#mg-app .mg-log-placeholder{visibility:hidden;pointer-events:none}
#mg-app .mg-log>.mg-log-expand{position:absolute;top:2px;right:6px;min-height:26px;margin:0;padding:2px 10px;font-size:12px;line-height:1.4;z-index:1}
#mg-app .mg-log:has(>.mg-log-expand)>h2{padding-right:70px}
#mg-app .mg-stage-dock>.mg-log>.mg-muted{display:none}
#mg-app :is(.mg-public-log,.mg-secret-log){overflow-anchor:none;scroll-behavior:auto}
#mg-app :is(.mg-public-log,.mg-secret-log) li>span{min-width:0;overflow-wrap:anywhere;white-space:normal;line-height:1.65}
#mg-app .mg-log-dialog{box-sizing:border-box;width:min(calc(100vw - 32px),1080px);height:min(86dvh,850px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:16px}
#mg-app .mg-log-dialog .mg-sheet-dialog-header{min-width:0;gap:12px}
#mg-app .mg-log-dialog .mg-sheet-dialog-header h2{min-width:0;font-size:21px}
#mg-app .mg-log-dialog .mg-sheet-dialog-header button{flex:none;min-height:44px}
#mg-app .mg-log-dialog .mg-log{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#fff5df}
#mg-app .mg-log-dialog .mg-log>.mg-log-expand{display:none}
#mg-app .mg-log-dialog .mg-log>.mg-muted{position:static;margin:0 0 6px;font-size:13px;color:#536350}
#mg-app .mg-log-dialog .mg-log-streams{flex:1;min-height:0;display:flex;flex-direction:column}
#mg-app .mg-log-dialog .mg-log-tabs{flex:none;margin:0}
#mg-app .mg-log-dialog .mg-log-tab{font-size:14px;min-height:44px}
#mg-app .mg-log-dialog :is(.mg-public-log,.mg-secret-log){flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin-bottom:0;padding:0;font-size:15px}
#mg-app .mg-log-dialog :is(.mg-public-log,.mg-secret-log) li{align-items:baseline;padding:10px 12px;gap:10px;line-height:1.75}
#mg-app .mg-log-dialog .mg-log-time{font-size:12px;font-weight:600;min-width:3.3em}
@media(max-width:700px){#mg-app .mg-log-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:90dvh;max-height:calc(100dvh - 24px);padding:10px}#mg-app .mg-log-dialog :is(.mg-public-log,.mg-secret-log) li{padding:10px 5px;gap:7px}#mg-app .mg-log-dialog .mg-log-tab{font-size:13px}}