.xx { border-left: 1px solid var(--line); border-right: 1px solid var(--line); background: var(--ink); min-width: 0; }
.xx .lbl kbd { margin-left: 4px; }




.xg { display: flex; align-items: stretch; border-bottom: 1px solid var(--line); }
.xg-row { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 0 12px; min-height: 44px; padding: 0 12px; }
.xg-row .seg button { height: 28px; }
.xg-sep { flex: none; width: 1px; height: 20px; background: var(--line2); }
.xg-reg { height: 28px; min-width: 132px; }
.xg-since { white-space: nowrap; }

.xg-t button { white-space: nowrap; }
.xg-t button small { margin-left: 6px; font-size: var(--t-label); font-weight: 700; letter-spacing: .06em; opacity: .62; }
.xg-t button small.xg-thin { opacity: 1; padding: 0 3px; border: 1px solid currentColor; letter-spacing: .1em; }
.seg button.xg-new:not([aria-pressed="true"]) { color: var(--hi); }
.seg button.xg-nc { color: var(--mute); }
.xg-older { width: auto; height: 28px; min-width: 0; margin-left: -6px; }
.xg-more { position: relative; height: 28px; min-width: 36px; padding: 0 10px; border-color: var(--line2); font-size: var(--t-row); letter-spacing: .1em; line-height: 1; }
.xg-more.on::after, .xg-dot { content: ''; display: inline-block; width: 6px; height: 6px; background: var(--acid); }
.xg-more.on::after { position: absolute; top: 3px; right: 3px; }
.xg-dot { margin: 0 6px; vertical-align: 1px; }
.xg-mob { display: none; width: 100%; height: 44px; justify-content: space-between; align-items: center; gap: 8px; border: 0; font-size: var(--t-body); letter-spacing: .06em; }
.xg-mob > span:first-child { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }

.xg-cnt { flex: none; margin-left: auto; display: flex; align-items: center; gap: 6px; padding-left: 12px;
font-size: var(--t-meta); font-weight: 700; letter-spacing: .08em; color: var(--mute); white-space: nowrap; }
.xg-cnt[hidden], .xg-cntm { display: none; }
.xg-cnt b { color: var(--paper); font-weight: 800; letter-spacing: 0; font-size: var(--t-body); }
.xg-cnt.loading { opacity: .45; }
.xg-row .seg button[disabled] { opacity: .35; cursor: not-allowed; }
.xg-row .seg button[disabled]:hover { background: var(--ink); color: inherit; }

.xa { display: flex; flex-direction: column; padding: 4px 0; }
.xa-r { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; border-bottom: 1px solid var(--line3); }
.xa-r .seg button { height: 28px; }
.xa-r .sel { height: 28px; min-width: 110px; }
.xa-pf { flex-direction: column; align-items: stretch; }
.xa-pfs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; }
.xa-pg { display: flex; flex-direction: column; gap: 4px; }
.xa-pgl { font-size: var(--t-label); font-weight: 800; letter-spacing: .13em; color: var(--mute); }
.xa-pg .tog small { font-weight: 400; letter-spacing: 0; }
.xa-act { display: flex; gap: 6px; padding: 10px 12px 6px; }
.xa-act .btn { flex: 1; }


.xctx { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; padding: 6px 12px; border-bottom: 1px solid var(--line2);
background: repeating-linear-gradient(135deg, var(--line3) 0 1px, transparent 1px 6px); }
.xctx[hidden] { display: none; }
.xctx-l { font-size: var(--t-label); font-weight: 800; letter-spacing: .13em; color: var(--paper); margin-right: 4px; }
.xctx-c { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 7px; border: 1px solid var(--line2); background: var(--ink);
font-size: var(--t-meta); font-weight: 700; letter-spacing: .05em; color: var(--mute); white-space: nowrap; }
.xctx-c .th1, .xctx-c .xi, .xctx-c .xi-none { width: 16px !important; height: 16px !important; }
.xctx-c.neg { border-style: dashed; text-decoration: line-through; }
.xctx-c.bad { border-color: var(--paper); color: var(--paper); }
.xctx-e { font-size: var(--t-meta); color: var(--paper); }
.xctx-x { margin-left: auto; width: 28px; height: 24px; border: 1px solid var(--paper); background: var(--ink); color: var(--paper); font-size: 15px; line-height: 1; padding: 0; }
.xctx-x:hover { background: var(--paper); color: var(--ink); }


