.testnet { --accent:#a5ff75; --cyan:#7bd5ff; }
.site-head nav .active { color:var(--accent); }
.testnet-hero { background:radial-gradient(circle at 72% 38%,rgba(165,255,117,.11),transparent 32%); }
.network-console,.asset-panel { border:1px solid var(--line); margin:0 2rem 5rem; background:rgba(9,14,21,.72); }
.network-meta { display:grid; grid-template-columns:.7fr 1.4fr 1.2fr .7fr; border-bottom:1px solid var(--line); }
.network-meta>div { padding:1.5rem; border-right:1px solid var(--line); display:flex; flex-direction:column; gap:.4rem; min-width:0; }
.network-meta span,.asset-identity span { font:600 .68rem var(--mono); color:var(--muted); letter-spacing:.14em; }
.network-meta strong { font:500 1.1rem var(--mono); }
.network-meta code { overflow:hidden; text-overflow:ellipsis; color:var(--cyan); }
.network-meta small { color:var(--muted); }
.asset-workspace { padding-top:2rem; }
.asset-panel { margin-top:2rem; padding:2rem; }
.asset-panel>label { font:600 .68rem var(--mono); letter-spacing:.14em; color:var(--cyan); }
#asset-select { margin:.7rem 0 2rem; width:min(100%,38rem); font-size:1.1rem; }
.asset-identity { display:flex; justify-content:space-between; gap:2rem; align-items:flex-end; padding:2rem 0; border-block:1px solid var(--line); }
.asset-identity h3 { font-size:clamp(2rem,5vw,4.5rem); margin:.3rem 0; }
.asset-identity code { color:var(--muted); }
.asset-identity>strong { font:500 clamp(1.2rem,3vw,2.4rem) var(--mono); color:var(--accent); text-align:right; }
.asset-metrics { grid-template-columns:repeat(6,1fr); margin:0 0 2rem; }
.asset-metrics>div { min-height:7rem; }
.testnet .lorenz-line { stroke:var(--accent); }
.testnet .lorenz-area { fill:rgba(165,255,117,.12); }
.table-sort { appearance:none; border:0; padding:.5rem 0; background:transparent; color:inherit; font:inherit; letter-spacing:inherit; text-transform:inherit; cursor:pointer; }
.table-sort span { display:inline-block; margin-left:.35rem; color:var(--accent); font-size:.9rem; transition:transform .18s ease; }
.table-sort:hover { color:var(--accent); }
.table-sort:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
[aria-sort="descending"] .table-sort span { transform:rotate(180deg); }
@media(max-width:900px){.network-meta{grid-template-columns:1fr 1fr}.asset-metrics{grid-template-columns:repeat(2,1fr)}.asset-identity{align-items:flex-start;flex-direction:column}.network-console,.asset-panel{margin-inline:1rem}}
@media(max-width:560px){.network-meta{grid-template-columns:1fr}.network-meta>div{border-right:0}.asset-panel{padding:1rem}}