:root{--cell:#1A221C;--cell-2:#232C25;--input-t:#3FBF86;--report-t:#20B39A;--decision-t:#E08A1E;--quote-t:#D4206A;--action-t:#E23C22}

.ochip{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 7px;border:1px solid var(--cd,#2C352E);background:var(--night);
  color:var(--c,var(--bone));font-family:var(--font);font-variation-settings:'MONO' 1;font-size:12px;line-height:20px;font-weight:560;white-space:nowrap;letter-spacing:0}
.ochip.sm{height:18px;line-height:16px;font-size:11px;padding:0 5px;gap:4px}
.ochip .lit{color:var(--c)}
.ochip .lit.bars{height:11px}
.ochip .lit.bars i{width:2.5px}
.ochip .lit.dots{height:11px;gap:2px}
.ochip .lit .d{width:5px;height:5px}
.ochip .lit.n,.ochip .lit.s{font-size:11.5px}

.pgx{position:relative;min-width:0;overflow:visible}
.pg-e{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.pg-w{fill:none;stroke:var(--cd);stroke-width:1}
.pg-w.on{stroke:var(--c);stroke-width:1.5}
.pg-c{opacity:.92}
.pg-c.on{opacity:1}
.pg-c.now{background:var(--c);color:var(--night);border-color:var(--c)}
.pg-c.now .lit{color:var(--night)}
.pg-q{position:absolute;left:0;top:0;display:block;background:var(--c)}
.pg-q.now{background:var(--bone)}
.pg-o{position:absolute;left:0;top:0;display:block;overflow:hidden;text-overflow:ellipsis;font-variation-settings:'MONO' 1;font-size:15px;font-weight:600;line-height:1.2;color:var(--report);white-space:nowrap}
.pg-o .pg-oe{margin-right:.5em}
.pg-o .pg-oe{color:var(--ash);font-weight:420}
.pg-o .ovp .ok{color:var(--ash);font-weight:420}
.pg-o .ov1{font-family:var(--head);font-variation-settings:normal;font-weight:900;font-size:24px;letter-spacing:-.01em}
.pg-o.on{color:var(--bone)}
.pgx.lensed .pg-c:not(.lens),.pgx.lensed .pg-q:not(.lens){opacity:.4}
.pgx.lensed .pg-c.lens{background:var(--c);color:var(--night);border-color:var(--c)}
@media (prefers-reduced-motion:no-preference){
  .pg-c{transition:background-color .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease),opacity .3s var(--ease)}
  .pg-o{transition:color .4s var(--ease)}
}

.oseats{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:3px}
.oseats i{display:block;aspect-ratio:1;background:var(--cell)}
.oseats i.oc-i{background:var(--input)}
.oseats i.oc-r{background:var(--report)}
.oseats i.oc-d{background:var(--decision)}
.oseats i.oc-q{background:var(--quote)}
.oseats i.oc-a{background:var(--action)}

.of{font-family:var(--font);font-variation-settings:'MONO' 1;font-feature-settings:'tnum' 1;font-size:13px;line-height:1.45;color:var(--ash);white-space:nowrap}
.of .t{color:var(--bone-2)}
.of .o{color:var(--ash);margin:0 .5em}
.of b{color:var(--bone);font-weight:600}
.of .tn-i{color:var(--input)} .of .tn-r{color:var(--report)} .of .tn-d{color:var(--decision)} .of .tn-q{color:var(--quote)} .of .tn-a{color:var(--action)}

.obar{display:flex;gap:var(--g,2px);height:var(--s,6px);overflow:hidden}
.obar i{flex:0 0 var(--s,6px);height:var(--s,6px);background:var(--cell)}
.obar i.oc-i{background:var(--input)} .obar i.oc-r{background:var(--report)} .obar i.oc-d{background:var(--decision)} .obar i.oc-q{background:var(--quote)}
.obar i.oc-dt{background:var(--decision-t)}
.obar i.pt{background:linear-gradient(90deg,var(--c,var(--decision)) var(--f),var(--cell) var(--f))}
.obar i.oc-d.pt{--c:var(--decision)} .obar i.oc-dt.pt{--c:var(--decision-t)} .obar i.oc-i.pt{--c:var(--input)}

.oband{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--rows,5),var(--s,6px));grid-auto-columns:var(--s,6px);gap:var(--g,1px);align-content:start;justify-content:start;overflow:hidden}
.oband i{display:block;width:var(--s,6px);height:var(--s,6px)}
.oband i.c-i{background:var(--input)} .oband i.c-d{background:var(--decision)} .oband i.c-r{background:var(--report)}
@media (prefers-reduced-motion:no-preference){
  .oband i.pop{animation:ob-pop .7s var(--ease) both}
  .oband i.gone{animation:ob-gone .9s ease-in both}
}
@keyframes ob-pop{0%{transform:scale(.2);background:var(--bone)}35%{transform:scale(1);background:var(--bone)}100%{transform:scale(1)}}
@keyframes ob-gone{0%,40%{background:var(--action)}100%{background:var(--cell);transform:scale(.4)}}

.obars{display:grid;grid-template-columns:repeat(60,minmax(0,1fr));column-gap:2px;align-items:stretch;overflow:hidden}
.ob-c{display:flex;flex-direction:column-reverse;gap:2px;min-width:0;overflow:hidden}
.ob-c i,.ob-c.none::before{display:block;flex:none;width:100%;aspect-ratio:1;content:''}
.ob-c.none::before{background:var(--cell-2)}
.ob-c.fut::before{background:var(--cell)}
.ob-c.now.none::before{background:var(--quote-t)}
.ob-c i.c-r{background:var(--report)} .ob-c i.c-i{background:var(--input)} .ob-c i.c-a{background:var(--action)}
.ob-c.hot i{filter:brightness(1.4)}
@media (prefers-reduced-motion:no-preference){ .ob-c i.pop{animation:ob-pop .65s var(--ease) both} }