@font-face{font-family:Archivo;src:url(fonts/Archivo-VF.ttf) format("truetype");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
.ost{--ch:44px;--si:Archivo,Barlow,Arial,sans-serif;background:#0B1215;color:#F2E8D0;font-size:18px;line-height:1.55}
.ost a{color:#D4A439}.ost a:hover{color:#E4604B}.ost :focus-visible{outline:3px solid #D4A439;outline-offset:3px}
.ost h1,.ost h2,.ost h3{font-family:var(--si);font-stretch:125%;font-weight:700;line-height:1.12;letter-spacing:.005em;color:#F2E8D0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
main.full{padding:0}
.console{position:sticky;top:0;z-index:5;height:var(--ch);background:#0E171B;border-bottom:1px solid #2B4047}
.c-in{box-sizing:border-box;max-width:1364px;margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center}
.mast{background:#0B1215}.mast-in{box-sizing:border-box;max-width:1364px;margin:0 auto;padding:28px 24px 24px;display:flex;align-items:center;gap:16px 36px;flex-wrap:wrap}
.mark{margin:0;width:440px;max-width:100%;font-size:0}.mark img{display:block;width:100%;height:auto}
.plate-id{margin:0;font:600 11px/1.7 var(--si);font-stretch:125%;letter-spacing:.1em;color:#9DB5B7}
.c-read{display:flex;flex-wrap:wrap;gap:0 36px;align-items:center;min-width:0}
.faceplate .c-read{background:#0A1114;border-radius:4px;box-shadow:inset 0 0 0 3px #17262B,inset 0 1px 0 rgba(255,255,255,.08);padding:8px 18px 8px;margin:0 0 14px}
.c-read p{margin:0;max-width:none}
.c-read p>span:first-child{display:block;font:600 11px/1.5 var(--si);font-stretch:125%;letter-spacing:.1em;color:#9DB5B7;white-space:nowrap}
.c-read b{display:block;font:500 20px/1.3 "IBM Plex Mono",monospace;color:#F2E8D0;white-space:nowrap;font-weight:500}
.pips{display:flex;gap:3px;height:26px;align-items:center}.pips span{display:block;width:8px;height:14px;background:#26373B}.pips span.on{background:#D4A439}
.c-jump,.jump-m{display:flex;gap:6px 18px;font:600 12px/1.5 var(--si);font-stretch:125%;letter-spacing:.06em;text-transform:uppercase}
.c-jump a,.jump-m a{text-decoration:none;padding:10px 0;border-bottom:2px solid transparent;white-space:nowrap}.c-jump a:hover,.jump-m a:hover{border-bottom-color:#E4604B}
.jump-m{display:none}
.score-sec{box-sizing:border-box;max-width:1364px;margin:0 auto;padding:28px 24px 0}
.top-deck{margin:14px 0 0}
.cap{color:#DAD6C8;font-size:16px;margin:12px 0 0;max-width:900px}
.hroll{display:grid;grid-template-columns:128px 1fr;align-items:start}
.rowlabels{position:relative}
.rl{position:absolute;right:14px;transform:translateY(-50%);font:600 11px/1 var(--si);font-stretch:125%;letter-spacing:.08em;color:#DAD6C8;white-space:nowrap}
.hwin{position:relative;overflow:hidden;border-radius:4px;background:#0A1114;box-shadow:inset 0 0 0 3px #17262B,inset 0 1px 0 rgba(255,255,255,.08);--ph:26%}
.hwin:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.04),transparent 38%)}
.hs{display:block;max-width:none;will-change:transform}
.hs-narrow,.rl-narrow{display:none}
.hs text{font-family:Barlow,Arial,sans-serif;fill:#F2E8D0}
.hs .dim,.hs .sec{fill:#9DB5B7}.hs .v,.hs .vf{fill:#E4604B}.hs .mono{font-family:"IBM Plex Mono",monospace}
.playhead{position:absolute;top:0;bottom:0;left:0;width:0;border-left:2px solid #E4604B;pointer-events:none;z-index:1}
.band{max-width:1120px;margin:0 auto;padding:88px 32px 0}.band.last{padding-bottom:96px}
.band h2{font-size:34px;margin:0 0 14px}.band h3{font-size:24px;margin:48px 0 8px}.band p{max-width:760px}
.pp{display:inline-flex;align-items:center;gap:10px;margin:0 0 10px;font:600 12px/1 var(--si);font-stretch:125%;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#46545A,#2A353A);color:#F2E8D0;border:1px solid #6A7A80;border-bottom:4px solid #0A0F11;border-radius:5px;padding:11px 16px 8px;box-shadow:inset 0 1px 0 #7E8F95;min-height:44px;cursor:pointer}
.pp:before{content:"";width:12px;height:12px;background:#D4A439;clip-path:polygon(0 0,100% 50%,0 100%)}
.pp[data-on="1"]:before{clip-path:none;background:linear-gradient(90deg,#D4A439 0 36%,transparent 36% 64%,#D4A439 64%)}
.pp:after{content:"";width:6px;height:6px;margin-left:4px;background:#26373B}.pp[data-on="1"]:after{background:#E4604B;box-shadow:0 0 6px #E4604B}
.pp:hover{background:#26393F}.pp:active{border-bottom-width:1px;padding-top:13px}
.np{position:relative;max-width:940px;background:#E8DFC6;color:#14262C;padding:40px 52px;box-shadow:inset 0 0 0 3px #E8DFC6,inset 0 0 0 5px #14262C,inset 0 0 0 7px #E8DFC6,inset 0 0 0 8px #14262C}
.rv{position:absolute;width:34px;height:34px}.rv svg{display:block}.rv.a{left:14px;top:14px}.rv.b{right:14px;top:14px}.rv.c{left:14px;bottom:14px}.rv.d{right:14px;bottom:14px}
.nameplate{display:block;margin:0}
.nameplate div{display:grid;grid-template-columns:190px 1fr;gap:0 24px;padding:11px 0;border-bottom:1px solid #14262C}
.nameplate div:last-child{border-bottom:0}
.nameplate dt{font:600 12px/1.5 var(--si);font-stretch:125%;letter-spacing:.08em;text-transform:uppercase;color:#D4A439;padding-top:4px}.nameplate dd{margin:0;font-size:16px}
.np{background:linear-gradient(#2C3539,#1A2125);color:#DAD6C8;border:1px solid #55646A;border-radius:10px;padding:56px 52px 40px;box-shadow:inset 0 1px 0 #6A7A80,inset 0 -2px 0 #080C0E,0 3px 0 #040708}
.np:before{content:"";position:absolute;left:0;right:0;top:0;height:12px;border-radius:9px 9px 0 0;background:linear-gradient(#D4A439 0 33%,#E4604B 33% 66%,#F2E8D0 66%)}
.np .nameplate div{border-bottom-color:#46545A}.rv.a,.rv.b{top:24px}
@media(max-width:759px){.ost{--ch:0px}.console{display:none}.mast-in{padding:20px 16px 12px}.mark{width:min(340px,100%)}.plate-id{font-size:11px;letter-spacing:.06em}
.c-read{grid-column:auto;grid-row:auto;gap:0 16px}.c-opt{display:none}.c-read b{font-size:14px}.c-jump{display:none}
.jump-m{display:flex;overflow-x:auto;padding:4px 16px;background:#0B1215;scrollbar-color:#2B4047 #0B1215;position:sticky;top:0;z-index:5;border-bottom:1px solid #2B4047}.score-sec{padding:20px 16px 0}
.hs-wide,.rl-wide{display:none}.hs-narrow,.rl-narrow{display:block}.hroll{grid-template-columns:80px 1fr}.hwin{--ph:22%}
.rl{right:8px;letter-spacing:.04em}
.band{padding:64px 16px 0}.band h2{font-size:24px}.nameplate div{grid-template-columns:1fr;gap:2px}.np{padding:50px 30px 34px}}
.legend{display:flex;align-items:center;gap:12px;margin:0 0 12px;font:600 11px/1 var(--si);font-stretch:125%;letter-spacing:.12em;text-transform:uppercase;color:#9DB5B7}
.legend:after{content:"";flex:1;height:1px;background:#2B4047}
.band .lede,.score-sec .lede{font-size:20px;max-width:760px}.score-sec .lede{margin:0 0 20px}.ost #score{margin-top:0}
.tag{margin:0 0 8px;font:600 11px/1.5 var(--si);font-stretch:125%;letter-spacing:.1em;text-transform:uppercase;color:#9DB5B7}
.tag b{display:inline-block;margin-right:8px;padding:1px 6px;border:1px solid #9DB5B7;color:#F2E8D0;font:500 11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.08em}
.call-grid{display:grid;grid-template-columns:minmax(0,430px) 1fr;gap:28px 48px;align-items:start;margin:30px 0 0}
.vplate{margin:0}
.vplate figcaption,.lfig figcaption{color:#DAD6C8;font-size:16px;margin:10px 0 0;max-width:820px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:26px}
.steps li{display:grid;grid-template-columns:38px 1fr;gap:16px;align-items:start}
.key{display:grid;place-items:center;width:38px;height:38px;border-radius:5px;background:linear-gradient(#46545A,#2A353A);border:1px solid #6A7A80;border-bottom:4px solid #0A0F11;box-shadow:inset 0 1px 0 #7E8F95;color:#F28E78;font:700 20px/1 var(--si);font-stretch:125%}
.steps h3{margin:2px 0 6px;font-size:24px}.steps p{margin:0;max-width:540px}
.ctl{font:600 14px/1 var(--si);font-stretch:125%;letter-spacing:.06em;text-transform:uppercase;color:#D4A439;white-space:nowrap}
.lfig{margin:40px 0 0}.lfig.fit .faceplate{width:fit-content;max-width:100%}
.glass{box-sizing:border-box}
.glass svg{display:block;width:auto;max-width:100%;height:auto}.glass svg+svg{display:none}
.lcd .u{fill:#1B2B30}.lcd .on{fill:#D4A439}.lcd .hit{fill:#F2E8D0}.lcd .dn{fill:#7FA3A6}
.lcd .bn{fill:#9DB5B7;font-family:"IBM Plex Mono",monospace}
.lcd .ev{stroke:#E4604B}.lcd .evk{fill:#F28E78}.lcd .evt{fill:#0B1215;font-family:var(--si);font-stretch:125%;font-weight:700}
.lcd .sh{fill:#E4604B;opacity:.14}.lcd .sht{fill:#F28E78;font-family:"IBM Plex Mono",monospace;letter-spacing:.1em}
.faceplate{border:1px solid #55646A;border-radius:10px;padding:0 14px 14px;background:linear-gradient(#2C3539,#1A2125);box-shadow:inset 0 1px 0 #6A7A80,inset 0 -2px 0 #080C0E,0 3px 0 #040708}
.faceplate:before{content:"";display:block;height:12px;margin:0 -14px 12px;border-radius:9px 9px 0 0;background:linear-gradient(#D4A439 0 33%,#E4604B 33% 66%,#F2E8D0 66%)}
.faceplate .tag{margin:0 0 12px}
.faceplate .legend{margin:0 0 12px}.legend.panel:after{order:1}.stripes{order:2;flex:none;width:56px;height:12px;background:linear-gradient(#D4A439 0 33%,#E4604B 33% 66%,#F2E8D0 66%)}
.seed-grid{display:grid;grid-template-columns:minmax(0,640px) 1fr;gap:28px 48px;align-items:start}.seed-grid .lfig{margin-top:30px}
.readouts{margin:30px 0 0;display:grid;gap:18px}.readouts div{border-left:3px solid #E4604B;padding:0 0 0 16px}
.readouts dt{font:600 11px/1.4 var(--si);font-stretch:125%;letter-spacing:.1em;text-transform:uppercase;color:#9DB5B7;display:flex;align-items:center;gap:8px}
.readouts dd{margin:0;font:500 34px/1.15 "IBM Plex Mono",monospace;color:#D4A439}.readouts dd.u{font:400 16px/1.4 Barlow,Arial,sans-serif;color:#DAD6C8;max-width:300px}
.sw{display:inline-block;width:12px;height:12px}.sw.on{background:#D4A439}.sw.hit{background:#F2E8D0}
@media(max-width:759px){.band .lede,.score-sec .lede{font-size:18px}.call-grid,.seed-grid{grid-template-columns:1fr;gap:28px}.seed-grid .lfig,.readouts{margin-top:0}.steps h3{font-size:20px}.lfig{margin-top:32px}
.faceplate{padding:0 8px 10px}.faceplate:before{margin:0 -8px 8px}.faceplate .legend{letter-spacing:.06em}.glass svg{display:none}.glass svg+svg{display:block}.glass svg:first-child{display:none}.glass.solo svg:first-child{display:block}}
.lcd .tk{stroke:#9DB5B7;stroke-width:2}.lcd .tk.mn{stroke-width:1;opacity:.6}
.lcd .kb{stroke:#7C8C93;stroke-width:1.5}.lcd .nk{stroke:#10181C;stroke-width:1.6;opacity:.85}.lcd .kn{stroke:#161E22;stroke-width:2}
.lcd .hl{fill:none;stroke:#fff;stroke-opacity:.24;stroke-width:3;stroke-linecap:round}
.lcd .pt line{stroke:#F2E8D0;stroke-width:5;stroke-linecap:round}.lcd .pd{fill:#F2E8D0}
.lcd .ar{fill:none;stroke:#E4604B;stroke-width:5}.lcd .ar.d{stroke-dasharray:2 6;stroke-linecap:round}.lcd .st{fill:none;stroke:#F2E8D0;stroke-width:2}
.lcd .sk{fill:#DAD6C8;font-family:Archivo,"Barlow",Arial,sans-serif;font-weight:600;font-stretch:125%;letter-spacing:.08em}
.lcd .lw{fill:#07090A;stroke:#1D2E33;stroke-width:1.5}
.lcd .sg{fill:#D4A439;opacity:.09}.lcd .sg.on{opacity:1;filter:drop-shadow(0 0 2px rgba(212,164,57,.75))}
.lcd .u{fill:#24393F}.lcd .halo{fill:#D4A439}.lcd .halo.hit{fill:#F2E8D0}.hs .sec{fill:#DAD6C8}.lcd .lr{stroke:#22343A;stroke-width:1}.lcd .vr{fill:#E4604B;opacity:.5}
.deck{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin:14px 0 0}.deck[hidden]{display:none}.deck .pp{margin:0}
.leds{display:flex;gap:4px}.leds i{display:block;width:10px;height:10px;border-radius:2px;background:#1B2B30;box-shadow:inset 0 0 0 1px #0A0F11}.leds i.on{background:#E4604B;box-shadow:0 0 6px #E4604B}
.leds.lamps i:nth-child(n+8):nth-child(-n+14){background:#25301F}.leds.lamps i:nth-child(n+15){background:#2E2A1B}.leds.lamps i.on{background:#E4604B}
.rd{font:500 14px/1.2 "IBM Plex Mono",monospace;color:#D4A439;letter-spacing:.04em}
.lcd .gl{fill:#0A1114;stroke:#17262B;stroke-width:3}.lcd .gg{fill:#fff;opacity:.025}.lcd .gh{fill:none;stroke:#6B8088;stroke-width:1;opacity:.5}
.lcd.top .lg{font-size:12px}
.lcd .bl{filter:drop-shadow(1px 1px 0 rgba(212,164,57,.13)) drop-shadow(0 0 2.5px rgba(255,205,110,.5))}
.lcd .lg{fill:#DAD6C8;font-family:Archivo,Barlow,Arial,sans-serif;font-weight:600;font-stretch:125%;font-size:11px;letter-spacing:.03em}
.sels{display:flex;flex-wrap:wrap;gap:8px}
.sel{font:600 12px/1 Barlow,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(#46545A,#2A353A);color:#F2E8D0;border:1px solid #6A7A80;border-bottom:4px solid #0A0F11;border-radius:5px;padding:11px 14px 8px;min-height:44px;cursor:pointer;box-shadow:inset 0 1px 0 #7E8F95}
.sel:hover{background:#26393F}.sel:active{border-bottom-width:1px;padding-top:14px}.sel.on{color:#D4A439;border-bottom-color:#E4604B}
.lcd .q{opacity:.14}.lcd .sh.q,.lcd .sht.q{opacity:0}.lcd rect.on.now,.lcd rect.hit.now,.lcd rect.dn.now{opacity:1;fill:#FFF4D6}
.lcd rect[data-r]{transition:transform .36s steps(4)}
.glass.swap{display:grid}.glass.swap svg{grid-area:1/1;opacity:0;transition:opacity .4s;display:block}.glass.swap svg.n{display:none}.glass.swap svg.cur{opacity:1}
@media(max-width:759px){.glass.swap svg.w{display:none}.glass.swap svg.n{display:block}.deck{gap:10px 14px}.rd{font-size:14px}}
@media(prefers-reduced-motion:reduce){.lcd rect[data-r],.glass.swap svg{transition:none}}
.paper{background:#E8DFC6;color:#14262C;margin:88px 0 0;padding:64px 0 72px}.paper-in{max-width:1120px;margin:0 auto;padding:0 32px}
.paper .legend{color:#AF3727}.paper .legend:after{background:rgba(20,38,44,.35)}
.paper h2{color:#14262C;font-size:34px;margin:0 0 14px}.paper .lede{color:#14262C;font-size:20px;max-width:760px}.paper .cap{color:#14262C}
table.cues{width:100%;table-layout:fixed;border-collapse:collapse;margin:30px 0 0;font:400 14px/1.45 "IBM Plex Mono",monospace;color:#14262C}
.cues th,.cues td{padding:9px 12px 9px 0;border-top:1px solid rgba(20,38,44,.35);text-align:left;vertical-align:top}
.cues thead th{font:600 11px/1.4 var(--si);font-stretch:125%;letter-spacing:.1em;color:#14262C;border-top:2px solid #14262C}
.cues .n{width:40px}.cues .b{width:56px}.cues th:nth-child(3){width:150px}.cues .n,.cues .b{color:#AF3727;font-weight:500}.cues tbody th{font:700 14px/1.45 var(--si);font-stretch:125%;white-space:nowrap}
.cues .w{font-family:Barlow,Arial,sans-serif;font-size:16px}.cues .nc{width:190px}.cues .ba{width:120px;white-space:nowrap}
.cues .nv{display:inline-block;width:44px}.cues .nb{display:inline-block;width:110px;height:8px;background:rgba(20,38,44,.12);vertical-align:middle}.cues .nb i{display:block;height:8px;background:#AF3727}
.cues tbody tr.on{background:rgba(212,164,57,.35)}
.band .two{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:28px 48px;align-items:start;margin:30px 0 0}.fig{margin-top:30px}
.census{display:grid;gap:20px}.cr h3{margin:0 0 6px;font-size:20px}.cr h3 small{margin-left:10px;font:500 14px "IBM Plex Mono",monospace;color:#9DB5B7}
.mt{display:grid;grid-template-columns:176px 1fr 40px;gap:10px;align-items:center;font:600 11px/1.6 var(--si);font-stretch:125%;letter-spacing:.08em;color:#DAD6C8}
.mt i{display:block;height:8px;background:#D4A439;min-width:2px}.mt.lead i{background:#E4604B}.mt em{font:500 14px "IBM Plex Mono",monospace;font-style:normal;color:#F2E8D0;text-align:right}.mt.lead{margin-top:4px}.mt.lead span{letter-spacing:.08em}
.rollbox{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}.keys{display:grid;gap:8px}.keys .sel{min-width:112px}
.roll,.ladder,.traces{display:block;width:100%;height:auto;background:#0A1114;border-radius:4px;box-shadow:inset 0 0 0 3px #17262B}
.roll[hidden]{display:none}.roll .rg,.ladder .rg,.traces .rg{stroke:#F2E8D0;stroke-opacity:.1}.roll .rn,.roll .rk{fill:#D4A439;stroke:#0A1114;stroke-width:.6}
.pk-rd{margin:10px 0 0;font:500 14px/1.4 "IBM Plex Mono",monospace;color:#D4A439}.pk-sub{margin:2px 0 0;font:400 14px/1.4 Barlow,Arial,sans-serif;color:#DAD6C8}
.ladder .lk{fill:#D4A439;fill-opacity:.55}.ladder .lg{fill:#9DB5B7;fill-opacity:.45}.ladder{height:190px}.ladder .lr{fill:#F2E8D0}.ladder .ld{fill:none;stroke:#9DB5B7;stroke-width:.6}
.legend2{display:flex;gap:6px 22px;flex-wrap:wrap;margin:12px 0 0;font:600 11px/1.5 var(--si);font-stretch:125%;letter-spacing:.08em;color:#DAD6C8}.legend2 b{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px}
.modebox{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px 56px;align-items:center;margin:30px 0 0}
.rotary{display:block}.rotary .rr{fill:none;stroke:#2B4047;stroke-width:1}.rotary .rd{fill:#26373B;stroke:#55646A;cursor:pointer}.rotary .rd.on{fill:#D4A439;stroke:#F2E8D0}.rotary .rk0{fill:#1B2B30;stroke:#55646A}
.kbd{display:block;margin:0 0 12px}.kbd .kw{fill:#E8DFC6;stroke:#14262C}.kbd .kb{fill:#14262C}.kbd .kw.lit{fill:#D4A439}.kbd .kb.lit{fill:#D4A439;stroke:#F2E8D0}.kbd .kt{font:500 12px "IBM Plex Mono",monospace;fill:#14262C}
.steps2{display:flex;gap:8px;margin:12px 0 0}
.traces .tl{fill:none;stroke:#F2E8D0;stroke-width:1.5;stroke-opacity:.35}.traces .td{fill:#F2E8D0;fill-opacity:.55}.traces .tc{fill:#D4A439;stroke:#F2E8D0}
.one .tl:not(.hi),.one .td:not(.hi){opacity:.12}.one .tl.hi{stroke-opacity:.95;stroke-width:2.5}.one .td.hi{fill-opacity:1}
.seedbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
@media(max-width:759px){.paper{padding:48px 0 56px;margin-top:64px}.paper-in{padding:0 16px}
.paper h2{font-size:24px}.paper .lede{font-size:18px}.cues thead{display:none}.cues,.cues tbody,.cues tr,.cues td,.cues th{display:block}.cues tr{border-top:2px solid #14262C;padding:8px 0}
.cues td,.cues th{border:0;padding:2px 0;width:auto!important}.cues .n,.cues .b{display:inline-block;width:auto;margin-right:12px}
.ladder{height:140px}.band .two,.modebox{grid-template-columns:1fr}.rollbox{grid-template-columns:1fr}.keys{grid-template-columns:repeat(2,1fr)}.rotary{margin:0 auto}}
