/* 仅图解锦囊；不覆盖题面、游戏指标、原拼图锦囊或投资。 */
.mg-kit-dialog[open]{display:flex;flex-direction:column;height:min(720px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);overflow:hidden;padding:18px 24px;gap:0}
.mg-kit-dialog .mg-dialog-head{flex:none;margin:0 0 8px;align-items:center}
.mg-kit-dialog .mg-dialog-head .eyebrow{font-size:12px;margin:0}
.mg-kit-dialog [data-mg-kit-body]{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;padding-right:5px}
.mg-kit-dialog .mg-kit-bottom{flex:none;margin-top:12px;min-height:46px;background:var(--tint);color:var(--on-tint);border-color:transparent}
.mk-game{--mk-tint:color-mix(in srgb,var(--tint) 8%,transparent);font-size:15px;line-height:1.5}
.mk-head{display:flex;align-items:center;gap:14px;margin:0 0 14px}
.mk-head img{flex:none;width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 5px 8px #167bed1b)}
.mk-head h2{font-size:24px;line-height:1.25;margin:0}
.mk-head h1{font-size:clamp(25px,4vw,36px);line-height:1.25;margin:0}
.mk-takeaway{font-size:16px;color:var(--muted);margin:8px 0 0;line-height:1.65}
.mk-context h3{font-size:17px;line-height:1.4;margin:0 0 10px}
.mk-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0!important;margin:0 0 15px;gap:16px}
.mk-flow:has(>li:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
.mk-flow li{margin:0;position:relative;display:flex;align-items:center;gap:8px;padding:12px 10px;min-width:0;border-radius:15px;border:1px solid color-mix(in srgb,var(--tint) 14%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--glass) 90%,#dff8e8),var(--mk-tint));box-shadow:inset 0 1px 1px #ffffff7a;font-weight:600;font-size:13px;line-height:1.45}
.mk-flow>li+li{margin-top:0}
.mk-flow li:not(:last-child)::after{content:'›';position:absolute;right:-14px;color:var(--tint);font-size:22px;font-weight:500}
.mk-more-label{margin:18px 3px 2px}
.mk-step{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;color:var(--tint);background:color-mix(in srgb,var(--tint) 10%,var(--glass));font-size:12px;box-shadow:inset 0 1px 1px #ffffff80}
.mk-table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;margin:0;font-size:14px;line-height:1.5;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--glass) 90%,transparent)}
.mk-table caption{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.mk-table th,.mk-table td{padding:10px 12px;vertical-align:top;text-align:left;overflow-wrap:anywhere}
.mk-table thead th{color:var(--muted);font-size:12px;font-weight:600;background:color-mix(in srgb,var(--tint) 6%,transparent)}
.mk-table tbody th{font-weight:600;width:30%}
.mk-table th:first-child{width:30%}
.mk-table tbody tr+tr>*{border-top:1px solid color-mix(in srgb,var(--ink) 9%,transparent)}
.mk-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--tint) 3%,transparent)}
.mk-note{font-size:13px;line-height:1.65;color:var(--muted);margin:9px 0 0}
.mk-credit{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 6px}
.mk-current-calc{padding:12px 14px;margin:13px 0;background:var(--mk-tint);border-radius:14px;border:1px solid color-mix(in srgb,var(--tint) 12%,transparent)}
.mk-equation{font-size:17px;line-height:1.55;font-weight:650;margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.mk-current-calc .mk-note{font-size:12px;margin-top:5px}
.mk-detail{border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}
.mk-detail>summary{cursor:pointer;padding:13px 3px;font-size:14px;line-height:1.5;font-weight:600;min-height:44px}
.mk-detail>summary:focus-visible{outline:2px solid var(--tint);outline-offset:2px;border-radius:7px}
.mk-detail[open]>summary{color:var(--tint)}
.mk-detail>.mk-unit{padding:0 2px 16px}
.mk-kind{font-size:11px;color:var(--muted);font-weight:400;margin-left:9px;white-space:nowrap}
.mk-full>.mk-note{margin:0 3px 5px}
.mk-full .mk-detail{border-bottom:0;border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}
.mk-full .mk-detail>summary{font-weight:500}
.mk-ledger section{padding:0 2px 18px}
.mk-ledger h4{font-size:16px;margin:9px 0}
.mk-equations,.mk-notes{padding:0;list-style:none;margin:10px 0}
.mk-equations li{font-size:14px;padding:8px 10px;background:var(--mk-tint);border-radius:9px;margin:6px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.mk-notes li{font-size:12px;color:var(--muted);line-height:1.65;margin:6px 0;padding-left:10px;border-left:2px solid color-mix(in srgb,var(--tint) 22%,transparent)}
.mk-sources ul{margin:0;padding:0 0 8px 22px;font-size:13px;line-height:1.8}
.mk-sources .mk-note{padding-bottom:12px}
.mk-library{--mk-tint:color-mix(in srgb,var(--tint) 7%,transparent);padding:28px!important}
.mk-library .mk-head{align-items:flex-start;margin-bottom:20px}
.mk-library .mk-head img{width:68px;height:74px}
.mk-library .eyebrow{font-size:12px;margin:0 0 7px}
.mk-library .mk-flow{margin-bottom:18px}
.mk-library .mk-detail>summary{font-size:17px;padding:17px 3px}
.mk-library .mk-table{font-size:15px}
.mk-library .mk-table th,.mk-library .mk-table td{padding:12px}
@media(max-width:580px){
 .mg-kit-dialog[open]{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);padding:12px 15px;border-radius:21px}
 .mg-kit-dialog [data-mg-kit-body]{padding-right:3px}
 .mk-head{gap:9px;margin-bottom:12px}.mk-head img{width:45px;height:45px}.mk-head h2{font-size:21px}
 .mk-context h3{font-size:16px}.mk-flow{gap:10px;margin-bottom:12px}.mk-flow li{flex-direction:column;align-items:flex-start;padding:10px 8px;font-size:12px;gap:6px;border-radius:12px}.mk-flow li:not(:last-child)::after{right:-10px;font-size:18px}
 .mk-flow:has(>li:nth-child(4)){grid-template-columns:1fr;gap:14px}.mk-flow:has(>li:nth-child(4)) li{flex-direction:row;align-items:center}.mk-flow:has(>li:nth-child(4)) li:not(:last-child)::after{content:'↓';right:auto;left:50%;bottom:-16px;line-height:16px;font-size:16px}
 .mk-table{font-size:13px}.mk-table th,.mk-table td{padding:9px}.mk-table th:first-child{width:29%}
 .mk-equation{font-size:16px}.mk-current-calc{padding:11px}.mk-note{font-size:12px}
 .mk-library{padding:18px!important}.mk-library .mk-head img{width:48px;height:54px}.mk-library .mk-takeaway{font-size:14px}.mk-library .mk-detail>summary{font-size:15px}.mk-library .mk-table{font-size:13px}.mk-library .mk-table th,.mk-library .mk-table td{padding:10px}
}

.mk-backnav{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 18px}.mk-backnav>.link{font-size:14px}

.mk-flow li>span:last-child{text-wrap:balance}