.fig{--fig-a:#bf873a;--fig-b:#528dcd;--fig-quiet:#74766c;--fig-grid:#2c2e29;--fig-ease:cubic-bezier(.22, 1, .36, 1);border-top:1px solid var(--site-rule);font-variant-numeric:tabular-nums;overflow-wrap:normal;margin:48px 0;padding-top:20px;position:relative}#dong-moon-preview .article-body .fig{margin:48px 0}.fig-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:16px;display:flex}.fig-title{color:var(--site-ink);text-wrap:balance;flex:22rem;margin:0;font-size:clamp(19px,1.75vw,22px);font-weight:600;line-height:1.3}.fig-num{color:var(--site-accent);margin-bottom:6px;font-size:14px;font-weight:500;line-height:1.2;display:block}#dong-moon-preview .article-body .fig-title{margin:0}.fig-body{position:relative}#dong-moon-preview .article-body .fig figcaption{margin-top:14px}.fig-legend{color:var(--site-muted);flex-wrap:wrap;gap:4px 18px;margin:0 0 12px;padding:0;font-size:13px;line-height:1.5;list-style:none;display:flex}#dong-moon-preview .article-body .fig-legend li+li{margin-top:0}.fig-key{vertical-align:.2em;margin-right:7px;display:inline-block}.fig-key.line{border-top:2px solid var(--key);border-radius:1px;width:14px}.fig-key.dot{background:var(--key);vertical-align:.05em;border-radius:50%;width:8px;height:8px}.fig-key.bar{background:var(--key);vertical-align:.05em;border-radius:0 2px 2px 0;width:12px;height:8px}.fig-key.ring{border:2px solid var(--key);vertical-align:.05em;border-radius:50%;width:8px;height:8px}.fig-key.square,.fig-key.lost{vertical-align:-.05em;border-radius:2px;width:10px;height:10px}.fig-key.square{background:var(--key)}.fig-key.cell{border:1px solid var(--fig-quiet);background:color-mix(in srgb, var(--key) 22%, transparent);vertical-align:-.05em;width:10px;height:10px}.fig-key.lost{border:1.5px solid var(--key);background:linear-gradient(45deg, transparent calc(50% - .75px), var(--key) calc(50% - .75px), var(--key) calc(50% + .75px), transparent calc(50% + .75px))}.tone-a{--key:var(--fig-a);--tone:var(--fig-a)}.tone-b{--key:var(--fig-b);--tone:var(--fig-b)}.tone-quiet{--key:var(--fig-quiet);--tone:var(--fig-quiet)}.fig-toggle{border:1px solid var(--site-rule);border-radius:4px;margin:0;padding:0;font-size:13px;line-height:1;display:inline-flex}.fig-toggle legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fig-toggle label{color:var(--site-muted);cursor:pointer;padding:8px 12px;transition:color .16s ease-out,background-color .16s ease-out;position:relative}.fig-toggle label+label{border-left:1px solid var(--site-rule)}.fig-toggle input{opacity:0;pointer-events:none;position:absolute}.fig-toggle label:hover{color:var(--site-ink)}.fig-toggle label:has(input:checked){color:var(--site-ink);background:#252720}.fig-toggle label:has(input:focus-visible){outline:2px solid var(--site-accent);outline-offset:-2px}.fig-tip{z-index:2;border:1px solid var(--site-rule);background:color-mix(in srgb, var(--site-bg) 94%, transparent);pointer-events:none;opacity:0;border-radius:4px;min-width:9rem;max-width:min(17rem,100% - 8px);padding:8px 10px;font-size:13px;line-height:1.45;transition:opacity .12s ease-out;position:absolute}.fig-tip.is-shown{opacity:1}.fig-tip-head{color:var(--site-muted)}.fig-tip-row{align-items:baseline;gap:8px;display:flex}.fig-tip-row strong{color:var(--site-ink);font-weight:600}.fig-tip-row span{color:var(--site-muted)}.fig-tip-row:before{border-top:2px solid var(--key,transparent);content:"";flex:none;align-self:center;width:10px}.fig-tip-row.plain:before{display:none}#dong-moon-preview .article-body .fig-data,.fig-data{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.lc{--h:clamp(200px, 42vw, 270px);--yaxis:44px;color:var(--site-muted);font-size:13px;line-height:1.4}.lc-ylabel{margin-bottom:10px}.lc-frame{padding:0 4px 28px var(--yaxis)}.lc-area{height:var(--h);touch-action:pan-y;cursor:crosshair;position:relative}.lc-area:focus-visible{outline:2px solid var(--site-accent);outline-offset:6px}.lc-area svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lc-grid{stroke:var(--fig-grid);stroke-width:1px;vector-effect:non-scaling-stroke}.lc-base{stroke:var(--site-rule)}.lc-line{fill:none;stroke:var(--tone);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.lc-dot-ring{stroke:var(--site-bg);stroke-width:12px;stroke-linecap:round;vector-effect:non-scaling-stroke}.lc-dot{stroke:var(--tone);stroke-width:8px;stroke-linecap:round;vector-effect:non-scaling-stroke}.lc-band{fill:var(--site-ink);opacity:.045}.lc-ref{stroke:var(--site-muted);stroke-width:1px;vector-effect:non-scaling-stroke}.lc-ytick,.lc-xtick,.lc-note{white-space:nowrap;position:absolute}.lc-ytick{right:calc(100% + 8px);transform:translateY(-50%)}.lc-xtick{top:calc(100% + 8px);transform:translate(-50%)}.lc-xtick.first{transform:none}.lc-xtick.last{transform:translate(-100%)}.lc-note{color:var(--site-ink);font-size:13px}.lc-note.quiet{color:var(--site-muted)}.lc-xlabel{padding-left:var(--yaxis);text-align:right;margin-top:-2px}.lc-cursor{border-left:1px solid var(--site-muted);opacity:0;pointer-events:none;width:0;position:absolute;top:0;bottom:0}.lc-marker{border:2px solid var(--site-bg);background:var(--tone);box-sizing:content-box;opacity:0;pointer-events:none;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;transform:translate(-2px,-2px)}.lc.is-active .lc-cursor,.lc.is-active .lc-marker.is-shown{opacity:1}.hb{--label:minmax(8rem, 13rem);--reserve:3.75rem;gap:12px;font-size:13px;line-height:1.4;display:grid}.hb-row{grid-template-columns:var(--label) minmax(0, 1fr);align-items:center;gap:4px 16px;display:grid}.hb-label{color:var(--site-ink)}.hb-label small{color:var(--site-muted);font-size:12px;display:block}.hb-track{gap:3px;display:grid;position:relative}.hb-bar-line{align-items:center;gap:8px;min-height:16px;display:flex}.hb-bar{--v:var(--v0);width:calc(var(--v) * (100% - var(--reserve)));background:var(--tone);min-width:2px;height:12px;transition:width .52s var(--fig-ease);border-radius:0 4px 4px 0;flex:none}.hb-bar-line:hover .hb-bar{filter:brightness(1.15)}.hb-val{color:var(--site-ink);white-space:nowrap}.hb-val [data-s]{display:none}.hb-ref{top:-6px;bottom:-6px;left:calc(var(--r) * (100% - var(--reserve)));border-left:1px solid var(--site-muted);pointer-events:none;position:absolute}.hb-axis{grid-template-columns:var(--label) minmax(0, 1fr);color:var(--site-muted);gap:16px;display:grid}.hb-axis-track{height:1.4em;margin-right:var(--reserve);border-top:1px solid var(--site-rule);padding-top:4px;position:relative}.hb-axis-track span{position:absolute;transform:translate(-50%)}.hb-axis-track span:first-child{transform:none}.fig .hb-val [data-s="0"]{display:inline}.fig[data-state="1"] .hb-bar{--v:var(--v1)}.fig[data-state="2"] .hb-bar{--v:var(--v2)}.fig[data-state="1"] .hb-val [data-s="0"],.fig[data-state="2"] .hb-val [data-s="0"]{display:none}.fig[data-state="1"] .hb-val [data-s="1"],.fig[data-state="2"] .hb-val [data-s="2"]{display:inline}.strips{gap:24px;padding-top:8px;font-size:13px;line-height:1.4;display:grid}.strip{grid-template-columns:minmax(8rem,12rem) minmax(0,1fr);align-items:center;gap:4px 16px;display:grid}.strip-label strong{color:var(--site-ink);font-weight:500;display:block}.strip-label span{color:var(--site-muted)}.strip-plot{border-bottom:1px solid var(--fig-grid);touch-action:pan-y;height:46px;margin-inline:6px;position:relative}.strip-plot svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.strip-dot{stroke:var(--fig-a);stroke-width:7px;stroke-linecap:round;stroke-opacity:.55;vector-effect:non-scaling-stroke}.strip-dot.is-hot{stroke:var(--site-ink);stroke-opacity:1;stroke-width:10px}.strip-mean{border-left:2px solid var(--site-ink);position:absolute;top:-4px;bottom:-4px}.strip-mean span{white-space:nowrap;color:var(--site-ink);position:absolute;top:-1.45em;left:0;transform:translate(-50%)}.strip-mean.near-left span{transform:none}.strip-mean.near-right span{transform:translate(-100%)}.strip-axis{height:1.4em;color:var(--site-muted);margin-inline:6px;position:relative}.strip-axis span{position:absolute;transform:translate(-50%)}.strip-axis span:first-child{transform:none}.strip-axis span:last-child{transform:translate(-100%)}.lc.has-events .lc-area{margin-top:calc(var(--rows) * 1.5em + .3em)}.lc-event{stroke:var(--tone);stroke-width:1.5px;vector-effect:non-scaling-stroke}.lc-event.dashed{stroke-width:1px;stroke-dasharray:4 4}.lc-event-label{top:calc(var(--row) * -1.5em - 1.7em);white-space:nowrap;color:var(--site-ink);padding-left:6px;position:absolute}.lc-event-label.flip{padding:0 6px 0 0;transform:translate(-100%)}.pf{touch-action:pan-y;max-width:36rem;font-size:13px;line-height:1.4;position:relative}.pf:focus-visible{outline:2px solid var(--site-accent);outline-offset:4px}.pf svg{width:100%;height:auto;display:block}.pf-ground{fill:#1b1c19;stroke:var(--site-rule);stroke-width:1px;vector-effect:non-scaling-stroke}.pf-enemy{fill:none;stroke:var(--fig-quiet);stroke-width:1.5px;vector-effect:non-scaling-stroke}.pf-trail{fill:none;stroke:var(--fig-a);stroke-width:1px;stroke-opacity:.4;vector-effect:non-scaling-stroke}.pf-bullet{fill:var(--fig-a);opacity:.25;transition:opacity .2s ease-out}.pf-bullet:not([data-t="0"]){r:2px}.fig[data-state="0"] .pf-bullet[data-t="0"],.fig[data-state="1"] .pf-bullet[data-t="1"],.fig[data-state="2"] .pf-bullet[data-t="2"],.fig[data-state="3"] .pf-bullet[data-t="3"]{opacity:1;r:3px}.pf-frame .pf-bullet{opacity:1}.pf-player-ring{fill:none;stroke:var(--site-ink);stroke-width:1.5px;vector-effect:non-scaling-stroke}.pf-player{fill:var(--site-ink)}.pf-hot{fill:none;stroke:var(--site-ink);stroke-width:2px;vector-effect:non-scaling-stroke}.pf-label{color:var(--site-ink);pointer-events:none;position:absolute;transform:translateY(-100%)}.pf-count{color:var(--site-muted);margin-top:8px;display:block}.pf-label-end{transform:translate(-100%,-100%)}.pf-map{max-width:27rem}.pf-map .pf-ground{stroke:none}.pf-cell,.pf-swatch{--cell:9%;fill:color-mix(in srgb, var(--site-ink) var(--cell), #1b1c19);background:color-mix(in srgb, var(--site-ink) var(--cell), #1b1c19)}:is(.pf-cell,.pf-swatch)[data-step="1"]{--cell:16%}:is(.pf-cell,.pf-swatch)[data-step="2"]{--cell:25%}:is(.pf-cell,.pf-swatch)[data-step="3"]{--cell:36%}.pf-grid{fill:none;stroke:var(--fig-grid);stroke-width:1px;vector-effect:non-scaling-stroke}.pf-map svg{outline:1px solid var(--site-rule);outline-offset:-1px}.pf-cell-hot{fill:none;stroke:var(--site-ink);stroke-width:1.5px;vector-effect:non-scaling-stroke}.pf-scale{color:var(--site-muted);flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:12px;font-size:13px;line-height:1.5;display:flex}#dong-moon-preview .article-body .pf-scale ol{flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;display:flex}#dong-moon-preview .article-body .pf-scale li+li{margin-top:0}.pf-swatch{border:1px solid var(--fig-grid);vertical-align:-.1em;border-radius:2px;width:12px;height:12px;margin-right:6px;display:inline-block}.fc-wrap{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.fc{display:none}.fig[data-state="0"] .fc[data-frame="0"],.fig[data-state="1"] .fc[data-frame="1"]{display:block}.fc-crumb{fill:var(--fig-a)}.fc-spoke{stroke:var(--fig-quiet);stroke-width:1px;stroke-opacity:.45;vector-effect:non-scaling-stroke}.fc-choice{fill:var(--fig-b);fill-opacity:.6}.fc-target{fill:#0000}.fc-mark{fill:#1b1c19;stroke:var(--site-ink);stroke-width:1.5px;vector-effect:non-scaling-stroke}.fc-end.is-close .fc-mark{stroke:var(--site-muted);stroke-dasharray:2 1.6}.fc-x{stroke:var(--site-ink);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.fc-end:hover .fc-mark,.fc-end:hover .pf-player-ring{stroke-width:2.5px}.fc-end:hover .fc-x{stroke-width:3px}#dong-moon-preview .article-body .fc-result,.fc-result{color:var(--site-muted);margin:12px 0 0;font-size:14px;line-height:1.5}.fc-result strong{color:var(--site-ink);font-weight:600}#dong-moon-preview .article-body .fc-steps,.fc-steps{color:var(--site-muted);gap:12px;margin:0;padding:0;font-size:14px;line-height:1.5;list-style:none;display:grid}#dong-moon-preview .article-body .fc-steps li,.fc-steps li{margin:0;padding:0}.fc-steps strong{color:var(--site-ink);font-weight:600}.fc-key{vertical-align:-.15em;width:auto;height:14px;margin-right:6px;display:inline-block;overflow:visible}.fc-keys{color:var(--site-ink);flex-wrap:wrap;gap:4px 16px;margin-top:8px;display:flex}.tone-ink{--key:var(--site-ink);--tone:var(--site-ink)}.fig-key.dashed{border:1px dashed var(--key);vertical-align:-.05em;border-radius:2px;width:10px;height:10px}@media (width<=560px){.lc.has-events .lc-area{margin-top:calc(var(--rows-narrow) * 1.5em + .3em)}.lc-event-label{top:calc(var(--row-narrow) * -1.5em - 1.7em)}.fc-wrap{grid-template-columns:minmax(0,1fr);gap:20px}.hb-row,.strip,.hb-axis{grid-template-columns:minmax(0,1fr)}.hb-axis>span:first-child{display:none}.hb{--reserve:3.25rem;gap:14px}.strip{gap:26px;margin-bottom:4px}.strip-axis-row>span:first-child{display:none}.lc{--yaxis:38px}}.clip{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:16px 28px;display:grid}.clip-media video,.result video{aspect-ratio:384/448;background:var(--site-bg);border-radius:4px;width:100%;height:auto;display:block}.results{margin:8px 0 40px}#dong-moon-preview .article-body .results-list,.results-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}#dong-moon-preview .article-body .results-list li+li{margin-top:0}#dong-moon-preview .article-body .result-shows,.result-shows{color:var(--site-muted);margin:8px 0 14px;font-size:13px;line-height:1.4}#dong-moon-preview .article-body .result-text,.result-text{color:var(--site-ink);text-wrap:pretty;margin:0;font-size:16px;line-height:1.65}@media (width<=640px){#dong-moon-preview .article-body .results-list,.results-list{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:72%;grid-auto-flow:column;padding-bottom:8px;overflow-x:auto}.result{scroll-snap-align:start}}#dong-moon-preview .article-body .clip-tag,.clip-tag{color:var(--site-accent);margin:0 0 6px;font-size:14px;font-weight:500;line-height:1.2}.clip-link{margin-top:12px;font-size:14px;display:inline-block}@media (width<=560px){.clip{grid-template-columns:minmax(0,1fr)}.clip-media{max-width:360px}}@media (prefers-reduced-motion:reduce){.hb-bar,.pf-bullet,.fig-tip,.fig-toggle label{transition:none}}