:root{--mark-ink: #cfe3ee}toy-mark{z-index:60}#topbar{top:52px!important}#left,#right{top:100px!important}#placing{top:102px!important}@media(max-width:900px){#topbar{top:52px!important}}:root{--bg:#05080b;--panel:rgba(10,14,18,.55);--panel-deep:rgba(6,9,12,.78);--line:rgba(140,170,190,.28);--line-strong:rgba(140,170,190,.5);--line-active:rgba(0,229,255,.65);--txt:#cfe3ee;--dim:rgba(207,227,238,.55);--dimmer:rgba(207,227,238,.3);--flora:#38ffb0;--fauna:#ffb454;--sys:#00e5ff;--warn:#ff5470;--mono:"Berkeley Mono","JetBrains Mono",ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace}*{margin:0;padding:0;box-sizing:border-box;border-radius:0!important}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--txt);font-family:var(--mono);font-size:12px;-webkit-font-smoothing:antialiased}#scene{position:fixed;inset:0;display:block;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none}#hud *{pointer-events:auto}#hud .passthrough,#hud .passthrough *,#hud .panel>.tick,#hud .scan{pointer-events:none}::selection{background:#00e5ff40}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--line)}::-webkit-scrollbar-track{background:transparent}.panel{position:absolute;background:var(--panel);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--line);box-shadow:0 0 0 1px #00000059,0 12px 40px #00000073;display:flex;flex-direction:column;animation:mount .12s ease-out}@keyframes mount{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.panel.deep{background:var(--panel-deep)}.panel.static{position:relative}.panel>.tick{position:absolute;inset:0;pointer-events:none}.panel:before,.panel:after,.panel>.tick:before,.panel>.tick:after{content:"";position:absolute;width:9px;height:9px;pointer-events:none}.panel:before{top:-1px;left:-1px;border-top:1px solid var(--sys);border-left:1px solid var(--sys)}.panel:after{top:-1px;right:-1px;border-top:1px solid var(--sys);border-right:1px solid var(--sys)}.panel>.tick:before{bottom:-1px;left:-1px;border-bottom:1px solid var(--sys);border-left:1px solid var(--sys)}.panel>.tick:after{bottom:-1px;right:-1px;border-bottom:1px solid var(--sys);border-right:1px solid var(--sys)}.panel.warn:before,.panel.warn:after,.panel.warn>.tick:before,.panel.warn>.tick:after{border-color:var(--warn)}.panel.flora:before,.panel.flora:after,.panel.flora>.tick:before,.panel.flora>.tick:after{border-color:var(--flora)}.panel.fauna:before,.panel.fauna:after,.panel.fauna>.tick:before,.panel.fauna>.tick:after{border-color:var(--fauna)}.ptitle{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px 6px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);-webkit-user-select:none;user-select:none;white-space:nowrap;flex:none}.ptitle b{color:var(--txt);font-weight:400}.ptitle .right{display:flex;gap:10px;align-items:center}.pbody{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.pad{padding:8px 10px}.micro{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.microlabel{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);opacity:.9}.live{color:var(--flora)}.sys{color:var(--sys)}.warn{color:var(--warn)}.flora{color:var(--flora)}.fauna{color:var(--fauna)}.dim{color:var(--dim)}.num{font-variant-numeric:tabular-nums}.right{text-align:right}.row{display:flex;align-items:center;gap:8px}.grow{flex:1;min-width:0}.ghead{padding:9px 10px 4px;color:var(--sys);font-size:10px;letter-spacing:.18em;text-transform:uppercase;display:flex;justify-content:space-between}.ghead.flora{color:var(--flora)}.ghead.fauna{color:var(--fauna)}hr.hair{border:0;border-top:1px solid var(--line);margin:6px 0}#topbar{top:10px;left:10px;right:10px;height:38px;flex-direction:row;align-items:stretch}#topbar .seg{display:flex;align-items:center;gap:8px;padding:0 12px;border-right:1px solid var(--line);white-space:nowrap}#topbar .seg:last-child{border-right:none;margin-left:auto}#topbar .id{color:var(--sys);letter-spacing:.14em;font-size:11px}#topbar .scroll{overflow-x:auto;display:flex;scrollbar-width:none;flex:1}#topbar .scroll::-webkit-scrollbar{display:none}.sundial{width:22px;height:22px;position:relative;border:1px solid var(--line)}.sundial i{position:absolute;width:5px;height:5px;background:var(--fauna);left:50%;top:50%;margin:-2.5px}.sundial i.moon{background:var(--txt);width:3px;height:3px;margin:-1.5px}table.stats{width:100%;border-collapse:collapse}table.stats td{padding:3px 0;border-bottom:1px solid rgba(140,170,190,.12);font-size:11px;vertical-align:middle}table.stats td:first-child{color:var(--dim);font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding-right:8px}table.stats td:last-child{text-align:right;font-variant-numeric:tabular-nums}table.stats td .unit{color:var(--dimmer);font-size:9px;letter-spacing:.1em;margin-left:3px}.bar{height:5px;background:#8caabe24;position:relative;overflow:hidden}.bar>i{position:absolute;left:0;top:0;bottom:0;background:var(--sys);transition:width .08s linear}.bar>i.flora{background:var(--flora)}.bar>i.fauna{background:var(--fauna)}.bar>i.warn{background:var(--warn)}.bar>i.dim{background:var(--dim)}.bar>b{position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--txt)}.bar>s{position:absolute;top:0;bottom:0;background:#38ffb038;text-decoration:none}.bar.tall{height:9px}.drive{display:grid;grid-template-columns:64px 1fr 40px;gap:8px;align-items:center;padding:2px 0;font-size:10px}.drive .lbl{letter-spacing:.1em;color:var(--dim)}.drive.active .lbl{color:var(--fauna)}.drive .val{text-align:right;font-variant-numeric:tabular-nums;color:var(--dim)}.drive.active .val{color:var(--txt)}.gene{display:grid;grid-template-columns:78px 1fr 36px;align-items:center;gap:8px;padding:2px 10px}.gene label{font-size:10px;letter-spacing:.06em;color:var(--dim);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gene .val{font-size:10px;color:var(--txt);text-align:right;font-variant-numeric:tabular-nums}.gene .bar{cursor:crosshair}.gene .bar.range>i{opacity:.35}input[type=range]{-webkit-appearance:none;appearance:none;height:14px;background:transparent;width:100%;cursor:crosshair}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--sys) 0%,var(--sys) var(--p,50%),rgba(140,170,190,.18) var(--p,50%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:7px;height:13px;margin-top:-5px;background:var(--txt);border:1px solid var(--bg);box-shadow:0 0 0 1px var(--sys)}input[type=range]::-moz-range-track{height:3px;background:#8caabe2e}input[type=range]::-moz-range-thumb{width:7px;height:13px;background:var(--txt);border:1px solid var(--bg);box-shadow:0 0 0 1px var(--sys)}input[type=range].warn::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--warn) 0%,var(--warn) var(--p,50%),rgba(140,170,190,.18) var(--p,50%))}input[type=text],textarea,select{background:var(--panel-deep);border:1px solid var(--line);color:var(--flora);font-family:var(--mono);font-size:10px;padding:5px 6px;letter-spacing:.02em;width:100%}input[type=text]:focus,textarea:focus,select:focus{outline:1px solid var(--sys)}textarea{resize:none;height:44px}button{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:transparent;border:1px solid var(--line-strong);color:var(--txt);padding:6px 10px;cursor:pointer;transition:background .08s,border-color .08s,color .08s;white-space:nowrap}button:hover{border-color:var(--sys);color:var(--sys);background:#00e5ff0f}button:active{background:#00e5ff26}button.on{border-color:var(--sys);color:var(--sys);background:#00e5ff1f}button.flora:hover,button.flora.on{border-color:var(--flora);color:var(--flora);background:#38ffb014}button.fauna:hover,button.fauna.on{border-color:var(--fauna);color:var(--fauna);background:#ffb45414}button.warn:hover,button.warn.on{border-color:var(--warn);color:var(--warn);background:#ff547014}button.sm{padding:3px 6px;font-size:9px}button.big{padding:10px 16px;font-size:11px;letter-spacing:.18em}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible{outline:1px solid var(--sys);outline-offset:2px}.btnrow{display:flex;gap:6px;flex-wrap:wrap}.tabs{display:flex;border-bottom:1px solid var(--line);flex:none}.tabs button{border:0;border-right:1px solid var(--line);padding:6px 10px;color:var(--dim)}.tabs button.on{color:var(--sys);background:#00e5ff14}.tabs button:last-child{border-right:0}#ticker{left:10px;right:10px;bottom:10px;height:26px;flex-direction:row;align-items:center;padding:0 10px;overflow:hidden;font-size:10px;letter-spacing:.04em;gap:16px;white-space:nowrap}#ticker .t{color:var(--sys)}#ticker .e1{color:var(--flora)}#ticker .e2{color:var(--fauna)}#ticker .e3{color:var(--warn)}.log{font-size:10px;line-height:1.7;color:var(--dim)}.log .t{color:var(--sys);margin-right:6px}.log .e0{color:var(--txt)}.log .e1{color:var(--flora)}.log .e2{color:var(--fauna)}.log .e3{color:var(--warn)}#reticle{position:absolute;pointer-events:none;width:70px;height:70px;transform:translate(-50%,-50%);transition:left .05s linear,top .05s linear}#reticle i{position:absolute;width:12px;height:12px;border:0 solid var(--sys);animation:retIn .15s ease-out}@keyframes retIn{0%{transform:scale(2.2);opacity:0}to{transform:none;opacity:1}}#reticle i:nth-child(1){top:0;left:0;border-top-width:1px;border-left-width:1px}#reticle i:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}#reticle i:nth-child(3){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}#reticle i:nth-child(4){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}#reticle .lbl{position:absolute;left:78px;top:50%;white-space:nowrap;font-size:10px;letter-spacing:.1em;color:var(--sys);border-bottom:1px solid var(--sys);padding:0 4px 2px;transform:translateY(-50%)}#reticle .lbl:before{content:"";position:absolute;left:-10px;top:50%;width:10px;border-top:1px solid var(--sys)}#reticle .lbl small{display:block;color:var(--dim);font-size:9px;letter-spacing:.08em}#reticle.fauna i,#reticle.fauna .lbl,#reticle.fauna .lbl:before{border-color:var(--fauna);color:var(--fauna)}#reticle.flora i,#reticle.flora .lbl,#reticle.flora .lbl:before{border-color:var(--flora);color:var(--flora)}#left{top:58px;left:10px;bottom:46px;width:300px}#right{top:58px;right:10px;bottom:46px;width:320px}#bottom{left:320px;right:340px;bottom:46px;height:220px}#bottom.tall{height:320px}.dock-hidden{display:none}.chart{display:block;width:100%}.legend{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.legend i{display:inline-block;width:8px;height:8px;margin-right:4px;vertical-align:-1px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.card{border:1px solid var(--line);padding:6px 8px;min-height:52px;position:relative;cursor:pointer}.card:hover{border-color:var(--sys)}.card.on{border-color:var(--sys);background:#00e5ff0f}.card .hash{font-size:11px;color:var(--sys)}.card .name{font-size:10px;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card canvas{width:100%;height:40px;display:block;margin-top:4px}.kv{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-size:10px}.kv span:nth-child(odd){color:var(--dim);letter-spacing:.08em;text-transform:uppercase}.kv span:nth-child(2n){text-align:right;font-variant-numeric:tabular-nums}.scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.blink{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.2}}.timeline{height:26px;position:relative;background:#8caabe14;cursor:pointer;border:1px solid var(--line)}.timeline .cur{position:absolute;top:0;bottom:0;width:1px;background:var(--sys)}.timeline .snap{position:absolute;top:18px;bottom:0;width:1px;background:var(--line-strong)}.timeline .mark{position:absolute;top:2px;width:3px;height:8px}.timeline .mark.e3{background:var(--warn)}.timeline .mark.e1{background:var(--flora)}.timeline .mark.e2{background:var(--fauna)}.mobiletabs{display:none}#placing{position:absolute;left:50%;top:60px;transform:translate(-50%);padding:6px 12px}@media(max-width:900px){#left,#right,#bottom{inset:auto 10px 74px;width:auto;height:42vh}#bottom.tall{height:42vh}.mobiletabs{display:flex;position:absolute;left:10px;right:10px;bottom:40px;height:28px;gap:0}.mobiletabs button{flex:1;border:1px solid var(--line);background:var(--panel-deep)}#topbar .seg{padding:0 8px}}