:root{--paper:#e9e8e4;--paper-2:#dfded9;--paper-3:#d4d3cd;--ink:#111;--ink-2:#3a3a3a;--ink-3:#7a7974;--red:#e5392b;--green:#3e8e5e;--rule:#1111118c;--gutter:clamp(16px, 2.4vw, 32px);--drawer-h:96px;--log-w:min(410px, 32vw);--log-space:0px;--ease:cubic-bezier(.2, .8, .2, 1);--head:"Krona One", "Arial Black", system-ui, sans-serif;--num:"Doto", "JetBrains Mono", ui-monospace, monospace;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit}.poster{position:fixed;inset:0;overflow:hidden}.poster.log-open{--log-space:calc(var(--log-w) + var(--gutter))}.scene{touch-action:none;inset:0;position:absolute!important}.poster.is-lost .scene{filter:grayscale()contrast(.9)}.grain{pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.07  0 0 0 0 0.07  0 0 0 0 0.07  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:-50%}.frame{pointer-events:none;position:absolute;inset:0}.crop span{width:26px;height:26px;position:absolute}.crop span:before,.crop span:after{content:"";background:var(--ink);position:absolute}.crop span:before{width:100%;height:1px}.crop span:after{width:1px;height:100%}.crop .tl{top:10px;left:10px}.crop .tr{top:10px;right:10px;transform:scaleX(-1)}.crop .bl{bottom:10px;left:10px;transform:scaleY(-1)}.crop .br{bottom:10px;right:10px;transform:scale(-1)}.ruler{opacity:.55;position:absolute}.ruler.top{background:repeating-linear-gradient(90deg, var(--ink) 0 1px, transparent 1px 10px) top / 100% 4px no-repeat, repeating-linear-gradient(90deg, var(--ink) 0 1px, transparent 1px 100px) top / 100% 7px no-repeat;height:7px;top:0;left:48px;right:48px}.ruler.left{background:repeating-linear-gradient(180deg, var(--ink) 0 1px, transparent 1px 10px) left / 4px 100% no-repeat, repeating-linear-gradient(180deg, var(--ink) 0 1px, transparent 1px 100px) left / 7px 100% no-repeat;width:7px;top:48px;bottom:48px;left:0}.crosses{opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><path d='M75.5 80h10M80.5 75v10' stroke='%23111' stroke-opacity='0.35' fill='none'/></svg>");background-position:50%;background-size:160px 160px;position:absolute;inset:24px}.readout{top:calc(var(--gutter) + 2px);right:calc(var(--gutter) + var(--log-space) + 150px);color:var(--ink-2);align-items:flex-start;gap:14px;font-size:10px;display:flex;position:absolute}.readout pre{font:500 10.5px/1.45 var(--mono);border:1px solid var(--ink);background:#e9e8e4b3;min-width:15ch;margin:0;padding:5px 8px}.readout span{letter-spacing:.12em;margin-top:2px}.side-tag{writing-mode:vertical-rl;letter-spacing:.24em;color:var(--ink-3);font-size:9.5px;position:absolute;top:50%;left:14px;transform:translateY(-50%)rotate(180deg)}.projected{pointer-events:none;position:absolute;inset:0;overflow:hidden}.projected>div{will-change:transform;white-space:nowrap;position:absolute;top:0;left:0}.node-title{font-family:var(--head);letter-spacing:.14em;color:var(--ink);transition:color .2s, letter-spacing .3s var(--ease);font-size:11px;translate:-50%}.node-title.is-dim{color:var(--ink-3);font-size:9px}.node-title.is-focus{color:var(--red);letter-spacing:.22em}.particle-label{font:500 10.5px/1.2 var(--mono);color:var(--ink);text-overflow:ellipsis;background:#e9e8e4d1;max-width:34ch;padding:1px 4px;overflow:hidden;translate:10px -50%}.particle-label.is-red{color:var(--red);letter-spacing:.08em}.badge{font:800 13px/1 var(--num);color:var(--paper);background:var(--ink);padding:3px 5px 2px;translate:-50% -50%}.badge.is-green{background:var(--green)}.badge.is-focus{background:var(--red)}.hover-pop{pointer-events:none;will-change:transform;z-index:5;position:absolute;top:0;left:0}.hp-card{background:var(--paper);border:1px solid var(--ink);width:272px;box-shadow:5px 5px 0 var(--ink);opacity:0;transform-origin:0 0;transition:opacity .18s ease, transform .28s var(--ease);padding:10px 12px 9px;position:relative;transform:scale(.92)translateY(6px)}.hover-pop[data-side=l] .hp-card{transform-origin:100% 0}.hover-pop.is-on .hp-card{opacity:1;transform:none}.hp-lead{width:var(--lead,24px);background:var(--ink);height:1px;position:absolute;top:40px;right:100%}.hp-lead:after{content:"";background:var(--red);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:-3px}.hover-pop[data-side=l] .hp-lead{left:100%;right:auto}.hover-pop[data-side=l] .hp-lead:after{left:auto;right:-3px}.hp-head{align-items:baseline;gap:8px;display:flex}.hp-idx{font:800 13px var(--num);color:var(--ink-3)}.hp-title{font-family:var(--head);letter-spacing:.06em;font-size:15px}.hp-code{font:800 13px var(--num);color:var(--red);margin-left:auto}.hp-role{color:var(--ink-2);margin:3px 0 8px;font-size:11px}.hp-rates{border-top:1px solid var(--rule);gap:16px;padding-top:7px;display:flex}.hp-rates div{flex-direction:column;display:flex}.hp-rates b{font:800 24px/1 var(--num)}.hp-rates small{letter-spacing:.14em;color:var(--ink-2);margin-top:2px;font-size:9px}.hp-rates .is-green b{color:var(--green)}.hp-hint{letter-spacing:.18em;color:var(--ink-3);margin:8px 0 0;font-size:9px}.title-block{top:var(--gutter);left:calc(var(--gutter) + 14px);max-width:min(560px, calc(100vw - 2 * var(--gutter)));pointer-events:none;position:absolute}.kicker{letter-spacing:.22em;color:var(--red);margin:0 0 8px;font-size:10px}.title-block h1{font-family:var(--head);letter-spacing:.02em;margin:0;font-size:clamp(22px,3.4vw,44px);font-weight:400;line-height:.95}.title-block .slash{color:var(--red)}.meta{border-top:1px solid var(--rule);align-items:baseline;gap:18px;margin-top:10px;padding-top:8px;display:flex}.signal{font:600 11px/1 var(--mono);letter-spacing:.16em;align-items:center;gap:7px;display:inline-flex}.signal i{background:var(--ink-3);border-radius:50%;width:8px;height:8px}.signal.is-live i{background:var(--green);animation:1.6s ease-in-out infinite pulse}.signal.is-lost{color:var(--red)}.signal.is-lost i{background:var(--red)}.clock{font:800 22px/1 var(--num);letter-spacing:.04em}.clock small{font:600 10px var(--mono);letter-spacing:.14em;margin-left:5px}.counters{gap:22px;margin:10px 0 0;display:flex}.counters div{flex-direction:column-reverse;display:flex}.counters dt{font:600 9.5px/1.4 var(--mono);letter-spacing:.18em;color:var(--ink-2)}.counters dd{font:800 26px/1 var(--num);margin:0}.counters dd.is-red{color:var(--red)}.legend{color:var(--ink-2);gap:3px;margin:12px 0 0;padding:0;font-size:10.5px;list-style:none;display:grid}.legend li{align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.ink{background:var(--ink)}.dot.red{background:var(--red)}.dot.green{background:var(--green)}kbd{font:600 10px var(--mono);border:1px solid var(--ink-3);margin-right:2px;padding:0 4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.tune-toggle,.log-toggle{pointer-events:auto;font:600 11px var(--mono);letter-spacing:.18em;background:var(--ink);color:var(--paper);cursor:pointer;border:0;gap:10px;padding:6px 10px;transition:background .15s;display:inline-flex}.tune-toggle:hover,.log-toggle:hover{background:var(--red)}button:focus-visible,.log-body:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:2px}.tune{top:var(--gutter);right:calc(var(--gutter) + 74px);z-index:6;flex-direction:column;align-items:flex-end;display:flex;position:absolute}.tune-panel{background:var(--paper);border:1px solid var(--ink);width:248px;box-shadow:5px 5px 0 var(--ink);animation:drop .22s var(--ease);gap:10px;margin-top:6px;padding:12px;display:grid}.tune-panel[hidden]{display:none}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}}.slider{letter-spacing:.16em;gap:4px;font-size:10px;display:grid}.slider span{justify-content:space-between;display:flex}.slider b{font:800 14px var(--num);letter-spacing:0}.slider input{width:100%;accent-color:var(--ink)}.check{cursor:pointer;align-items:center;gap:9px;font-size:11px;display:flex}.check input{opacity:0;width:1px;height:1px;position:absolute}.check i{border:1px solid var(--ink);flex:none;width:26px;height:13px;transition:background .15s;position:relative}.check i:after{content:"";background:var(--ink);width:7px;height:7px;transition:transform .2s var(--ease);position:absolute;top:2px;left:2px}.check input:checked+i{background:var(--ink)}.check input:checked+i:after{background:var(--paper);transform:translate(13px)}.check input:focus-visible+i{outline:2px solid var(--red);outline-offset:2px}.tune-actions{border-top:1px solid var(--rule);gap:8px;padding-top:10px;display:flex}.tune-actions button{letter-spacing:.16em;border:1px solid var(--ink);cursor:pointer;background:0 0;flex:1;padding:5px 0;font-size:10px}.tune-actions button:hover{background:var(--ink);color:var(--paper)}.log{top:var(--gutter);right:var(--gutter);bottom:calc(var(--drawer-h) + var(--gutter) + 8px);width:var(--log-w);pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:absolute}.paused{color:var(--red)}.log-body{pointer-events:auto;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);scrollbar-width:thin;background:#e9e8e4b8;flex:1;width:100%;margin-top:6px;overflow:hidden auto}.row{white-space:nowrap;border-bottom:1px dotted #11111124;align-items:center;gap:8px;height:19px;padding:0 6px;font-size:10.5px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.row .t{color:var(--ink-3);flex:none}.row .hop{color:var(--ink-2);flex:none}.row .lbl{text-overflow:ellipsis;min-width:0;overflow:hidden}.row .pl{color:var(--ink-3);text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.row .ms{color:var(--ink-2);flex:none;margin-left:auto}.row.is-red .lbl,.row.is-red .pl{color:var(--red)}.empty{color:var(--ink-3);margin:12px 8px;font-size:11px}.drawer{left:var(--gutter);right:var(--gutter);bottom:var(--gutter);height:var(--drawer-h);z-index:4;flex-direction:column;justify-content:flex-end;display:flex;position:absolute}.tabs{align-items:flex-end;min-width:0;padding:0 14px;display:flex}.tab{cursor:pointer;letter-spacing:.06em;z-index:2;min-width:0;max-width:150px;height:30px;transition:transform .25s var(--ease);background:0 0;border:0;flex:1 1 0;align-items:center;gap:8px;margin:0 -7px;padding:0 14px;font-size:10.5px;display:flex;position:relative}.tab:before{content:"";z-index:-1;background:var(--paper);border:1px solid var(--ink);transform-origin:bottom;border-bottom:0;border-radius:7px 7px 0 0;transition:background .18s;position:absolute;inset:0;transform:perspective(24px)rotateX(7deg)}.tab.is-back{z-index:1;transform:translateY(-13px)}.tab.is-back:before{background:var(--paper-2)}.tab .no{font:800 12px var(--num);color:var(--ink-3);flex:none}.tab .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tab.is-dim .nm{color:var(--ink-2)}.tab:hover,.tab.is-hot{z-index:3;transform:translateY(-6px)}.tab.is-back:hover,.tab.is-back.is-hot{transform:translateY(-19px)}.tab.is-hot:before,.tab:hover:before{background:var(--ink)}.tab.is-hot,.tab:hover,.tab.is-hot .no,.tab:hover .no{color:var(--paper)}.tab.is-open{color:var(--paper);z-index:3}.tab.is-open:before{background:var(--ink)}.tab.is-open .no{color:var(--red)}.tab:disabled{opacity:.3;cursor:default;transform:none}.tab:disabled:before{background:var(--paper-2)}.tab:disabled .nm,.tab:disabled .no{color:var(--ink-3)}.drawer-front{z-index:3;border:1px solid var(--ink);background:var(--paper);height:42px;box-shadow:0 6px 0 -1px var(--paper-3), 0 6px 0 0 var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:0 14px;display:flex;position:relative}.drawer-label{font:600 10px var(--mono);letter-spacing:.2em;background:var(--ink);color:var(--paper);border-radius:999px;padding:4px 9px}.drawer-front .hint{letter-spacing:.08em;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.record{left:var(--gutter);right:calc(var(--gutter) + var(--log-space));bottom:calc(var(--drawer-h) + var(--gutter) - 4px);z-index:3;background:var(--paper);border:1px solid var(--ink);max-height:min(48vh,420px);box-shadow:6px -6px 0 var(--paper-3), 6px -6px 0 1px var(--ink);opacity:0;pointer-events:none;transition:opacity .22s ease, transform .4s var(--ease);flex-direction:column;display:flex;position:absolute;transform:translateY(40px)}.record.is-open{opacity:1;pointer-events:auto;transform:none}.rec-tab{border-bottom:1px solid var(--ink);background:var(--ink);color:var(--paper);align-items:baseline;gap:12px;padding:10px 14px;display:flex}.rec-tab .no{font:800 15px var(--num);color:var(--red)}.rec-tab .nm{font-family:var(--head);letter-spacing:.06em;font-size:18px}.rec-tab .code{font:800 14px var(--num);color:var(--ink-3)}.rec-tab .sp{flex:1}.rec-tab .live{letter-spacing:.2em;color:var(--ink-3);font-size:10px}.rec-tab .live.is-on{color:var(--paper)}.rec-tab .live.is-on:before{content:"● ";color:var(--green)}.rec-tab .close{border:1px solid var(--ink-3);color:var(--paper);cursor:pointer;background:0 0;align-self:center;width:26px;height:22px}.rec-tab .close:hover{background:var(--red);border-color:var(--red)}.rec-body{grid-template-columns:1.2fr 1fr 1fr 1.25fr;min-height:0;display:grid;overflow:auto}.col{border-right:1px solid var(--rule);min-width:0;padding:12px 14px}.col:last-child{border-right:0}.col h3{font:600 9.5px var(--mono);letter-spacing:.22em;color:var(--red);margin:0 0 8px}.col h3:not(:first-child){margin-top:14px}.about p{color:var(--ink-2);margin:0 0 8px;font-size:11.5px;line-height:1.55}.about .role{font-family:var(--head);letter-spacing:.06em;color:var(--ink);font-size:11px}.facts{border-top:1px solid var(--rule);gap:3px;margin:10px 0 0;padding-top:8px;display:grid}.facts div{justify-content:space-between;gap:10px;font-size:10.5px;display:flex}.facts dt{color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase}.facts dd{text-align:right;margin:0}.live .big{gap:18px;display:flex}.live .big div{flex-direction:column;display:flex}.live .big b{font:800 34px/1 var(--num)}.live .big small{letter-spacing:.16em;color:var(--ink-2);font-size:9px}.live .amb{color:var(--green);margin:6px 0 0;font-size:10.5px}.seen{margin:0 0 8px;font-size:11px}.seen b{font:800 18px var(--num)}.is-red{color:var(--red)}.kinds{gap:4px;margin:0;padding:0;list-style:none;display:grid}.kinds li{grid-template-columns:70px 1fr auto;align-items:center;gap:8px;font-size:10px;display:grid}.kinds .k{letter-spacing:.12em;color:var(--ink-2)}.kinds .bar{border:1px solid var(--ink);height:7px}.kinds .bar i{background:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 4px);height:100%;transition:width .4s var(--ease);display:block}.kinds .n{font:800 12px var(--num)}.none{color:var(--ink-3);font-size:10.5px}.links ul,.recent ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.links li{border-bottom:1px dotted #1111112e;grid-template-columns:14px 1fr auto auto;align-items:center;gap:8px;padding:2px 0;font-size:10.5px;display:grid}.links .dir{color:var(--ink-3)}.links button{text-align:left;cursor:pointer;font-family:var(--head);letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-size:10px;overflow:hidden}.links button:hover:not(:disabled){color:var(--red);text-underline-offset:3px;text-decoration:underline}.links button:disabled{color:var(--ink-3);cursor:default}.links .rate{font:800 12px var(--num)}.links .ms{color:var(--ink-3);text-align:right;min-width:5ch;font-size:10px}.recent li{white-space:nowrap;grid-template-columns:auto auto 1fr;gap:8px;padding:1px 0;font-size:10px;display:grid}.recent .t{color:var(--ink-3)}.recent .hop{color:var(--ink-2)}.recent .lbl{text-overflow:ellipsis;overflow:hidden}.recent li.is-red .lbl{color:var(--red)}.stamp{border:5px solid var(--red);color:var(--red);text-align:center;pointer-events:none;mix-blend-mode:multiply;z-index:8;background:#e9e8e499;padding:14px 26px 12px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)}.stamp strong{font:400 clamp(26px, 5vw, 56px)/1 var(--head);letter-spacing:.04em;display:block}.stamp span{font:600 13px var(--mono);letter-spacing:.4em;text-transform:uppercase}@media (max-width:1100px){.rec-body{grid-template-columns:1fr 1fr}.col:nth-child(2){border-right:0}.col:nth-child(-n+2){border-bottom:1px solid var(--rule)}.readout{display:none}}@media (max-width:759px){:root{--drawer-h:74px;--log-w:auto}.side-tag,.ruler.left{display:none}.title-block{left:var(--gutter)}.legend{display:none}.counters dd{font-size:20px}.clock{font-size:18px}.tune{right:calc(var(--gutter) + 70px);top:auto;bottom:calc(var(--drawer-h) + var(--gutter) + 8px);flex-direction:column-reverse}.tune-panel{margin:0 0 6px}.log{left:var(--gutter);height:auto;top:auto;bottom:calc(var(--drawer-h) + var(--gutter) + 8px)}.log.is-open{height:34vh}.tabs{scrollbar-width:none;margin-top:-22px;padding-top:22px;overflow-x:auto}.tab{flex:none;max-width:none}.drawer-front .hint{display:none}.record{right:var(--gutter);max-height:62vh}.rec-body{grid-template-columns:1fr}.col{border-right:0;border-bottom:1px solid var(--rule)}.hp-card{width:220px}}@media (hover:none){.hover-pop{display:none}}@media (max-width:759px){.has-record .tune,.has-record .log{display:none}}@media (prefers-reduced-motion:reduce){.signal.is-live i{animation:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}