.xchip { display: inline-flex; align-items: stretch; height: 30px; max-width: 100%; border: 1px solid var(--paper); background: var(--ink); }
.xchip-l { display: inline-flex; align-items: center; gap: 6px; max-width: 340px; padding: 0 8px 0 4px; border: 0; background: transparent;
font-size: var(--t-meta); font-weight: 800; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xchip-l .th1, .xchip-l .xi, .xchip-l .xi-none { width: 20px; height: 20px; }
.xchip-l .ticon { width: 16px; height: 16px; }
.xchip-t { overflow: hidden; text-overflow: ellipsis; }
.xchip-x { width: 26px; border: 0; border-left: 1px solid var(--line2); background: transparent; font-size: 14px; line-height: 1; color: var(--mute); }
.xchip-l:hover, .xchip-x:hover { background: var(--paper); color: var(--ink); }


.xr-b { padding: 8px 10px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
.xr-g { display: flex; flex-direction: column; gap: 6px; }
.xr-p { display: flex; flex-direction: column; gap: 4px; padding-left: 18px; }
.xr .tog small { font-weight: 400; letter-spacing: 0; }


.xbar { display: flex; align-items: stretch; flex-wrap: wrap; border-bottom: 1px solid var(--line); }
.xtabs { display: flex; overflow-x: auto; scrollbar-width: none; }
.xtabs::-webkit-scrollbar { display: none; }
.xtab { flex: none; display: flex; align-items: center; height: 48px; padding: 0 16px; text-decoration: none; border-right: 1px solid var(--line2);
font: 400 var(--t-head)/1 var(--f-disp); letter-spacing: .03em; white-space: nowrap; color: var(--mute); }
.xtab:hover { background: var(--paper); color: var(--ink); }
.xtab[aria-current] { background: var(--acid); color: #000; }
.xfind { align-self: center; height: 32px; width: 260px; margin: 0 12px; }
.xfind .pfx { color: var(--mute); }
.xseg { display: flex; align-items: center; gap: 8px; margin-left: auto; padding: 0 12px; }
.xseg .seg button { height: 28px; min-width: 34px; }
.xpane { position: relative; min-height: 220px; }
.xpane.loading::after { content: 'LOADING'; position: absolute; top: 44px; left: 50%; transform: translateX(-50%); background: var(--ink); border: 1px solid var(--line); padding: 4px 10px;
font-size: var(--t-label); font-weight: 800; letter-spacing: .13em; z-index: 5; }
.xpane.loading .xt { opacity: .5; }
.xpane-hd { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 8px 14px; border-bottom: 1px solid var(--line2); font-size: var(--t-meta); letter-spacing: .08em; }
.xpane-hd > b { font-size: var(--t-row); }
.xpane-hd .btn { margin-left: auto; }
.xpane-hd .btn + .btn { margin-left: 0; }
.xempty { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 18px 14px; font-size: var(--t-meta); font-weight: 800; letter-spacing: .1em; color: var(--mute); text-transform: uppercase; }
.xempty > span:first-child { color: var(--paper); }
.xempty.off { font: 400 var(--t-num)/1 var(--f-disp); color: var(--mute); letter-spacing: .02em; }
.xempty.bad { color: var(--paper); background: repeating-linear-gradient(135deg, var(--line3) 0 2px, transparent 2px 7px); }



.xdir .xt .tbl td.xq { color: var(--mute); }
.xdir .xt .tbl td.xq .xd { font-weight: 700; }
.xdir .xt .tbl td.xq .xd.dn { color: var(--mute); }
.xdir .xt .tbl td.xq .xd.ns { color: var(--mute2); }
.xdir .xt .xci { display: none; }
.xdir .xt .tbl tbody tr { cursor: pointer; }
.xcost { display: inline-flex; margin-left: 2px; opacity: .6; }
.xcost .cost { transform: scale(.85); transform-origin: left center; }






.xt { position: relative; --xt-row: 48px; --xt-ic: 32px; --xt-px: 14px; --xt-hd: 40px;
--xt-hover: color-mix(in srgb, var(--paper) 5%, var(--ink)); --xt-focus: color-mix(in srgb, var(--paper) 10%, var(--ink));
--xt-sec: color-mix(in srgb, var(--paper) 70%, var(--ink)); }
.xt-scroll { overflow: auto; max-height: calc(100vh - var(--top-h) - var(--status-h) - 40px); scrollbar-width: thin; overscroll-behavior-x: contain; scroll-padding-top: var(--xt-hd); }
.xt .tbl { font-size: var(--t-row); font-variant-numeric: tabular-nums; }
.xt .tbl th { z-index: 3; height: var(--xt-hd); padding: 0 var(--xt-px); font-size: var(--t-meta); letter-spacing: .1em; vertical-align: middle; }
.xt .tbl td { height: var(--xt-row); padding: 0 var(--xt-px); line-height: 1.25; vertical-align: middle; border-bottom: 1px solid var(--line3); }
.xt .tbl th:first-child, .xt .tbl td:first-child { position: sticky; left: 0; background: var(--ink); z-index: 2; box-shadow: 1px 0 0 var(--line2); }
.xt .tbl th:first-child { z-index: 4; }
.xt .tbl tbody tr:hover td { background: var(--xt-hover); }
.xt .tbl tbody tr:hover td:first-child { box-shadow: inset 2px 0 0 var(--mute), 1px 0 0 var(--line2); }
.xt .tbl tbody tr.foc td { background: var(--xt-focus); }
.xt .tbl tbody tr.foc td:first-child { box-shadow: inset 3px 0 0 var(--acid), 1px 0 0 var(--line2); }
.xt .tbl tr.thin td { opacity: .5; }
.xt .tbl tr.thin:hover td, .xt .tbl tr.thin.foc td { opacity: .85; }
.xt .tbl tr.xunranked .xn b { color: var(--mute); }
.xt .tbl .xt-fill { width: 100%; padding: 0; }
.xt .tbl th.xt-fill { cursor: default; }
.xt-q { display: inline-grid; place-items: center; width: 14px; height: 14px; margin-left: 5px; border: 1px solid var(--mute2); font-size: var(--t-label); line-height: 1; color: var(--mute); vertical-align: 1px; cursor: help; }
.xt-q:hover, .xt-q:focus-visible { border-color: var(--paper); color: var(--paper); }
.xt .tbl th small { font-size: var(--t-label); color: var(--mute2); letter-spacing: .04em; }
.xt-tip { position: fixed; z-index: 98; background: var(--ink); border: 1px solid var(--paper); padding: 6px 8px; font-size: var(--t-meta); line-height: 1.45; letter-spacing: .02em; text-transform: none; pointer-events: none; }
.xt-act { width: 1%; text-align: right; white-space: nowrap; }
.xt-b { width: 28px; height: 28px; border: 1px solid var(--line2); background: var(--ink); color: var(--mute); font-size: 15px; line-height: 1; padding: 0; margin-left: 4px; opacity: .5; }
.xt .tbl tr:hover .xt-b, .xt .tbl tr.foc .xt-b, .xt-b:focus-visible { opacity: 1; }
.xt-b:hover { border-color: var(--paper); color: var(--paper); }
.xt-foot { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px 16px; border-top: 1px solid var(--line2); font-size: var(--t-meta); font-weight: 700; letter-spacing: .08em; color: var(--mute); }
.xt-foot .sep { color: var(--mute2); }
.xt-empty td { height: auto !important; padding: 0 !important; white-space: normal; }


.xn { display: inline-flex; align-items: center; gap: 10px; min-width: 0; vertical-align: middle; }
.xn b { font-size: var(--t-row); font-weight: 800; letter-spacing: .02em; }
.xt .tbl td:first-child .th1, .xt .tbl td:first-child .xi-none { width: var(--xt-ic) !important; height: var(--xt-ic) !important; }
.xt .tbl td:first-child .xi { width: var(--xt-ic); height: var(--xt-ic); }
.xi { width: 22px; height: 22px; flex: none; image-rendering: auto; border: 1px solid var(--line2); }
.xi-none { display: inline-grid; place-items: center; flex: none; border: 1px dashed var(--mute2); font-size: 8px; font-weight: 800; color: var(--mute); }
.xtt { display: inline-grid; place-items: center; flex: none; width: var(--xt-ic, 32px); height: var(--xt-ic, 32px); border: 1px solid var(--line2); background: var(--ink2); }
.xtt .xti { width: 62%; height: 62%; }
.xstar { font-size: var(--t-body); font-weight: 800; color: var(--paper); }
.xic, .xbp { font-size: var(--t-meta); font-weight: 800; color: var(--mute); }
.xbp { border: 1px solid var(--line2); padding: 1px 5px; }
.xon { font-size: var(--t-label); font-weight: 800; letter-spacing: .08em; color: var(--mute); }
.xcls { font-size: var(--t-meta); font-weight: 800; letter-spacing: .08em; color: var(--mute); }
.xtier { display: inline-flex; align-items: center; gap: 6px; }
.xbi3 { display: inline-flex; gap: 3px; }
.xbuild b { margin-left: 2px; max-width: 340px; overflow: hidden; text-overflow: ellipsis; }
.xunits { gap: 3px; }
.xunits small { margin-left: 8px; color: var(--mute); font-weight: 800; font-size: var(--t-body); }
.xh { display: inline-flex; gap: 4px; vertical-align: middle; }
.xh-u { display: inline-flex; text-decoration: none; }
.xh-u .th1, .xpane-hd .th1 { display: block; }
.xh-u:hover .th1 { border-color: var(--paper); }


.xv { font-weight: 800; font-size: var(--t-row-lead); color: var(--paper); }
.xpm { margin-left: 6px; font-size: var(--t-meta); color: var(--mute); }
.xt .tbl td.xsec { color: var(--xt-sec); }
.xt .tbl th.xlead small { color: var(--mute); }


.xd { display: inline-block; min-width: 52px; text-align: right; font-weight: 800; }
.xd.up { color: var(--hi); }
.xd.dn { color: var(--paper); }
.xd.ns { color: var(--mute2); font-weight: 400; }

.xt .tbl td.xdraw .xd { color: var(--xt-sec); font-weight: 400; }
.xci { position: relative; display: inline-block; width: 56px; height: 12px; margin-left: 10px; vertical-align: -1px; }
.xci .z { position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: var(--mute2); }
.xci .r { position: absolute; top: 5px; height: 1px; background: var(--mute); }
.xci .p { position: absolute; top: 3px; width: 1px; height: 5px; margin-left: -0.5px; background: var(--mute); }
.xci.up .r, .xci.up .p { background: var(--acid); }
.xci.dn .r, .xci.dn .p { background: var(--paper); }
.xdc { white-space: nowrap; }

.xflag { display: inline-flex; align-items: center; height: 16px; padding: 0 5px; margin-left: 8px; border: 1px solid var(--line2); font-size: var(--t-label); font-weight: 800; letter-spacing: .1em; color: var(--mute); white-space: nowrap; }


.xt .tbl th.xpl, .xt .tbl td.xpl { width: 1%; text-align: center; }
.xplace { font: 400 var(--t-num)/1 var(--f-disp); color: var(--mute); letter-spacing: 0; }
.xplace.top { color: var(--paper); }
.xplace.hi { color: var(--hi); }
.xboard { white-space: nowrap; }
.xbd { display: inline-flex; gap: 3px; vertical-align: middle; }
.xbu { position: relative; display: inline-flex; flex-direction: column; align-items: center; width: 32px; }
.xbu i { font-style: normal; font-size: 8px; line-height: 1; letter-spacing: -.5px; color: var(--mute); height: 9px; }
.xbu i.s3, .xbu i.s4 { color: var(--paper); }
.xbi { display: flex; gap: 0; height: 10px; }
.xbi .xi, .xbi .xi-none { width: 10px; height: 10px; border: 0; font-size: 0; }
.xt .tbl td.xboard { height: 60px; }
.xtr { display: inline-flex; gap: 6px; vertical-align: middle; }
.xtr-t { display: inline-flex; align-items: center; gap: 3px; }


.xt-sheet { position: fixed; inset: 0; z-index: 88; background: rgba(0, 0, 0, .6); display: flex; align-items: flex-end; }
html.inv .xt-sheet { background: rgba(255, 255, 255, .6); }
.xt-sh-box { width: 100%; max-height: 82vh; overflow: auto; background: var(--ink); border-top: 1px solid var(--paper); padding-bottom: var(--status-h); }
.xt-sh-hd { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 16px; border-bottom: 1px solid var(--line); position: sticky; top: 0; background: var(--ink); z-index: 1; }
.xt-sh-hd .btn { height: 40px; min-width: 76px; }
.xt-sh-t { display: flex; align-items: center; gap: 10px; min-width: 0; font-size: var(--t-row); font-weight: 800; text-transform: uppercase; }
.xt-sh-t b { font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xt-sh-dl { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.xt-sh-dl > div { padding: 10px 16px; border-bottom: 1px solid var(--line3); border-right: 1px solid var(--line3); min-width: 0; }
.xt-sh-dl dt { font-size: var(--t-label); font-weight: 800; letter-spacing: .12em; color: var(--mute); }
.xt-sh-dl dd { margin: 5px 0 0; font-size: var(--t-row); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.xt-sh-dl dd .xci { display: none; }
.xt-sh-act { display: flex; gap: 6px; padding: 10px 16px; }
.xt-sh-act .btn { flex: 1; height: 44px; font-size: var(--t-body); }

.xt-sheet ~ .pop { z-index: 89; }

.xg-sh-rows { display: flex; flex-direction: column; }
.xg-sh-r { display: flex; flex-direction: column; gap: 8px; padding: 10px 16px; border-bottom: 1px solid var(--line3); }
.xg-sh-r .seg { flex-wrap: wrap; align-self: flex-start; max-width: 100%; }
.xg-sh-rows .seg button { height: 40px; min-width: 44px; }
.xg-sh-rows .sel, .xg-sh-rows .xg-reg { height: 40px; width: 100%; }
.xg-sh-rows .xg-older { margin-left: 0; }
.xg-sh-adv summary { padding: 14px 16px; font-size: var(--t-meta); font-weight: 800; letter-spacing: .13em; cursor: pointer; border-bottom: 1px solid var(--line3); }
.xg-sh-adv .xa-r { padding: 10px 16px; flex-wrap: wrap; }
.xg-sh-adv .xa-r .seg button, .xg-sh-adv .xa-r .sel { height: 40px; }
.xg-sh-adv .xa-pfs { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.xg-sh-adv .tog { min-height: 36px; }
.xg-sh-adv .xa-act { padding: 10px 16px; }
.xg-sh-adv .xa-act .btn { height: 44px; }


@media (max-width: 1240px) {
.xg-row { gap: 0 8px; padding: 0 8px; }
.xg-reg { min-width: 0; }
.xfind { width: 200px; }
}
@media (max-width: 760px) {
.xx { border-left: 0; border-right: 0; }
.xg-row { display: none; }
.xg-mob { display: flex; flex: 1 1 auto; width: auto; min-width: 0; padding: 0 16px; }
.xg-cntm { display: flex; flex: none; align-items: center; min-height: 44px; padding: 0 16px 0 8px; margin: 0; }
.xg-cntm[hidden] { display: none; }
.xctx { padding: 6px 16px; }
.xbar { flex-direction: column; align-items: stretch; }
.xtab { flex: 1 0 auto; justify-content: center; height: 44px; padding: 0 12px; }
.xtabs { border-bottom: 1px solid var(--line2); }
.xfind { align-self: stretch; width: auto; height: 40px; margin: 8px 16px 0; }
.xcost { display: none; }
.xseg { margin: 0; padding: 8px 16px; overflow-x: auto; scrollbar-width: none; }
.xseg::-webkit-scrollbar { display: none; }
.xseg .seg button { height: 36px; min-width: 40px; }
.xpane-hd .btn { min-height: 40px; }

.xt { --xt-row: 56px; --xt-ic: 28px; --xt-px: 10px; --xt-hd: 44px; }
.xt .xt-dm { display: none; }
.xt-scroll { max-height: 70vh; }
.xt-q { display: none; }
.xbu { width: 28px; }
.xbu .th1 { width: 26px !important; height: 26px !important; }
.xr-b { grid-template-columns: minmax(0, 1fr); }
.xr .tog { min-height: 40px; }
.xt-foot .btn { min-height: 40px; }
}


.xx .cost.c5 i, .xt-sheet .cost.c5 i { border-color: var(--paper); }
.xx .cost.c5 i::after, .xt-sheet .cost.c5 i::after { background-color: var(--paper); }
.xx .tier.s4 i, .xt-sheet .tier.s4 i { border-color: var(--paper); }
.xx .tier.s4 i::after, .xt-sheet .tier.s4 i::after { background: var(--paper); }
.xx .tier.s6 i, .xt-sheet .tier.s6 i { border-color: var(--paper); outline: 1px solid var(--paper); outline-offset: 1px; }
.xx .tier.s6 i::after, .xt-sheet .tier.s6 i::after { background: var(--paper); }


.xsm { display: none; }
@media (max-width: 760px) {
.xt .xlg { display: none; }
.xt .xsm { display: inline; }
.xt .xci { display: none; }
.xt .xpm { display: block; margin: 3px 0 0; font-size: var(--t-label); line-height: 1; }
.xt .xv { display: block; line-height: 1.1; }
.xt .tbl td.xname { white-space: normal; max-width: 150px; }
.xt .xname .xn { align-items: center; }
.xt .xname .xn b { line-height: 1.15; }
.xt .xd { min-width: 0; }

.xt .xname .xbuild { flex-wrap: wrap; row-gap: 4px; }
.xt .xname .xbuild b { flex: 1 0 100%; margin: 0; max-width: none; font-size: var(--t-meta); white-space: normal;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.xt .tbl td.xname:has(.xbuild) { padding-top: 6px; padding-bottom: 6px; }
}

.xh-wait { color: var(--mute2); letter-spacing: .2em; }
.xh-u.ns .th1, .xh-u.dn .th1 { opacity: .55; }
.xhc { white-space: nowrap; }

.xtr { flex-wrap: wrap; width: max-content; max-width: 300px; row-gap: 3px; }





.xt .xt-w1, .xt .xt-w2 { display: none; }
@media (min-width: 1440px) { .xt .tbl .xt-w1 { display: table-cell; } }
@media (min-width: 1700px) { .xt .tbl .xt-w2 { display: table-cell; } .xt { --xt-px: 18px; } .xt .xci { width: 72px; } }
@media (min-width: 2000px) { .xt { --xt-px: 22px; } }
@media (min-width: 2200px) { .xt { --xt-px: 28px; } .xt .xci { width: 104px; } }
.xt .tbl th.xplc, .xt .tbl td.xplc { width: 1%; }

.xpl8 { display: inline-flex; align-items: flex-end; gap: 2px; height: 24px; border-bottom: 1px solid var(--line2); vertical-align: middle; }
.xpl8 i { display: block; width: 7px; background: color-mix(in srgb, var(--paper) 30%, var(--ink)); }
.xpl8 i.t4 { background: var(--paper); }
.xt .tbl tr.thin .xpl8 i.t4 { background: color-mix(in srgb, var(--paper) 80%, var(--ink)); }
@media (min-width: 2200px) { .xpl8 { gap: 3px; height: 30px; } .xpl8 i { width: 12px; } }

.xbis { white-space: nowrap; }
.xh-i { display: inline-flex; text-decoration: none; }
.xh-i .xi, .xh-i .xi-none { display: block; width: 30px; height: 30px; }
.xh-i:hover .xi { border-color: var(--paper); }
.xh-n { display: none; }

@media (min-width: 1900px) {
.xbis .xh { gap: 0; }
.xbis .xh-i { align-items: center; }
.xbis .xh-n { display: inline-block; max-width: 84px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; margin: 0 10px 0 6px; font-size: var(--t-meta); font-weight: 800; letter-spacing: .04em; color: var(--xt-sec); white-space: nowrap; }
}
@media (min-width: 2400px) {
.xbis .xh-n { max-width: none; margin: 0 16px 0 7px; }
.xbis .xh-i:hover .xh-n { color: var(--paper); }
}






.xdir .xt .tbl .xt-fill { display: none; }
.xdir .xt .tbl th.xplc, .xdir .xt .tbl td.xplc { width: auto; }
.xdir .xt .xv { font: 400 var(--t-head)/1 var(--f-disp); letter-spacing: .02em; }
.xdir .xt .tbl th.xlead { color: var(--paper); }

.xdir .xpl8 { display: flex; width: 100%; min-width: 88px; max-width: 280px; height: 30px; gap: 3px; }
.xdir .xpl8 i { flex: 1 1 0; width: auto; }

.xtd { display: inline-flex; align-items: center; justify-content: flex-end; gap: 10px; width: 100%; }
.xtd.thin { opacity: .55; }
.xtb { position: relative; flex: 1 1 auto; min-width: 64px; height: 12px; }
.xtb .z { position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: var(--mute2); }
.xtb .b { position: absolute; top: 3px; height: 6px; background: var(--mute2); }
.xtd.up .xtb .b { background: var(--acid); }
.xtd.dn .xtb .b { background: var(--paper); }
.xtd .xd { min-width: 48px; }
.xt .tbl th.xtrc, .xt .tbl td.xtrc { min-width: 120px; }

.xst { display: inline-flex; flex-direction: column; align-items: stretch; gap: 5px; width: 100%; min-width: 108px; max-width: 180px; vertical-align: middle; }
.xstb { display: flex; height: 4px; background: var(--line3); }
.xstb i { display: block; height: 100%; }
.xstb i.s1 { background: color-mix(in srgb, var(--paper) 22%, var(--ink)); }
.xstb i.s2 { background: color-mix(in srgb, var(--paper) 55%, var(--ink)); }
.xstb i.s3, .xstb i.s4 { background: var(--paper); }
.xstt { display: flex; justify-content: space-between; gap: 10px; font-size: var(--t-meta); color: var(--mute); letter-spacing: .04em; }
.xstt b { color: var(--paper); font-weight: 700; }
.xt .tbl td.xstc { text-align: left; }

.xtrl { display: inline-flex; gap: 6px; vertical-align: middle; }
.xtrl-t { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 5px; border: 1px solid var(--line2); background: var(--ink2); text-decoration: none; color: var(--xt-sec); }
.xtrl-t:hover { border-color: var(--paper); color: var(--paper); }
.xtrl-n { display: none; font-size: var(--t-label); font-weight: 800; letter-spacing: .08em; }

.xlad { display: flex; gap: 4px; max-width: 520px; }
.xlad-s { display: inline-flex; flex: 1 1 0; min-width: 0; justify-content: space-between; gap: 6px; height: 24px; padding: 0 7px; align-items: center; border: 1px solid var(--line3); color: var(--mute); font-size: var(--t-meta); }
.xlad-s i { font-style: normal; font-weight: 800; color: var(--mute2); }
.xlad-s b { font-weight: 400; }
.xlad-s.cur { border-color: var(--paper); color: var(--paper); }
.xlad-s.cur i { color: var(--paper); }
.xlad-s.cur b { font-weight: 800; }
.xlad-s.thin { opacity: .5; border-style: dashed; }

.xrc { display: inline-flex; align-items: center; gap: 4px; vertical-align: middle; }
.xrc i { font-style: normal; color: var(--mute2); font-size: var(--t-meta); }

.xhc .xh-u { align-items: center; }
.xhc .xh-n { display: none; }


@media (min-width: 761px) {
.xdir .xt .tbl :is(th, td):is(.xname, .xhc, .xbis, .xtrs, .xrcp, .xclsc) { width: 1%; }
}
.xdir .xbis .xh-n { display: none; }
@media (min-width: 2400px) {
.xdir .xbis .xh { gap: 0; }
.xdir .xbis .xh-n { display: inline-block; max-width: 84px; margin: 0 10px 0 6px; }
}
@media (min-width: 1900px) {
.xhc .xh { gap: 0; }
.xhc .xh-n { display: inline-block; max-width: 84px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; margin: 0 12px 0 6px; font-size: var(--t-meta); font-weight: 800; letter-spacing: .04em; color: var(--xt-sec); white-space: nowrap; }
}
@media (min-width: 2000px) { .xdir .xt .xv { font-size: var(--t-num); } }
@media (min-width: 2800px) { .xtrl-n { display: inline; } }
@media (min-width: 2400px) { .xhc .xh-n { max-width: none; } }

@media (min-width: 2200px) {
.xdir .xpl8 { min-width: 180px; height: 34px; }
.xdir .xtb { min-width: 120px; }
.xdir .xst { min-width: 150px; }
}



@media (min-width: 1900px) {
.xdir .xhc .xh-n, .xdir .xbis .xh-n { width: max-content; max-width: 92px; white-space: normal; line-height: 1.2; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: break-word; }
}
@media (max-width: 2539px) { .xdir .xbis .xh-n { display: none; } }
@media (max-width: 1899px) { .xdir .xst { min-width: 96px; } }
@media (min-width: 2400px) { .xdir .xhc .xh-n, .xdir .xbis .xh-n { max-width: 104px; } }