.mx-head{padding-top:12px}.mx-head .page-title{font-size:clamp(22px,2.3vw,30px)}@media (min-width:760px){.mx-head>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px}.mx-head .page-lead{margin:0}}.mx{display:flex;flex-direction:column;gap:14px;--stage-min:320px}.mx,.mx-info,.mx-intro,.mx-seq,.mx-stage{min-width:0}.mx-seq{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;position:relative}.mx-pos{display:grid;place-items:center;height:34px;min-width:0;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;padding:0 2px;transition:background .12s,border-color .12s}.mx-pos:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.mx-pos.is-on{background:var(--accent);color:var(--accent-ink);border-color:transparent}.mx-pos.is-locked{background:var(--surface-2);color:var(--muted)}.mx-tt{display:none}.mx-info .mx-sec p{line-height:1.5}.mx-info .btn{padding:6px 12px;font-size:13.5px}.mx-intro summary{list-style:revert}.mx-intro[open] summary{padding-bottom:6px}@media (min-width:760px){.mx-stage .sv-top{position:absolute;inset:0 0 auto 0}}.mx-stage .sv-bot{min-height:48px;padding-top:2px}@media (max-width:759.98px){.mx{--stage-h:min(138vw,58vh)}.mx-head .page-title{font-size:23px}.mx-head .page-lead{font-size:13.5px}.mx-pos{height:32px;font-size:12.5px}[data-page=match][data-layout="4"] .mx-info{order:1}[data-page=match][data-layout="4"] .mx-stage{order:2}[data-page=match][data-layout="4"] .mx-intro{order:3}[data-page=match][data-layout="5"] .mx-seq{order:2}[data-page=match][data-layout="5"] .mx-stage{order:1}[data-page=match][data-layout="5"] .mx-info{order:3}[data-page=match][data-layout="5"] .mx-intro{order:4}[data-page=match][data-layout="5"] .mx{--stage-h:min(150vw,66vh)}}@media (min-width:760px) and (max-width:1023.98px){.mx{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1fr);grid-template-areas:"seq seq" "stage info" "intro intro";align-items:start;--stage-h:clamp(420px,calc(100vh - 300px),640px)}.mx-seq{grid-area:seq;grid-template-columns:repeat(20,minmax(0,1fr))}.mx-stage{grid-area:stage}.mx-info{grid-area:info}.mx-intro{grid-area:intro}}@media (min-width:1024px){.mx{display:grid;align-items:start;column-gap:18px;row-gap:14px}.mx-seq{grid-area:seq}.mx-stage{grid-area:stage}.mx-info{grid-area:info}.mx-intro{grid-area:intro}[data-layout="1"] .mx{grid-template-columns:minmax(340px,460px) minmax(0,1fr);grid-template-areas:"seq seq" "stage info" "intro intro";--stage-h:clamp(420px,calc(100vh - 300px),700px)}[data-layout="1"] .mx-seq{grid-template-columns:repeat(20,minmax(0,1fr))}[data-layout="1"] .mx-info{position:sticky;top:72px;max-height:calc(100vh - 84px);overflow-y:auto;scrollbar-width:thin}[data-layout="2"] .mx{grid-template-columns:216px minmax(320px,440px) minmax(0,1fr);grid-template-areas:"seq stage info" "intro intro intro";--stage-h:clamp(440px,calc(100vh - 236px),720px)}[data-layout="2"] .mx-seq{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;position:sticky;top:72px}[data-layout="2"] .mx-pos{height:38px;font-size:14px}#pg[data-layout="3"] .mx-wrap{max-width:1480px}[data-layout="3"] .mx{grid-template-columns:minmax(230px,290px) minmax(320px,440px) minmax(0,1fr);grid-template-areas:"seq stage info" "seq intro intro";--stage-h:clamp(440px,calc(100vh - 236px),720px)}[data-layout="3"] .mx-seq{grid-template-columns:1fr;gap:3px;position:sticky;top:72px;max-height:calc(100vh - 84px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:6px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}[data-layout="3"] .mx-pos{display:grid;grid-template-columns:30px 1fr;gap:8px;place-items:center start;height:auto;min-height:34px;padding:4px 8px 4px 4px;text-align:left;border-color:transparent;background:transparent}[data-layout="3"] .mx-pos:hover{background:var(--surface-2)}[data-layout="3"] .mx-pos .mx-n{display:grid;place-items:center;width:28px;height:26px;border-radius:7px;border:1px solid var(--line);background:var(--surface-2);font-size:12.5px}[data-layout="3"] .mx-pos.is-on{background:var(--accent-soft);color:var(--ink)}[data-layout="3"] .mx-pos.is-on .mx-n{background:var(--accent);color:var(--accent-ink);border-color:transparent}[data-layout="3"] .mx-tt{display:block;font-size:13px;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}[data-layout="4"] .mx{grid-template-columns:minmax(0,1fr) minmax(320px,400px);grid-template-rows:auto auto 1fr;grid-template-areas:"seq seq" "info stage" "intro stage";column-gap:24px;--stage-h:clamp(340px,calc(100vh - 330px),540px)}[data-layout="4"] .mx-seq{grid-template-columns:repeat(20,minmax(0,1fr))}[data-layout="4"] .mx-stage{position:sticky;top:72px}[data-layout="4"] .mx-info{padding:18px 22px}[data-layout="4"] .mx-info .mx-sec p{font-size:15.5px}[data-layout="4"] .mx-title{font-size:24px}[data-layout="5"] .mx{grid-template-columns:minmax(0,1fr);grid-template-areas:"seq" "stage" "intro";--stage-h:clamp(460px,calc(100vh - 270px),860px)}[data-layout="5"] .mx-seq{grid-template-columns:repeat(20,minmax(0,1fr));gap:3px}[data-layout="5"] .mx-info{grid-area:stage;z-index:5;justify-self:end;align-self:start;width:min(380px,34%);margin:54px 12px 0 0;max-height:calc(var(--stage-h) - 60px);overflow-y:auto;scrollbar-width:thin;background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(10px);box-shadow:0 18px 50px -24px rgba(0,0,0,.45)}}@media (min-width:1240px){[data-layout="5"] .mx-seq{grid-template-columns:repeat(40,minmax(0,1fr))}[data-layout="5"] .mx-pos{font-size:12px;padding:0}[data-layout="5"] .mx{--stage-h:clamp(460px,calc(100vh - 232px),860px)}}