.mb-pics{min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.mb-view{cursor:grab;touch-action:none;min-width:0;min-height:0;position:relative;overflow:hidden}.mb-view.turning{cursor:grabbing}.mb-view.on-handle{cursor:pointer}.mb-view.dragging{cursor:grabbing}.mb-view>canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mb-pics[data-tone=dark]{background:var(--bg)}.mb-view>.mb-handle{z-index:2}.mb-view>.mb-handle[hidden]{display:none}.mb-source{z-index:2;right:calc(10 * var(--g));top:calc(10 * var(--g));pointer-events:none;max-width:calc(100% - 20 * var(--g));padding:1px calc(5 * var(--g));background:color-mix(in srgb, var(--plot-bg) 72%, transparent);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.06em;color:var(--text-3);text-align:right;border-radius:2px;position:absolute}.mb-pics.hl-open .mb-source,.mb-pics:has(.mb-hint.on) .mb-source{visibility:hidden}.mb-result{z-index:3;left:calc(18 * var(--g));bottom:calc(16 * var(--g));width:min(calc(720 * var(--u)), calc(100% - 220 * var(--g)));pointer-events:none;position:absolute}.mb-line{margin:0}.mb-line[hidden]{display:none}.mb-sub{color:var(--text-2);font-size:var(--fs-xs)}.mb-hintline.is-hint{color:var(--text-3)}.mb .mb-vb{z-index:3;right:calc(12 * var(--g));bottom:calc(14 * var(--g));position:absolute}.mb.is-present .mb-vb{display:none!important}.mb-hud{z-index:4;pointer-events:none;position:absolute;inset:0}.mb-hlbox{left:calc(12 * var(--g));top:calc(12 * var(--g));z-index:3;align-items:flex-start;gap:calc(8 * var(--g));max-width:calc(100% - 24 * var(--g));flex-wrap:wrap;display:flex;position:absolute}.mb .hl-nav{pointer-events:auto;max-width:100%}.mb .hl-nav.idle{display:none}.mb .mb-back{pointer-events:auto;min-height:28px;padding:0 calc(10 * var(--g));background:color-mix(in srgb, var(--plot-bg) 82%, transparent)}.mb .mb-back[hidden]{display:none}.mb-hint,.mb-toast{left:50%;top:calc(16 * var(--g));z-index:4;width:max-content;max-width:calc(100% - 150px);padding:calc(7 * var(--g)) calc(14 * var(--g));text-align:center;border:1px solid var(--line);background:var(--plot-bg);backdrop-filter:blur(10px);color:var(--text);font-size:var(--fs-s);pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out);border-radius:2px;line-height:1.45;position:absolute;transform:translate(-50%)}.mb-hint.on,.mb-toast.on{opacity:1;transition-duration:var(--dur-state)}.mb-hint.long{top:max(calc(12 * var(--g)), calc(var(--mb-nav-bottom,0px) + 8 * var(--g)));width:min(calc(600 * var(--g)), calc(100% - 32px));text-align:left;max-width:none;line-height:1.5}.mb-hud:has(.mb-toast.on) .mb-hint:not(.long){opacity:0}.mb-panel{color:var(--text);display:grid}.mb-sec{min-width:0;display:grid}.mb-sec[hidden]{display:none}.mb-inset{aspect-ratio:2.6;touch-action:none;cursor:pointer;width:100%}.mb-inset>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.mb-inset-note{margin-top:calc(6 * var(--g))}.mb-stack{min-width:0;display:grid}.mb-stack>*{grid-area:1/1;min-width:0}.mb-stack>[data-off]{display:none}.mb-stack>.mb-sec{align-content:start}.mb-row{align-items:center;gap:calc(8 * var(--g)) calc(12 * var(--g));margin-top:calc(8 * var(--g));flex-wrap:wrap;display:flex}.mb-kv{align-items:center;gap:calc(6 * var(--g)) calc(10 * var(--g));margin-top:calc(8 * var(--g));flex-wrap:wrap;display:flex}.mb-lab{color:var(--text-3);min-width:calc(48 * var(--u))}.mb-note{margin:calc(6 * var(--g)) 0 0;color:var(--text-3);font-size:var(--fs-xs);line-height:1.45}.mb-note:empty,.mb-note[hidden]{display:none}.mb-pieces{margin:calc(8 * var(--g)) 0 0;gap:calc(4 * var(--g));font-size:var(--fs-xs);color:var(--text-2);padding:0;list-style:none;display:grid}.mb-pieces[hidden]{display:none}.mb-pieces>li{align-items:baseline;gap:calc(8 * var(--g));display:flex}.mb-dot{width:calc(16 * var(--u));height:calc(16 * var(--u));background:var(--dot);color:var(--bg);font-family:var(--font-mono);font-size:var(--fs-2xs);border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid}.mb-pieces>.mb-links{color:var(--text-3)}.mb-go{align-content:start;justify-items:end;gap:calc(6 * var(--g));text-align:center;grid-template-rows:auto auto;display:grid}.mb-go>[hidden]{display:none}.mb-go>.mb-note{max-width:calc(300 * var(--u));margin:0}.mb-go-row{justify-content:flex-end;align-items:center;gap:calc(14 * var(--g));flex-wrap:wrap;display:flex}.mb-go-row>[hidden]{display:none}.mb-look{position:relative}.mb-look .sdr-tray{left:0;right:0;bottom:calc(100% + 4 * var(--g));z-index:5;position:absolute}.mb .hbtn,.mb .hl-step{min-height:24px}@media (width>=761px) and (height<=860px){.mb-inset{aspect-ratio:3}}@media (width<=760px){.mb-pics{border-block:1px solid var(--line);background:var(--bg)}.mb-panel{column-gap:calc(12 * var(--g));grid-template-columns:minmax(0,1fr);grid-template-areas:"mode""inset""twist""stack""go""bar"}.mb-sec-mode{grid-area:mode}.mb-sec-inset{grid-area:inset;align-self:center}.mb-inset{aspect-ratio:2}.mb-go{grid-area:go;align-self:center}.mb-sec-twist{grid-area:twist}.mb-stack{grid-area:stack}.mb-panel>.mb-look{grid-area:bar}.mb-result{left:calc(10 * var(--g));bottom:calc(44 * var(--g));width:calc(100% - 20 * var(--g))}.mb .mb-vb{right:calc(10 * var(--g));bottom:calc(8 * var(--g))}.mb-hint{white-space:normal;width:calc(100% - 24px);max-width:none}.mb-hlbox{top:calc(10 * var(--g));bottom:auto;left:calc(10 * var(--g));right:calc(10 * var(--g))}}.mb.captioned .mb-result{visibility:hidden}