/* Original QuiNVarium observatory, extended for the real Classic observer.
   Motion changes opacity/transform only; it never changes document geometry. */
body[data-site="net"] {
  --ex-line: #a9cee622;
  --ex-panel: linear-gradient(115deg,#15202a85,#0d131880 62%,#090e1266);
  --ex-panel-soft: linear-gradient(130deg,#12202b35,#0b111820 72%);
  --ex-inset:#0d151a55;
  --ex-radius:8px;
  --ex-shadow:none;
}
html[data-theme="light"] body[data-site="net"] {
  --ex-line:#2a4d6524;
  --ex-panel:linear-gradient(115deg,#dce8f050,#ffffff70);
  --ex-panel-soft:linear-gradient(130deg,#e4eef560,#ffffff35);
  --ex-inset:#e6eff33d;
}
html { scrollbar-gutter:stable; }
body[data-site="net"] .c-net .command-home.wrap { max-width:1920px; padding-inline:clamp(24px,3vw,64px); }
.header-shell .utility,.header-shell .header { max-width:1920px; }
.c-net .explorer-command { display:grid; grid-template-columns:.85fr 1.15fr; padding:50px 0 32px; gap:48px; }
.c-net .explorer-command h1 { font-size:58px; font-weight:400; letter-spacing:-.055em; margin:12px 0; }
.c-net .explorer-version { border-radius:3px; font-size:10px; padding:5px 7px; margin-left:0; }
.command-search { max-width:none; }
.c-net .explorer-search { border-radius:4px; min-height:70px; }
.c-net .explorer-search button { border-radius:40px; padding-inline:26px; min-width:120px; }
.c-net .connection-strip { min-height:45px; margin-bottom:0; border-top:1px solid var(--ex-line); border-bottom:0; font-size:11px; }
.connection-strip strong { min-width:0; }
.connection-strip .right { font-variant-numeric:tabular-nums; min-width:265px; justify-content:flex-end; }
.c-net .explorer-sections { min-height:42px; margin:0 0 0; padding:0; border-bottom:1px solid var(--ex-line); gap:18px; }
.c-net .explorer-sections a { padding:8px 0; border:0; border-radius:0; font-size:11px; }
.c-net .explorer-sections a:hover { background:none; color:var(--ice); }
.c-net .classic-process { min-height:104px; margin:0 0 22px; border-top:0; border-bottom:1px solid var(--ex-line); padding:18px 0; gap:30px; }
.classic-process .r8-process-name { font-size:12px; min-width:160px; }
.classic-process .r8-process-name > svg { width:22px; height:22px; color:var(--ex-accent); }
.classic-process .r8-process-name small { display:block; margin-top:7px; color:var(--muted); font:8px var(--mono); letter-spacing:.1em; }
.classic-process .r8-process-stages { display:flex; gap:clamp(30px,5vw,90px); }
.classic-process .r8-process-stages::before { top:24px; background:var(--ex-line); }
.classic-process .flow-step { display:flex; align-items:flex-start; position:relative; gap:12px; padding:10px 12px; background:var(--bg); color:var(--muted); font-size:13px; min-width:138px; }
.classic-process .flow-step svg { width:20px; height:20px; flex-shrink:0; color:var(--muted); }
.classic-process .flow-step small { display:block; height:15px; margin-top:8px; color:var(--muted); font:10px var(--mono); font-variant-numeric:tabular-nums; }
.classic-process .flow-step.is-active { color:var(--text); }
.classic-process .flow-step.is-active svg { color:var(--ex-accent); }
.classic-process .flow-step i { display:block; width:4px; height:4px; border-radius:50%; margin-top:8px; background:var(--line); }
html[data-observation="live"] .flow-step.is-active i { background:#b9d8ec; box-shadow:0 0 10px #b9d8ec80; animation:observatory-light 6s ease-in-out infinite; }
.classic-process .flow-step:nth-child(2) i { animation-delay:-4s; }
.classic-process .flow-step:nth-child(3) i { animation-delay:-2s; }
.flow-pause,.ticker-pause { flex-shrink:0; width:32px!important; height:32px!important; border:1px solid var(--ex-line)!important; color:var(--muted); background:transparent; border-radius:50%; font-size:11px; cursor:pointer; }
.c-net .explorer-metrics { border-radius:10px; margin-bottom:34px; padding-block:24px; }
.c-net .explorer-metrics strong { font-weight:400; font-size:38px; min-height:48px; margin-block:10px; font-variant-numeric:tabular-nums; }
.c-net .explorer-metrics > div > span { font:11px/1.6 var(--mono); min-height:36px; }
.c-net .explorer-metrics .metric-note { font-size:11px; line-height:1.65; min-height:42px; }
.c-net .block-ribbon { margin:0 0 20px; padding:0; }
.c-net .ribbon-label { margin-bottom:15px; }
.c-net .ribbon-track { grid-template-columns:repeat(8,minmax(0,1fr)); gap:12px; }
.c-net .ribbon-block { min-height:156px; padding:17px 14px; border-radius:7px; border:1px solid #85bce038; border-top:2px solid #83bade63; background:linear-gradient(140deg,#1c3f603d,#10182520); overflow:hidden; position:relative; transition:border-color .3s,background .3s; }
.c-net .ribbon-block:first-child { background:linear-gradient(130deg,#28465b65,#101c2860); border-color:#92bdd86b; }
.c-net .ribbon-block:nth-child(3n+2) { background:linear-gradient(135deg,#282e463a,#10182520); }
.c-net .ribbon-block:nth-child(3n) { background:linear-gradient(135deg,#1b404638,#10182520); }
.c-net .ribbon-block:hover { transform:none; border-color:var(--ex-accent); box-shadow:inset 0 0 28px #aed7f10a; }
.c-net .ribbon-height { display:flex; align-items:center; justify-content:space-between; font:18px var(--mono); letter-spacing:-.03em; color:var(--ice); }
.c-net .ribbon-height b { font:14px var(--font); color:var(--muted); }
.c-net .command-home .ribbon-block > strong { font:10px var(--mono); margin:12px 0; }
.c-net .block-dots { display:grid; grid-template-columns:repeat(12,7px); gap:3px; max-width:none; height:17px; margin:16px 0 18px; }
.c-net .block-dots i { width:7px; height:7px; border-radius:0; border:1px solid #79b2d850; background:#7cc6ed1d; box-shadow:none; }
.c-net .block-dots .cell-1 { background:#8bc6ef4a; }
.c-net .block-dots .cell-2 { background:#8bc6ef70; }
.c-net .ribbon-block.is-processing .block-dots i:nth-child(3n+1) { background:#7fb7da3d; box-shadow:none; }
html[data-observation="live"] .c-net .block-dots i { animation:observatory-cell 7s ease-in-out infinite; }
html[data-observation="live"] .c-net .block-dots i:nth-child(3n) { animation-delay:-1.4s; }
html[data-observation="live"] .c-net .block-dots i:nth-child(3n+1) { animation-delay:-3.2s; }
html[data-observation="live"] .c-net .block-dots i:nth-child(5n) { animation-delay:-5.8s; }
.c-net .ribbon-block:nth-child(even) .block-dots i { animation-duration:9s; }
.c-net .ribbon-block:nth-child(3n) .block-dots i { animation-duration:11s; }
.c-net .ribbon-block.is-processing::after { animation:none; }
html[data-observation="live"] .c-net .ribbon-block.is-processing::after { inset:0 auto 0 -90%; width:80%; background:linear-gradient(90deg,transparent,#b8dff50a,transparent); animation:observatory-sweep 9s linear infinite; }
.c-net .ribbon-block:nth-child(2n)::after { animation-delay:-3s!important; }
.c-net .ribbon-block:nth-child(3n)::after { animation-delay:-6s!important; }
.c-net .command-home .ribbon-detail { font:9px var(--mono); min-height:12px; }
.c-net .classic-playback { border:0; border-top:1px solid var(--ex-line); border-bottom:1px solid var(--ex-line); border-radius:0; background:none; margin:0 0 32px; padding:14px 0; min-height:80px; }
.classic-playback #view-mode { display:inline-block; min-width:125px; }
.classic-playback .copy-button { border-radius:4px; background:none; min-width:40px; }
.classic-playback .copy-button[data-replay="play"] { min-width:140px; }
.c-net .command-home .chart-panel,.c-net .command-home .distribution-panel { background:var(--surface); border-radius:8px; padding:26px; box-shadow:inset 0 1px 0 #ffffff03; }
.c-net .command-home .observatory-analytics { grid-template-columns:minmax(0,1.72fr) minmax(0,1fr); gap:20px; margin:0 0 28px; align-items:stretch; }
.c-net .command-home .chart-heading h2 { font-weight:400; font-size:24px; }
.c-net .classic-caption { line-height:1.7; }
.c-net .chart-panel > .classic-caption { min-height:44px; margin:14px 0 0; font-size:11px; }
.c-net #chart { min-height:224px; }
.c-net .live-chart { color:var(--ex-accent); min-height:170px; }
.c-net .live-chart .line { stroke:#9ed2ee; stroke-width:1.5; }
.c-net .live-chart circle { fill:#a9d5ee; stroke:var(--surface); stroke-width:1; r:2.4px; }
.c-net .live-chart circle:last-child { filter:drop-shadow(0 0 3px #90cdf7); }
.c-net .live-chart text { font-size:10px; }
.c-net .chart-panel.r8-chart-live::after { animation-duration:18s; opacity:.35; }
.c-net .chart-foot { min-height:78px; align-items:flex-start; padding-top:8px; font:10px/1.8 var(--mono); }
.c-net .chart-foot > span:first-child { min-height:54px; }
.c-net .mean-chart { padding-top:22px; margin-top:14px; }
.c-net .mean-chart .classic-caption { min-height:44px; font-size:11px; }
.c-net .classic-chart-empty { height:224px; }
.network-strip { margin-bottom:30px; padding-bottom:22px; border-bottom:1px solid var(--ex-line); }
.network-strip .ribbon-label a { font:12px var(--mono); color:var(--ex-accent); }
.network-strip p { margin:14px 0 0; font:10px/1.7 var(--mono); color:var(--muted); }
.node-signal-bar { display:flex; gap:4px; height:5px; margin-top:20px; }
.node-signal-bar a { flex:1; height:5px; background:var(--ex-line); }
.node-signal-bar .signal-on { background:#94bfd8; box-shadow:0 0 12px #9ec6e010; }
.node-signal-bar .signal-off { background:#c19f62; opacity:.55; }
.c-net .classic-fund-panel,.c-net .miner-panel { border-radius:0; border:0; border-top:1px solid var(--ex-line); background:none; margin:44px 0; padding:36px 0 0; }
.c-net .section-top h2 { font-size:28px; font-weight:400; }
.c-net .table-wrap,.c-net .detail-card { border-radius:5px; }
.c-net .table-wrap { scrollbar-gutter:stable; overflow-anchor:none; }
.c-net th { font:10px var(--mono); text-transform:uppercase; letter-spacing:.05em; }
.c-net td { font-size:12px; padding-block:17px; }
.c-net .table-wrap table { table-layout:fixed; }
.c-net .table-wrap td { overflow-wrap:anywhere; }
.c-net .table-wrap .hash,.c-net .table-wrap .mono { white-space:normal; }
.c-net .finality-panel .table-wrap table { min-width:1380px; }
.c-net .finality-panel .table-wrap th:nth-child(1) { width:150px; }
.c-net .finality-panel .table-wrap th:nth-child(5) { width:170px; }
.c-net .finality-panel .table-wrap th:nth-child(6) { width:230px; }
.c-net .finality-panel .table-wrap th:nth-child(7) { width:200px; }
.c-net .finality-panel .table-wrap td { height:104px; vertical-align:top; }
.c-net .finality-metrics { background:var(--ex-panel-soft); }
.c-net .finality-metrics strong { font-size:30px; min-height:44px; }
.c-net #finality .finality-metrics > div:nth-child(3) strong { font-size:22px; }
.c-net .finality-spark { background:var(--ex-inset); border:0; border-radius:4px; }
.c-net .detail-row { min-height:66px; }
.c-net .node-card { background:var(--ex-panel-soft); border-radius:6px; }
.c-net .lab-report-link { display:flex; justify-content:space-between; align-items:center; gap:36px; padding:46px 0; border-top:1px solid var(--ex-line); margin:40px 0 10px; }
.c-net .lab-report-link h2 { font-size:34px; font-weight:400; letter-spacing:-.04em; line-height:1.12; margin:10px 0 18px; }
.c-net .lab-report-link p:not(.eyebrow) { font-size:13px; line-height:1.7; color:var(--muted); }
.c-net .lab-report-link .button { border-radius:40px; display:flex; align-items:center; gap:44px; padding:18px 26px; white-space:nowrap; font-size:13px; }
.c-net .classic-ticker { display:flex; position:relative; align-items:center; gap:20px; overflow:hidden; border-block:1px solid var(--ex-line); min-height:64px; margin:14px 0 0; padding:12px 0; background:none; }
.classic-ticker .market-label { width:155px; flex-shrink:0; position:relative; z-index:1; }
.classic-ticker .market-label strong { font-size:11px; font-weight:500; display:block; }
.classic-ticker .market-label small { display:block; margin-top:5px; font:8px var(--mono); color:var(--muted); }
.ticker-window { min-width:0; overflow:hidden; flex:1; mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); }
.classic-ticker .ticker-track { display:flex; width:max-content; animation:classic-ticker-travel 80s linear infinite; }
.classic-ticker .ticker-group { display:flex; flex-shrink:0; }
.network-tick { display:flex; align-items:center; gap:12px; padding:0 24px; border-right:1px solid var(--ex-line); white-space:nowrap; min-width:290px; font:11px var(--mono); }
.network-tick b { font-weight:400; color:var(--muted); }
.network-tick small { color:var(--muted); font-size:9px; }
.network-tick > span { min-width:75px; font-variant-numeric:tabular-nums; }
.network-tick i { width:4px; height:4px; background:var(--ex-warn); }
.network-tick.is-online i { background:var(--ex-accent); box-shadow:0 0 7px #a9cee644; }
.c-net .classic-ticker:hover .ticker-track,.c-net .classic-ticker:focus-within .ticker-track { animation-play-state:paused; }
.c-net .tag { min-width:40px; justify-content:center; }
.c-net .chart-range { border-radius:4px; }
.c-net .chart-range button { min-width:42px; border-radius:2px; }
.c-net .chart-range button[data-range="12000"] { min-width:66px; }
.c-net .chart-range button.active { background:var(--ex-hover); }
.c-net .metric-note,.c-net .chart-foot,.c-net .classic-caption,.c-net .node-numbers,.c-net .copy-line,.c-net .detail-row { font-variant-numeric:tabular-nums; }
html[data-theme="light"] .classic-process .flow-step { background:var(--bg); }
html[data-theme="light"] .c-net .ribbon-block { background:linear-gradient(130deg,#dae9f360,#f5f9fc80); border-color:#6893b150; }
html[data-theme="light"] .c-net .ribbon-block:first-child { background:linear-gradient(130deg,#cee0ed90,#eaf3f870); }
html[data-theme="light"] .c-net .live-chart .line { stroke:#397ca5; }
html[data-theme="light"] .c-net .live-chart circle { fill:#397ca5; }
html[data-observation="retained"] .c-net .r8-chart-live::after,html[data-observation="retained"] .c-net .ticker-track { animation-play-state:paused; }
@keyframes observatory-light { 0%,100% {opacity:.4;box-shadow:0 0 3px #b9d8ec20} 40% {opacity:1;box-shadow:0 0 12px #b9d8ec80} }
@keyframes observatory-cell { 0%,100% {opacity:.45;box-shadow:none} 40%,52% {opacity:1;background:#b0d4e7;box-shadow:0 0 8px #a4c8da50} }
@keyframes observatory-sweep { from{transform:translateX(0)} to{transform:translateX(320%)} }
@keyframes classic-ticker-travel { to {transform:translateX(-50%)} }
@media(min-width:1900px) { .c-net .ribbon-block {padding:22px} .c-net .block-dots {grid-template-columns:repeat(12,8px);gap:4px;height:20px} .c-net .block-dots i {width:8px;height:8px} }
@media(max-width:1350px) {
  .c-net .ribbon-track {grid-template-columns:repeat(4,minmax(0,1fr));}
  .c-net .ribbon-block {min-height:150px;}
  .classic-process .r8-process-stages {gap:26px;}
  .classic-process .flow-step {min-width:125px;font-size:12px;}
  .c-net .explorer-command h1 {font-size:48px;}
}
@media(max-width:1000px) {
  .c-net .classic-process {gap:12px;}
  .classic-process .r8-process-name {min-width:120px;}
  .classic-process .r8-process-stages {gap:10px;}
  .classic-process .flow-step {min-width:0;gap:7px;}
  .c-net .command-home .observatory-analytics {grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);}
  .c-net .chart-heading {gap:16px;}
}
@media(max-width:800px) {
  body[data-site="net"] .c-net .command-home.wrap {padding-inline:22px;}
  .c-net .explorer-command {display:block;padding:28px 0 22px;}
  .c-net .explorer-command h1 {font-size:44px;}
  .c-net .explorer-command .command-search {max-width:none;}
  .connection-strip {min-height:98px;align-content:center;}
  .connection-strip strong {min-height:36px;max-width:calc(100% - 18px);font-size:11px;}
  .connection-strip .right {margin-left:0;width:100%;justify-content:space-between;}
  .c-net .explorer-sections {display:flex;flex-wrap:nowrap;gap:18px;overflow-x:auto;scrollbar-width:none;min-height:44px;}
  .c-net .explorer-sections a {white-space:nowrap;flex-shrink:0;}
  .c-net .classic-process {display:grid;grid-template-columns:1fr 32px;padding:16px 0;gap:14px;min-height:162px;}
  .classic-process .r8-process-name {width:auto;}
  .classic-process .r8-process-name small {display:inline-block;margin:0 0 0 10px;}
  .classic-process .r8-process-stages {grid-column:1/-1;grid-row:2;justify-content:space-between;width:100%;gap:8px;order:2;}
  .classic-process .flow-pause {grid-column:2;grid-row:1;}
  .classic-process .flow-step {font-size:10px;gap:6px;min-width:0;padding:8px 3px;}
  .classic-process .flow-step small {font-size:9px;}
  .classic-process .flow-step svg {width:15px;height:15px;}
  .classic-process .flow-step i {width:3px;height:3px;margin-top:5px;}
  .classic-process .r8-process-stages::before {top:16px;}
  .c-net .explorer-metrics {padding:0;}
  .c-net .explorer-metrics strong {font-size:28px;min-height:38px;}
  .c-net .explorer-metrics .metric-note {min-height:60px;font-size:10px;}
  .c-net .ribbon-track {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .c-net .ribbon-height {font-size:18px;}
  .c-net .ribbon-block {padding:15px;min-height:152px;}
  .c-net .classic-playback {padding:16px 0;min-height:137px;gap:12px;}
  .classic-playback small {font-size:10px;min-height:15px;}
  .c-net .command-home .observatory-analytics {grid-template-columns:1fr;}
  .c-net .command-home .chart-panel,.c-net .command-home .distribution-panel {padding:20px;}
  .c-net .chart-panel>.classic-caption {min-height:66px;}
  .c-net .chart-foot {min-height:143px;}
  .c-net .chart-foot>span:first-child {min-height:72px;}
  .c-net .chart-foot>span:last-child {min-height:48px;}
  .c-net .mean-chart .classic-caption {min-height:72px;}
  .c-net .chart-heading {min-height:90px;align-content:space-between;}
  .c-net .chart-heading h2,.c-net .section-top h2 {font-size:23px;}
  .c-net .classic-fund-panel,.c-net .miner-panel {padding:26px 0 0;margin:32px 0;}
  .c-net .finality-panel .table-wrap td {height:104px;}
  .c-net .finality-panel .finality-metrics .metric-note {min-height:72px;}
  .c-net .finality-panel .finality-metrics > div > span {min-height:48px;}
  .c-net .finality-panel .finality-metrics strong {min-height:52px;}
  .c-net .lab-report-link {display:block;padding:32px 0;}
  .c-net .lab-report-link h2 {font-size:29px;}
  .c-net .lab-report-link .button {display:inline-flex;margin-top:22px;}
  .classic-ticker .market-label {width:90px;}
  .classic-ticker .market-label small {font-size:7px;line-height:1.8;}
  .c-net .classic-ticker {gap:8px;}
  .c-net td {padding-inline:14px;}
  .c-net .table-wrap table {min-width:880px;}
}
@media(max-width:400px) {
  body[data-site="net"] .c-net .command-home.wrap {padding-inline:16px;}
  .c-net .block-dots {grid-template-columns:repeat(12,6px);gap:3px;}
  .c-net .block-dots i {width:6px;height:6px;}
  .c-net .explorer-search button {min-width:88px;padding-inline:15px;}
  .c-net .flow-step {font-size:9px;gap:4px;}
  .c-net .flow-step svg {width:13px;height:13px;}
  .c-net .chart-range {gap:1px;max-width:100%;}
  .c-net .chart-range button {min-width:32px;padding-inline:7px;}
  .c-net .chart-range button[data-range="12000"] {min-width:54px;}
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} }
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after {animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}


/* Same slim price ribbon as the accepted site; fixed cells prevent price jitter. */
.market-quotes .market-label a {display:block;margin-top:5px;font:9px var(--mono);color:var(--muted);min-height:12px;white-space:nowrap}
.market-quotes .quote-item {display:flex;align-items:center;gap:12px;padding:0 25px;border-right:1px solid var(--ex-line);font:11px var(--mono);min-width:245px;white-space:nowrap}
.market-quotes .quote-item i {font:17px var(--font);color:var(--muted);font-style:normal;min-width:13px}
.market-quotes .quote-item b {font-weight:400;color:var(--text);min-width:30px}
.market-quotes .quote-item small {font:10px var(--font);color:var(--muted)}
.market-quotes [data-market-price] {display:inline-block;min-width:94px;color:var(--text);font-variant-numeric:tabular-nums}
.c-net .market-quotes .ticker-track {animation-duration:65s;animation-play-state:running}
.c-net .market-quotes.ticker-paused .ticker-track,.c-net .market-quotes:hover .ticker-track,.c-net .market-quotes:focus-within .ticker-track {animation-play-state:paused}

/* A work poll may omit seed/target for one response. Keep their reserved geometry. */
.c-net .etchash-panel .detail-row:nth-child(5),.c-net .etchash-panel .detail-row:nth-child(8) {min-height:80px;align-items:center;}
@media(max-width:800px) {.c-net .etchash-panel .detail-row:nth-child(5),.c-net .etchash-panel .detail-row:nth-child(8) {min-height:154px;align-content:center;}}
/* Put the defining motion elements in the first desktop view, as on the original site. */
@media(min-width:801px) {
  .c-net .explorer-command {padding-block:20px 12px;}
  .c-net .connection-strip {min-height:40px;}
  .c-net .explorer-sections {min-height:38px;}
  .c-net .classic-process {min-height:88px;padding-block:10px;}
  .c-net #page > .explorer-metrics {padding-block:16px;margin-bottom:24px;}
  .c-net #page > .explorer-metrics strong {font-size:34px;min-height:42px;margin-block:8px;}
  .c-net .ribbon-block {min-height:144px;padding-block:14px;}
}