/* A page composition of open bands, small panels and a distant analytical plane. */
.tone-register{position:absolute;left:0;top:10%;width:22%;height:28px;display:flex;gap:3px;align-items:stretch;opacity:.55}
.tone-register i:nth-child(1){width:15%;background:#828a8629}.tone-register i:nth-child(2){width:27%;background:#bac1b82d}.tone-register i:nth-child(3){width:9%;border-top:1px solid #7c8b8170;background:#eceee65c}
.tone-register span{width:31%;height:1px;background:#8c9c8c42;align-self:center;margin-left:11px}
.analysis-band{position:absolute;top:6%;right:0;width:32%;height:24%;background:linear-gradient(90deg,transparent 3%,#969e9b17 27%,#c7ccc638 73%,#7f888129);clip-path:polygon(12% 0,100% 0,100% 91%,80% 91%,77% 100%,0 100%,0 30%);overflow:hidden}
.analysis-grid{position:absolute;inset:0;background-image:linear-gradient(#7d89821e 1px,transparent 1px),linear-gradient(90deg,#7d89821e 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent,#0005)}
.analysis-sweep{position:absolute;left:0;top:0;width:18%;height:100%;background:linear-gradient(90deg,transparent,#eff2e975,#fff8,#d7e0d438,transparent);transform:translateX(-130%) skewX(-18deg);opacity:0;animation:analysis-pass 16s ease-in-out infinite}
.analysis-edges{position:absolute;top:0;right:0;width:54%;height:1px;background:#7f8b8070}.analysis-edges:after{content:'';display:block;width:39%;height:3px;float:right;background:#64746a42}
.analysis-band svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#677e6d;stroke-width:.7;opacity:.23}
.analysis-dash{stroke-dasharray:2 6;animation:analysis-route 20s linear infinite}
.margin-gauge{position:absolute;right:1.3%;top:39%;height:31%;width:17px;border-right:1px solid #8d9c914b;background:repeating-linear-gradient(0deg,transparent,transparent 12px,#85978a45 12px,#85978a45 13px);opacity:.48;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.margin-gauge i{position:absolute;right:-1px;top:20%;height:16%;width:3px;background:#5f776468}.margin-gauge span{position:absolute;width:7px;height:7px;border:1px solid #79907d;right:7px;top:26%;transform:rotate(45deg)}
.near-plane{position:absolute;left:0;bottom:4%;width:30%;height:5%;border-top:1px solid #7e8b8036;background:linear-gradient(110deg,#8a958a12,#d4dacb22,transparent);clip-path:polygon(0 0,92% 0,100% 100%,0 100%)}
.near-plane div{width:23%;height:3px;background:#81908035}.near-plane i{position:absolute;right:15%;top:9px;width:43%;height:1px;background:#8a988b27}
.holo-section{position:absolute;right:9%;bottom:9%;width:22%;height:24%;fill:none;stroke:#627969;stroke-width:.75;opacity:.12;filter:blur(.3px)}
.holo-measure{transform-origin:120px 85px;animation:holo-depth 18s ease-in-out infinite}.holo-cross{opacity:.7}
.patch-2{left:33%;bottom:8%;width:13%;height:17%;opacity:.5}.sketch-dish{left:31%;bottom:6%;width:16%;height:20%;opacity:.15}
.sketch-helix{right:4%;top:7%;width:14%;height:20%;opacity:.14}
.depth-grid.grid-near{top:7%;right:29%;height:22%;width:19%;opacity:.6}.depth-grid.grid-far{opacity:.18}
.orbit-blueprint{opacity:.25}.caption-lower{bottom:7%;right:4%;opacity:.45}.caption-upper{top:4%;right:2%}
.rail-upper{display:none}.fog-upper{width:40%;right:-15%;opacity:.65}.fog-lower{opacity:.6}
@keyframes analysis-pass{0%,18%,100%{transform:translateX(-130%) skewX(-18deg);opacity:0}24%{opacity:.4}53%{transform:translateX(680%) skewX(-18deg);opacity:0}54%{transform:translateX(-130%) skewX(-18deg);opacity:0}}
@keyframes analysis-route{to{stroke-dashoffset:-80}}
@keyframes holo-depth{0%,100%{transform:translateY(-7px);opacity:.35}50%{transform:translateY(10px);opacity:.9}}
body[data-grid-paused=true] .analysis-sweep,body[data-grid-paused=true] .analysis-dash,body[data-grid-paused=true] .holo-measure{animation-play-state:paused}
@media(max-width:650px){.fog-upper{top:49%}.tone-register{top:5.5%;height:17px;width:25%;opacity:.4}.analysis-band{top:49%;right:-7%;width:53%;height:19%}.analysis-band svg{opacity:.18}.margin-gauge{top:58%;height:23%;right:2%;width:10px;opacity:.3}.near-plane{display:none}.holo-section{right:-6%;bottom:3%;width:43%;height:17%;opacity:.1}.patch-2{left:4%;bottom:7%;width:31%;height:15%}.sketch-dish{left:2%;bottom:6%;width:34%;height:16%}.sketch-helix{right:1%;top:49%;width:30%;height:17%}.depth-grid.grid-near{top:49%;right:29%;width:33%;height:16%}}
@media(prefers-reduced-motion:reduce){.analysis-sweep,.analysis-dash,.holo-measure{animation:none!important}}