/* The network background (net.html, the net-*.svg pictures): a network
   turning over, its traffic, its events (all in the pictures, SMIL), and a
   layer over the page, placed as the picture is: click a node, it is pinged.
   Generated by tools/gennet.py: edit the generator, not this file. */
.nt-bg, .nt-hit { position: fixed; inset: 0; pointer-events: none; overflow: hidden; container-type: size; display: none; }
/* The picture whole, always (contain): your path from end to end on any
   screen; the lattice of dots, in CSS, over the rest. */
.nt-bg {
  z-index: -1; --net: url("net-dark.svg?v=9efff77b");
  background: var(--net) center / contain no-repeat, radial-gradient(circle, color-mix(in srgb, var(--sky) 70%, transparent) 1px, transparent 1.6px) center / 40px 40px;
}
/* Behind the page, the whole network a little dimmer, still plain to see;
   the demo, nothing in front of it, at full strength. */
.nt-bg { opacity: .6; }
:root[data-net="demo"] .nt-bg { opacity: 1; }
/* Over the network, the page's text keeps a halo of the page's colour:
   the lines behind never cut through the letters (the background itself
   stays as bright). */
:root:not([data-sky="demo"]):is([data-bg="net"], :not([data-bg]):has(#bg-net:checked)) main { text-shadow: 0 0 2px var(--bg), 0 0 5px var(--bg), 0 0 10px var(--bg); }
.nt-hit { z-index: 2; }
.nt-k { position: absolute; opacity: 0; width: 0; height: 0; margin: 0; pointer-events: none; }
.nt-bg, .nt-hit { --vw: 1600; --vh: 1000; --k: min(100cqw / 1600, 100cqh / 1000); }
@media (orientation: portrait) {
  .nt-bg { --net: url("net-dark-tall.svg?v=3874ca9b"); }
  .nt-bg, .nt-hit { --vw: 1000; --vh: 1600; --k: min(100cqw / 1000, 100cqh / 1600); }
}
.nt-at { position: absolute; left: calc(50cqw + (var(--x) - var(--vw) / 2) * var(--k)); top: calc(50cqh + (var(--y) - var(--vh) / 2) * var(--k)); width: 0; height: 0; }
.nt-n {
  position: absolute; left: -16px; top: -16px; width: 32px; height: 32px; border-radius: 50%; pointer-events: auto; cursor: crosshair;
}
.nt-n::before {
  content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity .2s;
  background:
    linear-gradient(var(--hud), var(--hud)) 0 0 / 7px 1.5px no-repeat, linear-gradient(var(--hud), var(--hud)) 0 0 / 1.5px 7px no-repeat,
    linear-gradient(var(--hud), var(--hud)) 100% 0 / 7px 1.5px no-repeat, linear-gradient(var(--hud), var(--hud)) 100% 0 / 1.5px 7px no-repeat,
    linear-gradient(var(--hud), var(--hud)) 0 100% / 7px 1.5px no-repeat, linear-gradient(var(--hud), var(--hud)) 0 100% / 1.5px 7px no-repeat,
    linear-gradient(var(--hud), var(--hud)) 100% 100% / 7px 1.5px no-repeat, linear-gradient(var(--hud), var(--hud)) 100% 100% / 1.5px 7px no-repeat;
}
.nt-n::after {
  content: var(--nm) " · PING"; position: absolute; left: 36px; top: -4px; white-space: nowrap; opacity: 0; transition: opacity .2s;
  font: 10px ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .09em; color: var(--hud);
}
.nt-n:hover::before, .nt-n:hover::after { opacity: .9; }
.nt-b { visibility: hidden; }
html:has(.nt-ka:checked) .nt-a { visibility: hidden; }
html:has(.nt-ka:checked) .nt-b { visibility: visible; }
/* The ping: one effect, on the node last clicked. */
.nt-fx { display: none; }
html:has(.nt-ka:checked, .nt-kb:checked) .nt-fx { display: block; }
.nt-fx b, .nt-fx i, .nt-fx span { position: absolute; left: 0; top: 0; }
.nt-ring { width: 120px; height: 120px; margin: -60px; border-radius: 50%; border: 1.5px solid var(--hud); opacity: 0; animation: nt-ring 1.6s ease-out forwards; }
.nt-ring + .nt-ring { animation-delay: .35s; }
.nt-tag {
  left: 26px !important; top: 14px !important; white-space: nowrap; font: 10px ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .09em; color: var(--hud);
  opacity: 0; animation: nt-tag 4s forwards;
}
.nt-tag::after { content: var(--nm) " · ICMP ECHO · " var(--rtt) " · TTL 64"; }
.nt-pk { width: 6px; height: 6px; margin: -3px; border-radius: 50%; background: var(--hud); box-shadow: 0 0 6px var(--hud); opacity: 0; animation: nt-pk 1.8s ease-in-out forwards; }
.nt-pk:nth-of-type(2) { animation-delay: .1s; } .nt-pk:nth-of-type(3) { animation-delay: .2s; } .nt-pk:nth-of-type(4) { animation-delay: .3s; } .nt-pk:nth-of-type(5) { animation-delay: .4s; }
@keyframes nt-ring { 0% { opacity: .9; transform: scale(.1); } 100% { opacity: 0; transform: scale(1); } }
@keyframes nt-tag { 0%, 10% { opacity: 0; } 18%, 80% { opacity: .9; } 100% { opacity: 0; } }
@keyframes nt-pk { 0% { opacity: 0; transform: translate(0, 0); } 8% { opacity: 1; } 48% { transform: translate(var(--tx), var(--ty)); opacity: 1; } 52% { transform: translate(var(--tx), var(--ty)); } 92% { opacity: 1; } 100% { opacity: 0; transform: translate(0, 0); } }
@keyframes nt-ring-b { 0% { opacity: .9; transform: scale(.1); } 100% { opacity: 0; transform: scale(1); } }
@keyframes nt-tag-b { 0%, 10% { opacity: 0; } 18%, 80% { opacity: .9; } 100% { opacity: 0; } }
@keyframes nt-pk-b { 0% { opacity: 0; transform: translate(0, 0); } 8% { opacity: 1; } 48% { transform: translate(var(--tx), var(--ty)); opacity: 1; } 52% { transform: translate(var(--tx), var(--ty)); } 92% { opacity: 1; } 100% { opacity: 0; transform: translate(0, 0); } }
html:has(.nt-kb:checked) .nt-ring { animation-name: nt-ring-b; } html:has(.nt-kb:checked) .nt-tag { animation-name: nt-tag-b; } html:has(.nt-kb:checked) .nt-pk { animation-name: nt-pk-b; }
.nt-pk.nt-off { display: none; }

.nt-you { --x: 662; --y: 126; --nm: "YOU"; } @media (orientation: portrait) { .nt-you { --x: 874; --y: 662; } }
@media (orientation: portrait) { html:has(#nt-youa:checked, #nt-youb:checked) .nt-fx .nt-tag { left: auto !important; right: 26px; } .nt-you .nt-n::after { left: auto; right: 36px; } }
html:has(#nt-youa:checked, #nt-youb:checked) .nt-fx { --x: 662; --y: 126; --nm: "YOU"; --rtt: "0.1 ms"; } @media (orientation: portrait) { html:has(#nt-youa:checked, #nt-youb:checked) .nt-fx { --x: 874; --y: 662; } }
html:has(#nt-youa:checked, #nt-youb:checked) .nt-fx .nt-pk:nth-of-type(1) { --tx: calc(42 * var(--k)); --ty: calc(39 * var(--k)); } @media (orientation: portrait) { html:has(#nt-youa:checked, #nt-youb:checked) .nt-fx .nt-pk:nth-of-type(1) { --tx: calc(-39 * var(--k)); --ty: calc(42 * var(--k)); } }
html:has(#nt-youa:checked, #nt-youb:checked) .nt-fx .nt-pk:nth-of-type(2) { display: none; }
html:has(#nt-youa:checked, #nt-youb:checked) .nt-fx .nt-pk:nth-of-type(3) { display: none; }
html:has(#nt-youa:checked, #nt-youb:checked) .nt-fx .nt-pk:nth-of-type(4) { display: none; }
html:has(#nt-youa:checked, #nt-youb:checked) .nt-fx .nt-pk:nth-of-type(5) { display: none; }
.nt-cpe { --x: 704; --y: 165; --nm: "BOX"; } @media (orientation: portrait) { .nt-cpe { --x: 835; --y: 704; } }
@media (orientation: portrait) { html:has(#nt-cpea:checked, #nt-cpeb:checked) .nt-fx .nt-tag { left: auto !important; right: 26px; } .nt-cpe .nt-n::after { left: auto; right: 36px; } }
html:has(#nt-cpea:checked, #nt-cpeb:checked) .nt-fx { --x: 704; --y: 165; --nm: "BOX"; --rtt: "27.9 ms"; } @media (orientation: portrait) { html:has(#nt-cpea:checked, #nt-cpeb:checked) .nt-fx { --x: 835; --y: 704; } }
html:has(#nt-cpea:checked, #nt-cpeb:checked) .nt-fx .nt-pk:nth-of-type(1) { --tx: calc(-42 * var(--k)); --ty: calc(-39 * var(--k)); } @media (orientation: portrait) { html:has(#nt-cpea:checked, #nt-cpeb:checked) .nt-fx .nt-pk:nth-of-type(1) { --tx: calc(39 * var(--k)); --ty: calc(-42 * var(--k)); } }
html:has(#nt-cpea:checked, #nt-cpeb:checked) .nt-fx .nt-pk:nth-of-type(2) { --tx: calc(-375 * var(--k)); --ty: calc(126 * var(--k)); } @media (orientation: portrait) { html:has(#nt-cpea:checked, #nt-cpeb:checked) .nt-fx .nt-pk:nth-of-type(2) { --tx: calc(-126 * var(--k)); --ty: calc(-375 * var(--k)); } }
html:has(#nt-cpea:checked, #nt-cpeb:checked) .nt-fx .nt-pk:nth-of-type(3) { --tx: calc(-161 * var(--k)); --ty: calc(34 * var(--k)); } @media (orientation: portrait) { html:has(#nt-cpea:checked, #nt-cpeb:checked) .nt-fx .nt-pk:nth-of-type(3) { --tx: calc(-34 * var(--k)); --ty: calc(-161 * var(--k)); } }
html:has(#nt-cpea:checked, #nt-cpeb:checked) .nt-fx .nt-pk:nth-of-type(4) { --tx: calc(59 * var(--k)); --ty: calc(44 * var(--k)); } @media (orientation: portrait) { html:has(#nt-cpea:checked, #nt-cpeb:checked) .nt-fx .nt-pk:nth-of-type(4) { --tx: calc(-44 * var(--k)); --ty: calc(59 * var(--k)); } }
html:has(#nt-cpea:checked, #nt-cpeb:checked) .nt-fx .nt-pk:nth-of-type(5) { --tx: calc(-61 * var(--k)); --ty: calc(-77 * var(--k)); } @media (orientation: portrait) { html:has(#nt-cpea:checked, #nt-cpeb:checked) .nt-fx .nt-pk:nth-of-type(5) { --tx: calc(77 * var(--k)); --ty: calc(-61 * var(--k)); } }
.nt-bras { --x: 329; --y: 291; --nm: "BRAS"; } @media (orientation: portrait) { .nt-bras { --x: 709; --y: 329; } }
html:has(#nt-brasa:checked, #nt-brasb:checked) .nt-fx { --x: 329; --y: 291; --nm: "BRAS"; --rtt: "3.6 ms"; } @media (orientation: portrait) { html:has(#nt-brasa:checked, #nt-brasb:checked) .nt-fx { --x: 709; --y: 329; } }
html:has(#nt-brasa:checked, #nt-brasb:checked) .nt-fx .nt-pk:nth-of-type(1) { --tx: calc(375 * var(--k)); --ty: calc(-126 * var(--k)); } @media (orientation: portrait) { html:has(#nt-brasa:checked, #nt-brasb:checked) .nt-fx .nt-pk:nth-of-type(1) { --tx: calc(126 * var(--k)); --ty: calc(375 * var(--k)); } }
html:has(#nt-brasa:checked, #nt-brasb:checked) .nt-fx .nt-pk:nth-of-type(2) { --tx: calc(127 * var(--k)); --ty: calc(189 * var(--k)); } @media (orientation: portrait) { html:has(#nt-brasa:checked, #nt-brasb:checked) .nt-fx .nt-pk:nth-of-type(2) { --tx: calc(-189 * var(--k)); --ty: calc(127 * var(--k)); } }
html:has(#nt-brasa:checked, #nt-brasb:checked) .nt-fx .nt-pk:nth-of-type(3) { --tx: calc(214 * var(--k)); --ty: calc(-92 * var(--k)); } @media (orientation: portrait) { html:has(#nt-brasa:checked, #nt-brasb:checked) .nt-fx .nt-pk:nth-of-type(3) { --tx: calc(92 * var(--k)); --ty: calc(214 * var(--k)); } }
html:has(#nt-brasa:checked, #nt-brasb:checked) .nt-fx .nt-pk:nth-of-type(4) { --tx: calc(52 * var(--k)); --ty: calc(145 * var(--k)); } @media (orientation: portrait) { html:has(#nt-brasa:checked, #nt-brasb:checked) .nt-fx .nt-pk:nth-of-type(4) { --tx: calc(-145 * var(--k)); --ty: calc(52 * var(--k)); } }
html:has(#nt-brasa:checked, #nt-brasb:checked) .nt-fx .nt-pk:nth-of-type(5) { display: none; }
.nt-core1 { --x: 456; --y: 480; --nm: "CORE"; } @media (orientation: portrait) { .nt-core1 { --x: 520; --y: 456; } }
html:has(#nt-core1a:checked, #nt-core1b:checked) .nt-fx { --x: 456; --y: 480; --nm: "CORE"; --rtt: "12.3 ms"; } @media (orientation: portrait) { html:has(#nt-core1a:checked, #nt-core1b:checked) .nt-fx { --x: 520; --y: 456; } }
html:has(#nt-core1a:checked, #nt-core1b:checked) .nt-fx .nt-pk:nth-of-type(1) { --tx: calc(-127 * var(--k)); --ty: calc(-189 * var(--k)); } @media (orientation: portrait) { html:has(#nt-core1a:checked, #nt-core1b:checked) .nt-fx .nt-pk:nth-of-type(1) { --tx: calc(189 * var(--k)); --ty: calc(-127 * var(--k)); } }
html:has(#nt-core1a:checked, #nt-core1b:checked) .nt-fx .nt-pk:nth-of-type(2) { --tx: calc(235 * var(--k)); --ty: calc(120 * var(--k)); } @media (orientation: portrait) { html:has(#nt-core1a:checked, #nt-core1b:checked) .nt-fx .nt-pk:nth-of-type(2) { --tx: calc(-120 * var(--k)); --ty: calc(235 * var(--k)); } }
html:has(#nt-core1a:checked, #nt-core1b:checked) .nt-fx .nt-pk:nth-of-type(3) { --tx: calc(171 * var(--k)); --ty: calc(-136 * var(--k)); } @media (orientation: portrait) { html:has(#nt-core1a:checked, #nt-core1b:checked) .nt-fx .nt-pk:nth-of-type(3) { --tx: calc(136 * var(--k)); --ty: calc(171 * var(--k)); } }
html:has(#nt-core1a:checked, #nt-core1b:checked) .nt-fx .nt-pk:nth-of-type(4) { --tx: calc(58 * var(--k)); --ty: calc(62 * var(--k)); } @media (orientation: portrait) { html:has(#nt-core1a:checked, #nt-core1b:checked) .nt-fx .nt-pk:nth-of-type(4) { --tx: calc(-62 * var(--k)); --ty: calc(58 * var(--k)); } }
html:has(#nt-core1a:checked, #nt-core1b:checked) .nt-fx .nt-pk:nth-of-type(5) { --tx: calc(-75 * var(--k)); --ty: calc(-44 * var(--k)); } @media (orientation: portrait) { html:has(#nt-core1a:checked, #nt-core1b:checked) .nt-fx .nt-pk:nth-of-type(5) { --tx: calc(44 * var(--k)); --ty: calc(-75 * var(--k)); } }
.nt-ix { --x: 691; --y: 600; --nm: "IX"; } @media (orientation: portrait) { .nt-ix { --x: 400; --y: 691; } }
html:has(#nt-ixa:checked, #nt-ixb:checked) .nt-fx { --x: 691; --y: 600; --nm: "IX"; --rtt: "31.2 ms"; } @media (orientation: portrait) { html:has(#nt-ixa:checked, #nt-ixb:checked) .nt-fx { --x: 400; --y: 691; } }
html:has(#nt-ixa:checked, #nt-ixb:checked) .nt-fx .nt-pk:nth-of-type(1) { --tx: calc(-235 * var(--k)); --ty: calc(-120 * var(--k)); } @media (orientation: portrait) { html:has(#nt-ixa:checked, #nt-ixb:checked) .nt-fx .nt-pk:nth-of-type(1) { --tx: calc(120 * var(--k)); --ty: calc(-235 * var(--k)); } }
html:has(#nt-ixa:checked, #nt-ixb:checked) .nt-fx .nt-pk:nth-of-type(2) { --tx: calc(198 * var(--k)); --ty: calc(44 * var(--k)); } @media (orientation: portrait) { html:has(#nt-ixa:checked, #nt-ixb:checked) .nt-fx .nt-pk:nth-of-type(2) { --tx: calc(-44 * var(--k)); --ty: calc(198 * var(--k)); } }
html:has(#nt-ixa:checked, #nt-ixb:checked) .nt-fx .nt-pk:nth-of-type(3) { --tx: calc(133 * var(--k)); --ty: calc(-154 * var(--k)); } @media (orientation: portrait) { html:has(#nt-ixa:checked, #nt-ixb:checked) .nt-fx .nt-pk:nth-of-type(3) { --tx: calc(154 * var(--k)); --ty: calc(133 * var(--k)); } }
html:has(#nt-ixa:checked, #nt-ixb:checked) .nt-fx .nt-pk:nth-of-type(4) { --tx: calc(414 * var(--k)); --ty: calc(49 * var(--k)); } @media (orientation: portrait) { html:has(#nt-ixa:checked, #nt-ixb:checked) .nt-fx .nt-pk:nth-of-type(4) { --tx: calc(-49 * var(--k)); --ty: calc(414 * var(--k)); } }
html:has(#nt-ixa:checked, #nt-ixb:checked) .nt-fx .nt-pk:nth-of-type(5) { --tx: calc(-58 * var(--k)); --ty: calc(-58 * var(--k)); } @media (orientation: portrait) { html:has(#nt-ixa:checked, #nt-ixb:checked) .nt-fx .nt-pk:nth-of-type(5) { --tx: calc(58 * var(--k)); --ty: calc(-58 * var(--k)); } }
.nt-tr1 { --x: 889; --y: 644; --nm: "CORE"; } @media (orientation: portrait) { .nt-tr1 { --x: 356; --y: 889; } }
html:has(#nt-tr1a:checked, #nt-tr1b:checked) .nt-fx { --x: 889; --y: 644; --nm: "CORE"; --rtt: "30.0 ms"; } @media (orientation: portrait) { html:has(#nt-tr1a:checked, #nt-tr1b:checked) .nt-fx { --x: 356; --y: 889; } }
html:has(#nt-tr1a:checked, #nt-tr1b:checked) .nt-fx .nt-pk:nth-of-type(1) { --tx: calc(-198 * var(--k)); --ty: calc(-44 * var(--k)); } @media (orientation: portrait) { html:has(#nt-tr1a:checked, #nt-tr1b:checked) .nt-fx .nt-pk:nth-of-type(1) { --tx: calc(44 * var(--k)); --ty: calc(-198 * var(--k)); } }
html:has(#nt-tr1a:checked, #nt-tr1b:checked) .nt-fx .nt-pk:nth-of-type(2) { --tx: calc(391 * var(--k)); --ty: calc(213 * var(--k)); } @media (orientation: portrait) { html:has(#nt-tr1a:checked, #nt-tr1b:checked) .nt-fx .nt-pk:nth-of-type(2) { --tx: calc(-213 * var(--k)); --ty: calc(391 * var(--k)); } }
html:has(#nt-tr1a:checked, #nt-tr1b:checked) .nt-fx .nt-pk:nth-of-type(3) { --tx: calc(177 * var(--k)); --ty: calc(184 * var(--k)); } @media (orientation: portrait) { html:has(#nt-tr1a:checked, #nt-tr1b:checked) .nt-fx .nt-pk:nth-of-type(3) { --tx: calc(-184 * var(--k)); --ty: calc(177 * var(--k)); } }
html:has(#nt-tr1a:checked, #nt-tr1b:checked) .nt-fx .nt-pk:nth-of-type(4) { --tx: calc(216 * var(--k)); --ty: calc(5 * var(--k)); } @media (orientation: portrait) { html:has(#nt-tr1a:checked, #nt-tr1b:checked) .nt-fx .nt-pk:nth-of-type(4) { --tx: calc(-5 * var(--k)); --ty: calc(216 * var(--k)); } }
html:has(#nt-tr1a:checked, #nt-tr1b:checked) .nt-fx .nt-pk:nth-of-type(5) { display: none; }
.nt-cdn { --x: 1280; --y: 857; --nm: "TRANSIT"; } @media (orientation: portrait) { .nt-cdn { --x: 143; --y: 1280; } }
html:has(#nt-cdna:checked, #nt-cdnb:checked) .nt-fx { --x: 1280; --y: 857; --nm: "TRANSIT"; --rtt: "3.9 ms"; } @media (orientation: portrait) { html:has(#nt-cdna:checked, #nt-cdnb:checked) .nt-fx { --x: 143; --y: 1280; } }
html:has(#nt-cdna:checked, #nt-cdnb:checked) .nt-fx .nt-pk:nth-of-type(1) { --tx: calc(-391 * var(--k)); --ty: calc(-213 * var(--k)); } @media (orientation: portrait) { html:has(#nt-cdna:checked, #nt-cdnb:checked) .nt-fx .nt-pk:nth-of-type(1) { --tx: calc(213 * var(--k)); --ty: calc(-391 * var(--k)); } }
html:has(#nt-cdna:checked, #nt-cdnb:checked) .nt-fx .nt-pk:nth-of-type(2) { --tx: calc(-42 * var(--k)); --ty: calc(-431 * var(--k)); } @media (orientation: portrait) { html:has(#nt-cdna:checked, #nt-cdnb:checked) .nt-fx .nt-pk:nth-of-type(2) { --tx: calc(431 * var(--k)); --ty: calc(-42 * var(--k)); } }
html:has(#nt-cdna:checked, #nt-cdnb:checked) .nt-fx .nt-pk:nth-of-type(3) { --tx: calc(55 * var(--k)); --ty: calc(-242 * var(--k)); } @media (orientation: portrait) { html:has(#nt-cdna:checked, #nt-cdnb:checked) .nt-fx .nt-pk:nth-of-type(3) { --tx: calc(242 * var(--k)); --ty: calc(55 * var(--k)); } }
html:has(#nt-cdna:checked, #nt-cdnb:checked) .nt-fx .nt-pk:nth-of-type(4) { --tx: calc(119 * var(--k)); --ty: calc(-73 * var(--k)); } @media (orientation: portrait) { html:has(#nt-cdna:checked, #nt-cdnb:checked) .nt-fx .nt-pk:nth-of-type(4) { --tx: calc(73 * var(--k)); --ty: calc(119 * var(--k)); } }
html:has(#nt-cdna:checked, #nt-cdnb:checked) .nt-fx .nt-pk:nth-of-type(5) { --tx: calc(-214 * var(--k)); --ty: calc(-29 * var(--k)); } @media (orientation: portrait) { html:has(#nt-cdna:checked, #nt-cdnb:checked) .nt-fx .nt-pk:nth-of-type(5) { --tx: calc(29 * var(--k)); --ty: calc(-214 * var(--k)); } }
.nt-srv { --x: 1238; --y: 426; --nm: "IP.BZH"; } @media (orientation: portrait) { .nt-srv { --x: 574; --y: 1238; } }
html:has(#nt-srva:checked, #nt-srvb:checked) .nt-fx { --x: 1238; --y: 426; --nm: "IP.BZH"; --rtt: "29.5 ms"; } @media (orientation: portrait) { html:has(#nt-srva:checked, #nt-srvb:checked) .nt-fx { --x: 574; --y: 1238; } }
html:has(#nt-srva:checked, #nt-srvb:checked) .nt-fx .nt-pk:nth-of-type(1) { --tx: calc(42 * var(--k)); --ty: calc(431 * var(--k)); } @media (orientation: portrait) { html:has(#nt-srva:checked, #nt-srvb:checked) .nt-fx .nt-pk:nth-of-type(1) { --tx: calc(-431 * var(--k)); --ty: calc(42 * var(--k)); } }
html:has(#nt-srva:checked, #nt-srvb:checked) .nt-fx .nt-pk:nth-of-type(2) { --tx: calc(-120 * var(--k)); --ty: calc(-164 * var(--k)); } @media (orientation: portrait) { html:has(#nt-srva:checked, #nt-srvb:checked) .nt-fx .nt-pk:nth-of-type(2) { --tx: calc(164 * var(--k)); --ty: calc(-120 * var(--k)); } }
html:has(#nt-srva:checked, #nt-srvb:checked) .nt-fx .nt-pk:nth-of-type(3) { --tx: calc(155 * var(--k)); --ty: calc(-116 * var(--k)); } @media (orientation: portrait) { html:has(#nt-srva:checked, #nt-srvb:checked) .nt-fx .nt-pk:nth-of-type(3) { --tx: calc(116 * var(--k)); --ty: calc(155 * var(--k)); } }
html:has(#nt-srva:checked, #nt-srvb:checked) .nt-fx .nt-pk:nth-of-type(4) { --tx: calc(152 * var(--k)); --ty: calc(-5 * var(--k)); } @media (orientation: portrait) { html:has(#nt-srva:checked, #nt-srvb:checked) .nt-fx .nt-pk:nth-of-type(4) { --tx: calc(5 * var(--k)); --ty: calc(152 * var(--k)); } }
html:has(#nt-srva:checked, #nt-srvb:checked) .nt-fx .nt-pk:nth-of-type(5) { --tx: calc(-133 * var(--k)); --ty: calc(223 * var(--k)); } @media (orientation: portrait) { html:has(#nt-srva:checked, #nt-srvb:checked) .nt-fx .nt-pk:nth-of-type(5) { --tx: calc(-223 * var(--k)); --ty: calc(-133 * var(--k)); } }
/* Shown when the network is the background chosen (see style.css); light
   pictures with the light theme; still pictures, and no pings, for less
   motion; nothing over the page in print. */
:root:is([data-net="demo"], :not([data-sky="demo"]):is([data-bg="net"], :not([data-bg]):has(#bg-net:checked))) :is(.nt-bg, .nt-hit) { display: block; }
:root:not([data-net="demo"]):is([data-theme="light"], :not([data-theme]):has(#th-light:checked)) .nt-bg { --net: url("net-light.svg?v=194cb619"); }
@media (orientation: portrait) { :root:not([data-net="demo"]):is([data-theme="light"], :not([data-theme]):has(#th-light:checked)) .nt-bg { --net: url("net-light-tall.svg?v=a3b3a218"); } }
@media (prefers-reduced-motion: reduce) {
  .nt-bg { --net: url("net-dark-still.svg?v=b266074a"); }
  :root:not([data-net="demo"]):is([data-theme="light"], :not([data-theme]):has(#th-light:checked)) .nt-bg { --net: url("net-light-still.svg?v=6c436b9e"); }
  .nt-hit { display: none !important; }
}
@media (prefers-reduced-motion: reduce) and (orientation: portrait) {
  .nt-bg { --net: url("net-dark-tall-still.svg?v=07c117a7"); }
  :root:not([data-net="demo"]):is([data-theme="light"], :not([data-theme]):has(#th-light:checked)) .nt-bg { --net: url("net-light-tall-still.svg?v=53041e28"); }
}
@media (prefers-contrast: more), (forced-colors: active), print { .nt-bg, .nt-hit { display: none !important; } }