/* The sky of the site, in CSS alone (sky.html). Over the drifting stars
   and the readouts of style.css: the
   constellations, two nebulae, twinkling stars, the sun, six rings each
   turning at its own pace with its planet, and every event of the sky, once
   in each round of 480s, the rounds each in another order, every event at a
   moment drawn in its slot of 20s and at another place (a schedule of 9
   rounds, drawn by the generator). The events count on --ev-clock:
   --bg-clock brought back to the start of a slot, so that a new page never
   opens in the middle of an event (its parts would start with the page and
   be cut short). Click a planet: a capital
   ship comes and blows it up (it is back the next time round); click the
   sun: a supernova, its front sweeping the whole sky away. ?sky=demo (data-sky on <html>, set by the server): the
   events one after the other, each at its first place. Generated (positions, delays, frames): keep it so, edit the
   generator (tools/gensky.py) rather than this file by hand. */
.nj-sky, .nj-hit { position: fixed; inset: 0; pointer-events: none; overflow: hidden; }
.nj-sky { z-index: -1; }
.nj-hit { z-index: 2; }
.nj-sky div, .nj-sky i, .nj-sky b, .nj-ring { position: absolute; }
body > header, body > nav, body > footer { position: relative; z-index: 3; }
.nj-k { position: absolute; opacity: 0; width: 0; height: 0; margin: 0; pointer-events: none; }
.nj-sky, .nj-hit { --ev-clock: var(--bg-clock, 0s); }
@supports (top: round(down, 5px, 2px)) { .nj-sky, .nj-hit { --ev-clock: round(down, var(--bg-clock, 0s), 20s); } }

.nj-far {
  left: 0; right: 0; top: -1800px; height: calc(100% + 1800px); background-color: var(--sky); opacity: .9;
  mask: url("bg-far.svg?v=96b964b4") 50% 0 / 3200px 1800px repeat-y; -webkit-mask: url("bg-far.svg?v=96b964b4") 50% 0 / 3200px 1800px repeat-y;
  animation: bg-rise-far 600s linear infinite var(--bg-clock, 0s);
}
.nj-neb { border-radius: 50%; opacity: .1; animation: nj-neb 140s ease-in-out infinite alternate var(--bg-clock, 0s); }
.nj-neb1 { left: -8%; top: 38%; width: 46vmax; height: 30vmax; background: radial-gradient(closest-side, color-mix(in srgb, var(--accent) 70%, transparent), transparent); }
.nj-neb2 { left: 52%; top: 58%; width: 38vmax; height: 26vmax; background: radial-gradient(closest-side, color-mix(in srgb, var(--bad) 55%, transparent), transparent); animation-duration: 190s; }
@keyframes nj-neb { from { transform: rotate(-6deg) scale(1); } to { transform: rotate(8deg) scale(1.15) translate(3%, -4%); } }
.nj-tw { width: 3px; height: 3px; margin: -1.5px; border-radius: 50%; background: var(--sky); box-shadow: 0 0 4px var(--sky); animation: nj-tw 4s ease-in-out infinite; }
@keyframes nj-tw { 0%, 100% { opacity: .25; transform: scale(.7); } 50% { opacity: 1; transform: scale(1.4); } }

.nj-tw:nth-of-type(1) { left: 54.5%; top: 34.8%; animation-duration: 6.3s; animation-delay: -2.0s; }
.nj-tw:nth-of-type(2) { left: 51.0%; top: 34.6%; animation-duration: 4.4s; animation-delay: -6.8s; }
.nj-tw:nth-of-type(3) { left: 12.8%; top: 43.9%; animation-duration: 3.6s; animation-delay: -2.4s; }
.nj-tw:nth-of-type(4) { left: 96.9%; top: 33.3%; animation-duration: 5.3s; animation-delay: -2.9s; }
.nj-tw:nth-of-type(5) { left: 71.7%; top: 44.1%; animation-duration: 3.3s; animation-delay: -3.0s; }
.nj-tw:nth-of-type(6) { left: 41.4%; top: 75.9%; animation-duration: 5.1s; animation-delay: -1.4s; }
.nj-tw:nth-of-type(7) { left: 66.3%; top: 30.5%; animation-duration: 4.9s; animation-delay: -1.5s; }
.nj-tw:nth-of-type(8) { left: 41.6%; top: 75.3%; animation-duration: 4.9s; animation-delay: -5.3s; }
.nj-tw:nth-of-type(9) { left: 74.1%; top: 57.0%; animation-duration: 5.4s; animation-delay: -2.8s; }
.nj-tw:nth-of-type(10) { left: 61.1%; top: 74.5%; animation-duration: 3.0s; animation-delay: -6.6s; }
.nj-tw:nth-of-type(11) { left: 37.5%; top: 15.8%; animation-duration: 3.3s; animation-delay: -2.4s; }
.nj-tw:nth-of-type(12) { left: 9.5%; top: 39.6%; animation-duration: 4.4s; animation-delay: -4.6s; }
.nj-tw:nth-of-type(13) { left: 46.9%; top: 89.0%; animation-duration: 5.5s; animation-delay: -2.2s; }
.nj-tw:nth-of-type(14) { left: 85.2%; top: 67.3%; animation-duration: 6.9s; animation-delay: -5.1s; }
.nj-tw:nth-of-type(15) { left: 93.8%; top: 21.9%; animation-duration: 3.8s; animation-delay: -6.8s; }
.nj-tw:nth-of-type(16) { left: 5.1%; top: 88.0%; animation-duration: 6.6s; animation-delay: -1.0s; }
.nj-tw:nth-of-type(17) { left: 17.2%; top: 87.3%; animation-duration: 6.8s; animation-delay: -6.1s; }
.nj-tw:nth-of-type(18) { left: 71.1%; top: 72.9%; animation-duration: 4.0s; animation-delay: -0.1s; }
.nj-ring {
  left: calc(100% - 120px); top: 120px; width: calc(var(--r) * 2); height: calc(var(--r) * 2); margin: calc(var(--r) * -1) 0 0 calc(var(--r) * -1);
  border: 1px solid color-mix(in srgb, var(--orbit) 85%, transparent); border-radius: 50%;
  transform: rotate(var(--s)); animation: nj-turn var(--p) linear infinite var(--bg-clock, 0s);
}
.nj-ring > .orb-p { left: 100%; top: 50%; transform: none; animation: none; }
@keyframes nj-turn { to { transform: rotate(calc(var(--s) - 360deg)); } }

.nj-r1 { --r: 150px; --p: 60s; --s: 150deg; --d: 7px; --c: #9a8f84; --nm: "BODY I"; --au: "0.39 AU"; }
.nj-r1 .nj-fx { --a: 12deg; }
.nj-r2 { --r: 260px; --p: 75s; --s: 265deg; --d: 10px; --c: #d9c27a; --nm: "BODY II"; --au: "0.72 AU"; border-style: dashed; }
.nj-r2 .nj-fx { --a: 34deg; }
.nj-r3 { --r: 400px; --p: 100s; --s: 35deg; --d: 10.5px; --c: #4f8fc0; --m: 9s; --nm: "BODY III"; --au: "1.00 AU"; }
.nj-r3 .nj-fx { --a: 40deg; }
.nj-r4 { --r: 560px; --p: 120s; --s: 200deg; --d: 8px; --c: #c0603f; --nm: "BODY IV"; --au: "1.52 AU"; border-style: dotted; }
.nj-r4 .nj-fx { --a: 1deg; }
.nj-r5 { --r: 760px; --p: 150s; --s: 320deg; --d: 13px; --c: #d4b483; --nm: "BODY V"; --au: "5.20 AU"; }
.nj-r5 .nj-fx { --a: -44deg; }
.nj-r6 { --r: 990px; --p: 200s; --s: 95deg; --d: 20px; --c: #c9955f; --m: 14s; --nm: "BODY VI"; --au: "9.54 AU"; border-style: dashed; }
.nj-r6 .nj-fx { --a: -29deg; }
@keyframes ev-kship-b {
  0%, 4.4% { opacity: 0; transform: translateX(490px) rotate(0deg) scaleX(3); }
  4.5% { opacity: 1; transform: translateX(420px) rotate(0deg) scaleX(1.7); animation-timing-function: cubic-bezier(.1, .8, .3, 1); }
  9% { transform: translateX(385px) rotate(0deg) scaleX(1); animation-timing-function: cubic-bezier(.45, 0, .55, 1); }
  27% { transform: translateX(88px) rotate(0deg) scaleX(1); animation-timing-function: ease-in-out; }
  30%, 48% { transform: translateX(92px) rotate(0deg) scaleX(1); }
  48.6% { transform: translateX(100px) rotate(-4deg) scaleX(1); } 50.5% { transform: translateX(95px) rotate(2deg) scaleX(1); }
  53%, 62% { transform: translateX(92px) rotate(0deg) scaleX(1); animation-timing-function: ease-in-out; }
  74% { transform: translateX(96px) rotate(180deg) scaleX(1); animation-timing-function: cubic-bezier(.55, 0, .9, .5); }
  84% { opacity: 1; transform: translateX(240px) rotate(180deg) scaleX(1); animation-timing-function: cubic-bezier(.7, 0, 1, 1); }
  85.5% { opacity: .9; transform: translateX(520px) rotate(180deg) scaleX(6); }
  86.5%, 100% { opacity: 0; transform: translateX(900px) rotate(180deg) scaleX(9); }
}
@keyframes ev-kmain-b { 0%, 9% { opacity: .2; } 11%, 19% { opacity: 1; transform: scale(1.3); } 22%, 73% { opacity: .2; transform: scale(1); } 76% { opacity: 1; transform: scale(1); } 84% { opacity: 1; transform: scale(1.6); } 100% { opacity: 1; transform: scale(1.6); } }
@keyframes ev-krcs-go-b { 0%, 61% { opacity: 0; transform: scaleY(.3); } 62.5%, 66% { opacity: 1; transform: scaleY(1); } 67.5%, 100% { opacity: 0; transform: scaleY(.3); } }
@keyframes ev-krcs-stop-b { 0%, 70% { opacity: 0; transform: scaleY(.3); } 71.5%, 73.5% { opacity: 1; transform: scaleY(1); } 75%, 100% { opacity: 0; transform: scaleY(.3); } }
@keyframes ev-krcs-nd-b {
  0%, 28.5% { opacity: 0; transform: scaleY(.3); } 29.5%, 31% { opacity: .8; transform: scaleY(.7); } 32% { opacity: 0; transform: scaleY(.3); }
  36.5% { opacity: 0; } 37.5%, 38.5% { opacity: .8; transform: scaleY(.6); } 39.5% { opacity: 0; transform: scaleY(.3); }
  54.5% { opacity: 0; } 55.5%, 57% { opacity: .8; transform: scaleY(.7); } 58% { opacity: 0; transform: scaleY(.3); }
  61% { opacity: 0; transform: scaleY(.3); } 62.5%, 66% { opacity: 1; transform: scaleY(1); } 67.5%, 100% { opacity: 0; transform: scaleY(.3); }
}
@keyframes ev-krcs-td-b {
  0%, 28.5% { opacity: 0; transform: scaleY(.3); } 29.5%, 31% { opacity: .8; transform: scaleY(.7); } 32% { opacity: 0; transform: scaleY(.3); }
  36.5% { opacity: 0; } 37.5%, 38.5% { opacity: .8; transform: scaleY(.6); } 39.5% { opacity: 0; transform: scaleY(.3); }
  54.5% { opacity: 0; } 55.5%, 57% { opacity: .8; transform: scaleY(.7); } 58% { opacity: 0; transform: scaleY(.3); }
  70% { opacity: 0; transform: scaleY(.3); } 71.5%, 73.5% { opacity: 1; transform: scaleY(1); } 75%, 100% { opacity: 0; transform: scaleY(.3); }
}
@keyframes ev-kcharge-b { 0%, 30% { opacity: 0; transform: scale(.2); } 43% { opacity: 1; transform: scale(1.2); } 45% { opacity: 1; transform: scale(.8); } 48%, 100% { opacity: 0; transform: scale(.3); } }
@keyframes ev-kbeam-b { 0%, 44% { opacity: 0; transform: scaleX(0); } 45.5% { opacity: 1; transform: scaleX(1); } 47.5% { opacity: 1; transform: scaleX(1); } 50%, 100% { opacity: 0; transform: scaleX(1); } }
@keyframes ev-kflash-b { 0%, 46.5% { opacity: 0; transform: scale(.2); } 48% { opacity: 1; transform: scale(1.6); } 52% { opacity: .9; transform: scale(2.2); } 64%, 100% { opacity: 0; transform: scale(3); } }
@keyframes ev-kwave-b { 0%, 47% { opacity: 0; transform: rotate(-30deg) scale(0); } 48% { opacity: .95; } 85%, 100% { opacity: 0; transform: rotate(-30deg) scale(1); } }
@keyframes ev-kwave2-b { 0%, 48% { opacity: 0; transform: scale(0); } 50% { opacity: .7; } 78%, 100% { opacity: 0; transform: scale(1); } }
@keyframes ev-kcloud-b { 0%, 47% { opacity: 0; transform: scale(.2); } 52% { opacity: .9; transform: scale(.8); } 100% { opacity: 0; transform: scale(1.5); } }
@keyframes ev-kbits-b { 0%, 47% { opacity: 0; transform: rotate(var(--b)); } 48% { opacity: 1; } 90%, 100% { opacity: 0; transform: rotate(var(--b)) translateX(var(--r)) rotate(200deg); } }
@keyframes ev-kretro-b {
  0%, 4.5% { opacity: 0; transform: scaleX(.3); } 5.5%, 8% { opacity: 1; transform: scaleX(1.4); } 9.5%, 21% { opacity: 0; transform: scaleX(.3); }
  22.5%, 27% { opacity: 1; transform: scaleX(1.6); } 29% { opacity: .2; transform: scaleX(.4); } 30% { opacity: .7; transform: scaleX(.7); } 31.5% { opacity: 0; } 50% { opacity: 0; transform: scaleX(.4); } 52% { opacity: 1; transform: scaleX(1.2); }
  56% { opacity: .3; transform: scaleX(.5); } 58%, 100% { opacity: 0; transform: scaleX(.3); }
}
@keyframes ev-kwarp-b { 0% { opacity: 0; transform: scaleX(1); } 1% { opacity: 1; } 4.5% { opacity: 1; transform: scaleX(.02); } 5%, 100% { opacity: 0; transform: scaleX(0); } }
@keyframes ev-kwarp2-b { 0%, 84.4% { opacity: 0; transform: scaleX(0); } 84.5% { opacity: 1; transform: scaleX(.05); } 86.5% { opacity: .9; transform: scaleX(1); } 92%, 100% { opacity: 0; transform: scaleX(1); } }
@keyframes ev-kin-b { 0%, 4.2% { opacity: 0; transform: scale(.2); } 4.8% { opacity: 1; transform: scale(1); } 10%, 100% { opacity: 0; transform: scale(1.9); } }
@keyframes ev-kout-b { 0%, 84.2% { opacity: 0; transform: scale(.2); } 84.8% { opacity: 1; transform: scale(1); } 90%, 100% { opacity: 0; transform: scale(1.9); } }
@keyframes ev-kshield-b { 0%, 48.2% { opacity: 0; } 48.8% { opacity: .9; } 50% { opacity: .35; } 51% { opacity: .75; } 55%, 100% { opacity: 0; } }
:is(.nj-fx, .nv-boom) i.ev-bit:nth-of-type(1) { --b: 28deg; --r: 70px; }
:is(.nj-fx, .nv-boom) i.ev-bit:nth-of-type(2) { --b: 45deg; --r: 65px; }
:is(.nj-fx, .nv-boom) i.ev-bit:nth-of-type(3) { --b: 73deg; --r: 56px; }
:is(.nj-fx, .nv-boom) i.ev-bit:nth-of-type(4) { --b: 91deg; --r: 62px; }
:is(.nj-fx, .nv-boom) i.ev-bit:nth-of-type(5) { --b: 113deg; --r: 142px; }
:is(.nj-fx, .nv-boom) i.ev-bit:nth-of-type(6) { --b: 145deg; --r: 66px; }
:is(.nj-fx, .nv-boom) i.ev-bit:nth-of-type(7) { --b: 165deg; --r: 154px; }
:is(.nj-fx, .nv-boom) i.ev-bit:nth-of-type(8) { --b: 183deg; --r: 83px; }
:is(.nj-fx, .nv-boom) i.ev-bit:nth-of-type(9) { --b: 213deg; --r: 139px; }
:is(.nj-fx, .nv-boom) i.ev-bit:nth-of-type(10) { --b: 232deg; --r: 143px; }
:is(.nj-fx, .nv-boom) i.ev-bit:nth-of-type(11) { --b: 254deg; --r: 81px; }
:is(.nj-fx, .nv-boom) i.ev-bit:nth-of-type(12) { --b: 278deg; --r: 142px; }
:is(.nj-fx, .nv-boom) i.ev-bit:nth-of-type(13) { --b: 293deg; --r: 82px; }
:is(.nj-fx, .nv-boom) i.ev-bit:nth-of-type(14) { --b: 319deg; --r: 155px; }
:is(.nj-fx, .nv-boom) i.ev-bit:nth-of-type(15) { --b: 341deg; --r: 128px; }
:is(.nj-fx, .nv-boom) i.ev-bit:nth-of-type(16) { --b: 365deg; --r: 89px; }
.nj-fx { display: none; }
.nj-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
#nj-ship .ks-eng { animation: none; }
.nj-fx i { position: absolute; }
.nj-hp-tag { position: absolute; left: 50%; top: 50%; width: 0; height: 0; animation: nj-unturn var(--p) linear infinite var(--bg-clock, 0s); }
@keyframes nj-unturn { from { transform: rotate(calc(var(--s) * -1)); } to { transform: rotate(calc(360deg - var(--s))); } }
@keyframes nj-gone-a { 0%, 97% { opacity: 0; } }
@keyframes nj-gone-b { 0%, 97% { opacity: 0; } }
@keyframes nj-tag-a { 0%, 47% { opacity: 0; } 50%, 85% { opacity: .9; } 100% { opacity: 0; } }
@keyframes nj-tag-b { 0%, 47% { opacity: 0; } 50%, 85% { opacity: .9; } 100% { opacity: 0; } }
/* The hit layer, above the page: a ring turning like each of the sky's, a
   label on its planet (two: one for each state); hovered, the planet is
   bracketed and named. */
.nj-hring { border-color: transparent !important; }
.nj-hp {
  position: absolute; left: 100%; top: 50%; width: max(30px, calc(var(--d) + 18px)); height: max(30px, calc(var(--d) + 18px));
  transform: translate(-50%, -50%); border-radius: 50%; pointer-events: auto; cursor: crosshair;
}
.nj-hp::before {
  content: ""; position: absolute; inset: -3px; 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;
}
.nj-hp:hover::before { opacity: .9; }
.nj-tag {
  position: absolute; left: 22px; top: -22px; white-space: nowrap; font: 10px ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .09em;
  color: var(--hud); opacity: 0; transition: opacity .2s; pointer-events: none;
}
.nj-tag::after { content: var(--nm) " · " var(--au) " · ENGAGE"; }
.nj-dead { position: absolute; left: 22px; top: -22px; white-space: nowrap; font: 10px ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .09em; color: var(--hud); opacity: 0; pointer-events: none; }
.nj-dead::after { content: var(--nm) " · DESTROYED"; }
.nj-hp:hover .nj-tag { opacity: .9; }
/* The label not in use is hidden, not removed: its counter-turn must keep
   in step with the ring's. */
.nj-hb { visibility: hidden; }

html:has(#nj-p1a:checked) .nj-r1 .nj-ha { visibility: hidden; } html:has(#nj-p1a:checked) .nj-r1 .nj-hb { visibility: visible; }
html:has(#nj-p1a:checked) .nj-r1 .nj-fx { display: block; }
html:has(#nj-p1a:checked) .nj-sky .nj-r1 > .orb-p::before, html:has(#nj-p1a:checked) .nj-sky .nj-r1 > .orb-p::after, html:has(#nj-p1a:checked) .nj-sky .nj-r1 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards; }
html:has(#nj-p1a:checked) .nj-r1 .nj-dead { animation: nj-tag-a 10s; }
html:has(#nj-p1b:checked) .nj-r1 .nj-hb { visibility: hidden; } html:has(#nj-p1b:checked) .nj-r1 .nj-ha { visibility: visible; }
html:has(#nj-p1b:checked) .nj-r1 .nj-fx { display: block; }
html:has(#nj-p1b:checked) .nj-sky .nj-r1 > .orb-p::before, html:has(#nj-p1b:checked) .nj-sky .nj-r1 > .orb-p::after, html:has(#nj-p1b:checked) .nj-sky .nj-r1 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards; }
html:has(#nj-p1b:checked) .nj-r1 .nj-dead { animation: nj-tag-b 10s; }
html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-kbody { animation-name: ev-kship-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-kengine { animation-name: ev-kmain-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-krcs-tu { animation-name: ev-krcs-go-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-krcs-nu { animation-name: ev-krcs-stop-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-krcs-nd { animation-name: ev-krcs-nd-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-krcs-td { animation-name: ev-krcs-td-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-kcharge { animation-name: ev-kcharge-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-kbeam { animation-name: ev-kbeam-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-kflash { animation-name: ev-kflash-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-kwave { animation-name: ev-kwave-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-kwave2 { animation-name: ev-kwave2-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-kcloud { animation-name: ev-kcloud-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-bit { animation-name: ev-kbits-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-kretro { animation-name: ev-kretro-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-kwarp { animation-name: ev-kwarp-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-kwarp2 { animation-name: ev-kwarp2-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-kin { animation-name: ev-kin-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-kout { animation-name: ev-kout-b; } html:has(#nj-p1b:checked) .nj-r1 .nj-fx .ev-kshield { animation-name: ev-kshield-b; }
html:has(#nj-p2a:checked) .nj-r2 .nj-ha { visibility: hidden; } html:has(#nj-p2a:checked) .nj-r2 .nj-hb { visibility: visible; }
html:has(#nj-p2a:checked) .nj-r2 .nj-fx { display: block; }
html:has(#nj-p2a:checked) .nj-sky .nj-r2 > .orb-p::before, html:has(#nj-p2a:checked) .nj-sky .nj-r2 > .orb-p::after, html:has(#nj-p2a:checked) .nj-sky .nj-r2 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards; }
html:has(#nj-p2a:checked) .nj-r2 .nj-dead { animation: nj-tag-a 10s; }
html:has(#nj-p2b:checked) .nj-r2 .nj-hb { visibility: hidden; } html:has(#nj-p2b:checked) .nj-r2 .nj-ha { visibility: visible; }
html:has(#nj-p2b:checked) .nj-r2 .nj-fx { display: block; }
html:has(#nj-p2b:checked) .nj-sky .nj-r2 > .orb-p::before, html:has(#nj-p2b:checked) .nj-sky .nj-r2 > .orb-p::after, html:has(#nj-p2b:checked) .nj-sky .nj-r2 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards; }
html:has(#nj-p2b:checked) .nj-r2 .nj-dead { animation: nj-tag-b 10s; }
html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-kbody { animation-name: ev-kship-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-kengine { animation-name: ev-kmain-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-krcs-tu { animation-name: ev-krcs-go-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-krcs-nu { animation-name: ev-krcs-stop-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-krcs-nd { animation-name: ev-krcs-nd-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-krcs-td { animation-name: ev-krcs-td-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-kcharge { animation-name: ev-kcharge-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-kbeam { animation-name: ev-kbeam-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-kflash { animation-name: ev-kflash-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-kwave { animation-name: ev-kwave-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-kwave2 { animation-name: ev-kwave2-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-kcloud { animation-name: ev-kcloud-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-bit { animation-name: ev-kbits-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-kretro { animation-name: ev-kretro-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-kwarp { animation-name: ev-kwarp-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-kwarp2 { animation-name: ev-kwarp2-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-kin { animation-name: ev-kin-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-kout { animation-name: ev-kout-b; } html:has(#nj-p2b:checked) .nj-r2 .nj-fx .ev-kshield { animation-name: ev-kshield-b; }
html:has(#nj-p3a:checked) .nj-r3 .nj-ha { visibility: hidden; } html:has(#nj-p3a:checked) .nj-r3 .nj-hb { visibility: visible; }
html:has(#nj-p3a:checked) .nj-r3 .nj-fx { display: block; }
html:has(#nj-p3a:checked) .nj-sky .nj-r3 > .orb-p::before, html:has(#nj-p3a:checked) .nj-sky .nj-r3 > .orb-p::after, html:has(#nj-p3a:checked) .nj-sky .nj-r3 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards; }
html:has(#nj-p3a:checked) .nj-r3 .nj-dead { animation: nj-tag-a 10s; }
html:has(#nj-p3b:checked) .nj-r3 .nj-hb { visibility: hidden; } html:has(#nj-p3b:checked) .nj-r3 .nj-ha { visibility: visible; }
html:has(#nj-p3b:checked) .nj-r3 .nj-fx { display: block; }
html:has(#nj-p3b:checked) .nj-sky .nj-r3 > .orb-p::before, html:has(#nj-p3b:checked) .nj-sky .nj-r3 > .orb-p::after, html:has(#nj-p3b:checked) .nj-sky .nj-r3 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards; }
html:has(#nj-p3b:checked) .nj-r3 .nj-dead { animation: nj-tag-b 10s; }
html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-kbody { animation-name: ev-kship-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-kengine { animation-name: ev-kmain-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-krcs-tu { animation-name: ev-krcs-go-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-krcs-nu { animation-name: ev-krcs-stop-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-krcs-nd { animation-name: ev-krcs-nd-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-krcs-td { animation-name: ev-krcs-td-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-kcharge { animation-name: ev-kcharge-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-kbeam { animation-name: ev-kbeam-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-kflash { animation-name: ev-kflash-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-kwave { animation-name: ev-kwave-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-kwave2 { animation-name: ev-kwave2-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-kcloud { animation-name: ev-kcloud-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-bit { animation-name: ev-kbits-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-kretro { animation-name: ev-kretro-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-kwarp { animation-name: ev-kwarp-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-kwarp2 { animation-name: ev-kwarp2-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-kin { animation-name: ev-kin-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-kout { animation-name: ev-kout-b; } html:has(#nj-p3b:checked) .nj-r3 .nj-fx .ev-kshield { animation-name: ev-kshield-b; }
html:has(#nj-p4a:checked) .nj-r4 .nj-ha { visibility: hidden; } html:has(#nj-p4a:checked) .nj-r4 .nj-hb { visibility: visible; }
html:has(#nj-p4a:checked) .nj-r4 .nj-fx { display: block; }
html:has(#nj-p4a:checked) .nj-sky .nj-r4 > .orb-p::before, html:has(#nj-p4a:checked) .nj-sky .nj-r4 > .orb-p::after, html:has(#nj-p4a:checked) .nj-sky .nj-r4 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards; }
html:has(#nj-p4a:checked) .nj-r4 .nj-dead { animation: nj-tag-a 10s; }
html:has(#nj-p4b:checked) .nj-r4 .nj-hb { visibility: hidden; } html:has(#nj-p4b:checked) .nj-r4 .nj-ha { visibility: visible; }
html:has(#nj-p4b:checked) .nj-r4 .nj-fx { display: block; }
html:has(#nj-p4b:checked) .nj-sky .nj-r4 > .orb-p::before, html:has(#nj-p4b:checked) .nj-sky .nj-r4 > .orb-p::after, html:has(#nj-p4b:checked) .nj-sky .nj-r4 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards; }
html:has(#nj-p4b:checked) .nj-r4 .nj-dead { animation: nj-tag-b 10s; }
html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-kbody { animation-name: ev-kship-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-kengine { animation-name: ev-kmain-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-krcs-tu { animation-name: ev-krcs-go-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-krcs-nu { animation-name: ev-krcs-stop-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-krcs-nd { animation-name: ev-krcs-nd-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-krcs-td { animation-name: ev-krcs-td-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-kcharge { animation-name: ev-kcharge-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-kbeam { animation-name: ev-kbeam-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-kflash { animation-name: ev-kflash-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-kwave { animation-name: ev-kwave-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-kwave2 { animation-name: ev-kwave2-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-kcloud { animation-name: ev-kcloud-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-bit { animation-name: ev-kbits-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-kretro { animation-name: ev-kretro-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-kwarp { animation-name: ev-kwarp-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-kwarp2 { animation-name: ev-kwarp2-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-kin { animation-name: ev-kin-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-kout { animation-name: ev-kout-b; } html:has(#nj-p4b:checked) .nj-r4 .nj-fx .ev-kshield { animation-name: ev-kshield-b; }
html:has(#nj-p5a:checked) .nj-r5 .nj-ha { visibility: hidden; } html:has(#nj-p5a:checked) .nj-r5 .nj-hb { visibility: visible; }
html:has(#nj-p5a:checked) .nj-r5 .nj-fx { display: block; }
html:has(#nj-p5a:checked) .nj-sky .nj-r5 > .orb-p::before, html:has(#nj-p5a:checked) .nj-sky .nj-r5 > .orb-p::after, html:has(#nj-p5a:checked) .nj-sky .nj-r5 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards; }
html:has(#nj-p5a:checked) .nj-r5 .nj-dead { animation: nj-tag-a 10s; }
html:has(#nj-p5b:checked) .nj-r5 .nj-hb { visibility: hidden; } html:has(#nj-p5b:checked) .nj-r5 .nj-ha { visibility: visible; }
html:has(#nj-p5b:checked) .nj-r5 .nj-fx { display: block; }
html:has(#nj-p5b:checked) .nj-sky .nj-r5 > .orb-p::before, html:has(#nj-p5b:checked) .nj-sky .nj-r5 > .orb-p::after, html:has(#nj-p5b:checked) .nj-sky .nj-r5 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards; }
html:has(#nj-p5b:checked) .nj-r5 .nj-dead { animation: nj-tag-b 10s; }
html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-kbody { animation-name: ev-kship-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-kengine { animation-name: ev-kmain-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-krcs-tu { animation-name: ev-krcs-go-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-krcs-nu { animation-name: ev-krcs-stop-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-krcs-nd { animation-name: ev-krcs-nd-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-krcs-td { animation-name: ev-krcs-td-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-kcharge { animation-name: ev-kcharge-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-kbeam { animation-name: ev-kbeam-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-kflash { animation-name: ev-kflash-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-kwave { animation-name: ev-kwave-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-kwave2 { animation-name: ev-kwave2-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-kcloud { animation-name: ev-kcloud-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-bit { animation-name: ev-kbits-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-kretro { animation-name: ev-kretro-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-kwarp { animation-name: ev-kwarp-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-kwarp2 { animation-name: ev-kwarp2-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-kin { animation-name: ev-kin-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-kout { animation-name: ev-kout-b; } html:has(#nj-p5b:checked) .nj-r5 .nj-fx .ev-kshield { animation-name: ev-kshield-b; }
html:has(#nj-p6a:checked) .nj-r6 .nj-ha { visibility: hidden; } html:has(#nj-p6a:checked) .nj-r6 .nj-hb { visibility: visible; }
html:has(#nj-p6a:checked) .nj-r6 .nj-fx { display: block; }
html:has(#nj-p6a:checked) .nj-sky .nj-r6 > .orb-p::before, html:has(#nj-p6a:checked) .nj-sky .nj-r6 > .orb-p::after, html:has(#nj-p6a:checked) .nj-sky .nj-r6 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards; }
html:has(#nj-p6a:checked) .nj-r6 .nj-dead { animation: nj-tag-a 10s; }
html:has(#nj-p6b:checked) .nj-r6 .nj-hb { visibility: hidden; } html:has(#nj-p6b:checked) .nj-r6 .nj-ha { visibility: visible; }
html:has(#nj-p6b:checked) .nj-r6 .nj-fx { display: block; }
html:has(#nj-p6b:checked) .nj-sky .nj-r6 > .orb-p::before, html:has(#nj-p6b:checked) .nj-sky .nj-r6 > .orb-p::after, html:has(#nj-p6b:checked) .nj-sky .nj-r6 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards; }
html:has(#nj-p6b:checked) .nj-r6 .nj-dead { animation: nj-tag-b 10s; }
html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-kbody { animation-name: ev-kship-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-kengine { animation-name: ev-kmain-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-krcs-tu { animation-name: ev-krcs-go-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-krcs-nu { animation-name: ev-krcs-stop-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-krcs-nd { animation-name: ev-krcs-nd-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-krcs-td { animation-name: ev-krcs-td-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-kcharge { animation-name: ev-kcharge-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-kbeam { animation-name: ev-kbeam-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-kflash { animation-name: ev-kflash-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-kwave { animation-name: ev-kwave-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-kwave2 { animation-name: ev-kwave2-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-kcloud { animation-name: ev-kcloud-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-bit { animation-name: ev-kbits-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-kretro { animation-name: ev-kretro-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-kwarp { animation-name: ev-kwarp-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-kwarp2 { animation-name: ev-kwarp2-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-kin { animation-name: ev-kin-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-kout { animation-name: ev-kout-b; } html:has(#nj-p6b:checked) .nj-r6 .nj-fx .ev-kshield { animation-name: ev-kshield-b; }
.nj-sun { overflow: visible; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; }
.nj-sun > div { position: absolute; }
.nj-core { display: none; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px; border-radius: 50%; opacity: 0;
  background: radial-gradient(#fff, #fff 12%, #fff6d6 26%, color-mix(in srgb, var(--map) 70%, transparent) 42%, transparent 70%); }
.nj-nova { display: none; left: calc(100% - 120px); top: 120px; width: 0; height: 0; }
.nj-nova > * { left: 0; top: 0; border-radius: 50%; opacity: 0; }
.nv-flash { width: 300vmax; height: 300vmax; margin: -150vmax;
  background: radial-gradient(closest-side, #fff, #fff6d6 3%, color-mix(in srgb, var(--map) 55%, transparent) 12%, color-mix(in srgb, var(--hud) 22%, transparent) 30%, transparent 70%); }
.nv-glow { width: 1600px; height: 1600px; margin: -800px;
  background: radial-gradient(closest-side, color-mix(in srgb, #fff6d6 60%, transparent), color-mix(in srgb, var(--map) 30%, transparent) 25%, color-mix(in srgb, var(--hud) 12%, transparent) 55%, transparent); }
.nv-in { width: 220px; height: 220px; margin: -110px; border: 1.5px solid var(--map); box-shadow: 0 0 14px var(--map), inset 0 0 14px var(--map); }
.nv-rays { width: 260vmax; height: 260vmax; margin: -130vmax;
  -webkit-mask-image: radial-gradient(closest-side, #000 2%, rgba(0, 0, 0, .55) 25%, transparent 75%); mask-image: radial-gradient(closest-side, #000 2%, rgba(0, 0, 0, .55) 25%, transparent 75%); }
.nv-shell { width: 3200px; height: 3200px; margin: -1600px;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--map) 8%, transparent) 0 62%, color-mix(in srgb, var(--hud) 30%, transparent) 80%, color-mix(in srgb, var(--bad) 45%, transparent) 90%, color-mix(in srgb, #fff6d6 50%, transparent) 94%, transparent 100%); }
.nv-shell2 { width: 2400px; height: 2400px; margin: -1200px;
  background: radial-gradient(closest-side, transparent 0 70%, color-mix(in srgb, var(--accent) 25%, transparent) 86%, color-mix(in srgb, var(--accent) 45%, transparent) 95%, transparent 100%); }
.nv-wave { translate: -50% -50%; border: 2px solid #fff6d6; box-shadow: 0 0 22px var(--map), inset 0 0 22px var(--map); }
.nv-wave2 { border: 1px solid var(--accent); box-shadow: 0 0 12px var(--accent); }
.nv-rem { width: 260px; height: 260px; margin: -130px;
  background: radial-gradient(closest-side, color-mix(in srgb, #fff6d6 70%, transparent) 0 6%, transparent 14%, color-mix(in srgb, var(--accent) 22%, transparent) 40%, color-mix(in srgb, var(--bad) 40%, transparent) 70%, color-mix(in srgb, var(--hud) 30%, transparent) 84%, transparent 100%);
  -webkit-mask-image: var(--fil); mask-image: var(--fil); }
.nj-nova > i { width: 70px; height: 2px; margin-top: -1px; border-radius: 2px; background: linear-gradient(90deg, transparent, var(--map) 60%, #fff6d6); transform-origin: 0 50%; }
html:has(#nj-sa:checked, #nj-sb:checked) :is(.nj-nova, .nj-core) { display: block; }

.nv-rays { background: conic-gradient(transparent 0.0deg, color-mix(in srgb, #fff6d6 78%, transparent) 0.3deg, transparent 0.6deg, transparent 13.1deg, color-mix(in srgb, #fff6d6 60%, transparent) 14.0deg, transparent 14.9deg, transparent 25.0deg, color-mix(in srgb, #fff6d6 79%, transparent) 25.4deg, transparent 25.7deg, transparent 33.1deg, color-mix(in srgb, #fff6d6 70%, transparent) 34.0deg, transparent 34.9deg, transparent 40.4deg, color-mix(in srgb, #fff6d6 37%, transparent) 41.1deg, transparent 41.8deg, transparent 46.2deg, color-mix(in srgb, #fff6d6 72%, transparent) 47.0deg, transparent 47.8deg, transparent 54.3deg, color-mix(in srgb, #fff6d6 29%, transparent) 54.8deg, transparent 55.4deg, transparent 57.6deg, color-mix(in srgb, #fff6d6 39%, transparent) 58.3deg, transparent 58.9deg, transparent 67.8deg, color-mix(in srgb, #fff6d6 56%, transparent) 68.6deg, transparent 69.4deg, transparent 80.8deg, color-mix(in srgb, #fff6d6 45%, transparent) 81.5deg, transparent 82.1deg, transparent 95.4deg, color-mix(in srgb, #fff6d6 46%, transparent) 96.2deg, transparent 97.1deg, transparent 105.0deg, color-mix(in srgb, #fff6d6 37%, transparent) 105.9deg, transparent 106.7deg, transparent 115.8deg, color-mix(in srgb, #fff6d6 29%, transparent) 116.8deg, transparent 117.8deg, transparent 128.4deg, color-mix(in srgb, #fff6d6 44%, transparent) 128.7deg, transparent 129.0deg, transparent 142.3deg, color-mix(in srgb, #fff6d6 79%, transparent) 142.7deg, transparent 143.1deg, transparent 155.3deg, color-mix(in srgb, #fff6d6 45%, transparent) 155.8deg, transparent 156.3deg, transparent 170.1deg, color-mix(in srgb, #fff6d6 29%, transparent) 170.8deg, transparent 171.5deg, transparent 176.8deg, color-mix(in srgb, #fff6d6 69%, transparent) 177.5deg, transparent 178.2deg, transparent 180.4deg, color-mix(in srgb, #fff6d6 57%, transparent) 181.4deg, transparent 182.4deg, transparent 185.3deg, color-mix(in srgb, #fff6d6 75%, transparent) 186.3deg, transparent 187.3deg, transparent 191.2deg, color-mix(in srgb, #fff6d6 64%, transparent) 192.1deg, transparent 193.1deg, transparent 197.6deg, color-mix(in srgb, #fff6d6 72%, transparent) 198.1deg, transparent 198.6deg, transparent 205.9deg, color-mix(in srgb, #fff6d6 42%, transparent) 206.3deg, transparent 206.7deg, transparent 215.7deg, color-mix(in srgb, #fff6d6 49%, transparent) 216.1deg, transparent 216.5deg, transparent 222.1deg, color-mix(in srgb, #fff6d6 26%, transparent) 222.9deg, transparent 223.8deg, transparent 227.3deg, color-mix(in srgb, #fff6d6 76%, transparent) 227.6deg, transparent 227.9deg, transparent 233.9deg, color-mix(in srgb, #fff6d6 38%, transparent) 234.2deg, transparent 234.4deg, transparent 239.4deg, color-mix(in srgb, #fff6d6 38%, transparent) 240.1deg, transparent 240.8deg, transparent 244.1deg, color-mix(in srgb, #fff6d6 31%, transparent) 244.6deg, transparent 245.1deg, transparent 256.8deg, color-mix(in srgb, #fff6d6 47%, transparent) 257.0deg, transparent 257.2deg, transparent 271.2deg, color-mix(in srgb, #fff6d6 48%, transparent) 271.8deg, transparent 272.5deg, transparent 281.3deg, color-mix(in srgb, #fff6d6 45%, transparent) 282.1deg, transparent 283.0deg, transparent 285.4deg, color-mix(in srgb, #fff6d6 47%, transparent) 285.9deg, transparent 286.5deg, transparent 292.3deg, color-mix(in srgb, #fff6d6 37%, transparent) 292.8deg, transparent 293.2deg, transparent 296.7deg, color-mix(in srgb, #fff6d6 27%, transparent) 297.7deg, transparent 298.7deg, transparent 301.8deg, color-mix(in srgb, #fff6d6 31%, transparent) 302.8deg, transparent 303.8deg, transparent 310.0deg, color-mix(in srgb, #fff6d6 71%, transparent) 310.3deg, transparent 310.7deg, transparent 319.4deg, color-mix(in srgb, #fff6d6 61%, transparent) 320.3deg, transparent 321.2deg, transparent 330.3deg, color-mix(in srgb, #fff6d6 51%, transparent) 331.4deg, transparent 332.4deg, transparent 340.6deg, color-mix(in srgb, #fff6d6 49%, transparent) 341.2deg, transparent 341.9deg, transparent 355.3deg, color-mix(in srgb, #fff6d6 39%, transparent) 355.6deg, transparent 355.8deg, transparent 360deg); }
.nv-rem { --fil: conic-gradient(#000 5deg, rgba(0, 0, 0, 0.26) 9deg, #000 17deg, rgba(0, 0, 0, 0.42) 24deg, #000 32deg, rgba(0, 0, 0, 0.49) 41deg, #000 46deg, rgba(0, 0, 0, 0.22) 55deg, #000 64deg, rgba(0, 0, 0, 0.22) 72deg, #000 77deg, rgba(0, 0, 0, 0.38) 85deg, #000 93deg, rgba(0, 0, 0, 0.48) 99deg, #000 107deg, rgba(0, 0, 0, 0.19) 118deg, #000 121deg, rgba(0, 0, 0, 0.28) 134deg, #000 137deg, rgba(0, 0, 0, 0.49) 145deg, #000 153deg, rgba(0, 0, 0, 0.35) 161deg, #000 168deg, rgba(0, 0, 0, 0.16) 177deg, #000 183deg, rgba(0, 0, 0, 0.32) 191deg, #000 200deg, rgba(0, 0, 0, 0.45) 204deg, #000 211deg, rgba(0, 0, 0, 0.29) 223deg, #000 230deg, rgba(0, 0, 0, 0.15) 235deg, #000 241deg, rgba(0, 0, 0, 0.32) 250deg, #000 256deg, rgba(0, 0, 0, 0.32) 265deg, #000 275deg, rgba(0, 0, 0, 0.25) 280deg, #000 287deg, rgba(0, 0, 0, 0.23) 294deg, #000 303deg, rgba(0, 0, 0, 0.26) 310deg, #000 316deg, rgba(0, 0, 0, 0.23) 327deg, #000 332deg, rgba(0, 0, 0, 0.28) 339deg, #000 348deg, rgba(0, 0, 0, 0.43) 359deg, #000 360deg); }
.nj-nova > i:nth-of-type(1) { --b: 13deg; --r: 907px; --t: 6.7s; }
.nj-nova > i:nth-of-type(2) { --b: 16deg; --r: 889px; --t: 6.3s; }
.nj-nova > i:nth-of-type(3) { --b: 27deg; --r: 1178px; --t: 5.1s; }
.nj-nova > i:nth-of-type(4) { --b: 36deg; --r: 1466px; --t: 5.0s; }
.nj-nova > i:nth-of-type(5) { --b: 51deg; --r: 1902px; --t: 5.8s; }
.nj-nova > i:nth-of-type(6) { --b: 57deg; --r: 1127px; --t: 4.3s; }
.nj-nova > i:nth-of-type(7) { --b: 74deg; --r: 1564px; --t: 4.4s; }
.nj-nova > i:nth-of-type(8) { --b: 84deg; --r: 801px; --t: 3.7s; }
.nj-nova > i:nth-of-type(9) { --b: 92deg; --r: 1941px; --t: 4.4s; }
.nj-nova > i:nth-of-type(10) { --b: 103deg; --r: 1909px; --t: 5.0s; }
.nj-nova > i:nth-of-type(11) { --b: 109deg; --r: 1825px; --t: 6.4s; }
.nj-nova > i:nth-of-type(12) { --b: 121deg; --r: 1142px; --t: 5.3s; }
.nj-nova > i:nth-of-type(13) { --b: 134deg; --r: 1936px; --t: 4.3s; }
.nj-nova > i:nth-of-type(14) { --b: 142deg; --r: 2195px; --t: 6.0s; }
.nj-nova > i:nth-of-type(15) { --b: 153deg; --r: 1771px; --t: 5.3s; }
.nj-nova > i:nth-of-type(16) { --b: 163deg; --r: 1042px; --t: 4.5s; }
.nj-nova > i:nth-of-type(17) { --b: 169deg; --r: 1480px; --t: 5.1s; }
.nj-nova > i:nth-of-type(18) { --b: 177deg; --r: 832px; --t: 6.3s; }
.nj-nova > i:nth-of-type(19) { --b: 187deg; --r: 1077px; --t: 5.0s; }
.nj-nova > i:nth-of-type(20) { --b: 196deg; --r: 1092px; --t: 5.8s; }
.nj-nova > i:nth-of-type(21) { --b: 208deg; --r: 887px; --t: 4.9s; }
.nj-nova > i:nth-of-type(22) { --b: 223deg; --r: 971px; --t: 6.6s; }
.nj-nova > i:nth-of-type(23) { --b: 227deg; --r: 1123px; --t: 6.3s; }
.nj-nova > i:nth-of-type(24) { --b: 240deg; --r: 1913px; --t: 4.1s; }
.nj-nova > i:nth-of-type(25) { --b: 252deg; --r: 2160px; --t: 5.0s; }
.nj-nova > i:nth-of-type(26) { --b: 261deg; --r: 860px; --t: 3.7s; }
.nj-nova > i:nth-of-type(27) { --b: 272deg; --r: 1324px; --t: 4.9s; }
.nj-nova > i:nth-of-type(28) { --b: 277deg; --r: 1271px; --t: 3.6s; }
.nj-nova > i:nth-of-type(29) { --b: 292deg; --r: 784px; --t: 6.9s; }
.nj-nova > i:nth-of-type(30) { --b: 299deg; --r: 2148px; --t: 3.9s; }
.nj-nova > i:nth-of-type(31) { --b: 312deg; --r: 1080px; --t: 5.4s; }
.nj-nova > i:nth-of-type(32) { --b: 318deg; --r: 889px; --t: 3.5s; }
.nj-nova > i:nth-of-type(33) { --b: 329deg; --r: 1990px; --t: 5.1s; }
.nj-nova > i:nth-of-type(34) { --b: 344deg; --r: 1874px; --t: 5.3s; }
.nj-nova > i:nth-of-type(35) { --b: 349deg; --r: 1995px; --t: 4.8s; }
.nj-nova > i:nth-of-type(36) { --b: 359deg; --r: 1983px; --t: 3.6s; }
html:has(#nj-sa:checked) .nj-sky .nj-r1 .nv-boom > * { animation-delay: -3.11s; }
html:has(#nj-sa:checked) .nj-sky .nj-r1 > .orb-p::before, html:has(#nj-sa:checked)  .nj-sky .nj-r1 > .orb-p::after, html:has(#nj-sa:checked)  .nj-sky .nj-r1 .orb-moon::before { animation: nv-gone 13.29s linear 1.64s; }
html:has(#nj-sa:checked):has(#nj-p1a:checked) .nj-sky .nj-r1 > .orb-p::before, html:has(#nj-sa:checked):has(#nj-p1a:checked)  .nj-sky .nj-r1 > .orb-p::after, html:has(#nj-sa:checked):has(#nj-p1a:checked)  .nj-sky .nj-r1 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone 13.29s linear 1.64s; }
html:has(#nj-sa:checked):has(#nj-p1b:checked) .nj-sky .nj-r1 > .orb-p::before, html:has(#nj-sa:checked):has(#nj-p1b:checked)  .nj-sky .nj-r1 > .orb-p::after, html:has(#nj-sa:checked):has(#nj-p1b:checked)  .nj-sky .nj-r1 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone 13.29s linear 1.64s; }
html:has(#nj-sb:checked) .nj-sky .nj-r1 .nv-boom > * { animation-delay: -3.11s; }
html:has(#nj-sb:checked) .nj-sky .nj-r1 > .orb-p::before, html:has(#nj-sb:checked)  .nj-sky .nj-r1 > .orb-p::after, html:has(#nj-sb:checked)  .nj-sky .nj-r1 .orb-moon::before { animation: nv-gone-b 13.29s linear 1.64s; }
html:has(#nj-sb:checked):has(#nj-p1a:checked) .nj-sky .nj-r1 > .orb-p::before, html:has(#nj-sb:checked):has(#nj-p1a:checked)  .nj-sky .nj-r1 > .orb-p::after, html:has(#nj-sb:checked):has(#nj-p1a:checked)  .nj-sky .nj-r1 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone-b 13.29s linear 1.64s; }
html:has(#nj-sb:checked):has(#nj-p1b:checked) .nj-sky .nj-r1 > .orb-p::before, html:has(#nj-sb:checked):has(#nj-p1b:checked)  .nj-sky .nj-r1 > .orb-p::after, html:has(#nj-sb:checked):has(#nj-p1b:checked)  .nj-sky .nj-r1 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone-b 13.29s linear 1.64s; }
html:has(#nj-sa:checked) .nj-sky .nj-r2 .nv-boom > * { animation-delay: -2.89s; }
html:has(#nj-sa:checked) .nj-sky .nj-r2 > .orb-p::before, html:has(#nj-sa:checked)  .nj-sky .nj-r2 > .orb-p::after, html:has(#nj-sa:checked)  .nj-sky .nj-r2 .orb-moon::before { animation: nv-gone 13.07s linear 1.86s; }
html:has(#nj-sa:checked):has(#nj-p2a:checked) .nj-sky .nj-r2 > .orb-p::before, html:has(#nj-sa:checked):has(#nj-p2a:checked)  .nj-sky .nj-r2 > .orb-p::after, html:has(#nj-sa:checked):has(#nj-p2a:checked)  .nj-sky .nj-r2 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone 13.07s linear 1.86s; }
html:has(#nj-sa:checked):has(#nj-p2b:checked) .nj-sky .nj-r2 > .orb-p::before, html:has(#nj-sa:checked):has(#nj-p2b:checked)  .nj-sky .nj-r2 > .orb-p::after, html:has(#nj-sa:checked):has(#nj-p2b:checked)  .nj-sky .nj-r2 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone 13.07s linear 1.86s; }
html:has(#nj-sb:checked) .nj-sky .nj-r2 .nv-boom > * { animation-delay: -2.89s; }
html:has(#nj-sb:checked) .nj-sky .nj-r2 > .orb-p::before, html:has(#nj-sb:checked)  .nj-sky .nj-r2 > .orb-p::after, html:has(#nj-sb:checked)  .nj-sky .nj-r2 .orb-moon::before { animation: nv-gone-b 13.07s linear 1.86s; }
html:has(#nj-sb:checked):has(#nj-p2a:checked) .nj-sky .nj-r2 > .orb-p::before, html:has(#nj-sb:checked):has(#nj-p2a:checked)  .nj-sky .nj-r2 > .orb-p::after, html:has(#nj-sb:checked):has(#nj-p2a:checked)  .nj-sky .nj-r2 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone-b 13.07s linear 1.86s; }
html:has(#nj-sb:checked):has(#nj-p2b:checked) .nj-sky .nj-r2 > .orb-p::before, html:has(#nj-sb:checked):has(#nj-p2b:checked)  .nj-sky .nj-r2 > .orb-p::after, html:has(#nj-sb:checked):has(#nj-p2b:checked)  .nj-sky .nj-r2 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone-b 13.07s linear 1.86s; }
html:has(#nj-sa:checked) .nj-sky .nj-r3 .nv-boom > * { animation-delay: -2.61s; }
html:has(#nj-sa:checked) .nj-sky .nj-r3 > .orb-p::before, html:has(#nj-sa:checked)  .nj-sky .nj-r3 > .orb-p::after, html:has(#nj-sa:checked)  .nj-sky .nj-r3 .orb-moon::before { animation: nv-gone 12.79s linear 2.14s; }
html:has(#nj-sa:checked):has(#nj-p3a:checked) .nj-sky .nj-r3 > .orb-p::before, html:has(#nj-sa:checked):has(#nj-p3a:checked)  .nj-sky .nj-r3 > .orb-p::after, html:has(#nj-sa:checked):has(#nj-p3a:checked)  .nj-sky .nj-r3 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone 12.79s linear 2.14s; }
html:has(#nj-sa:checked):has(#nj-p3b:checked) .nj-sky .nj-r3 > .orb-p::before, html:has(#nj-sa:checked):has(#nj-p3b:checked)  .nj-sky .nj-r3 > .orb-p::after, html:has(#nj-sa:checked):has(#nj-p3b:checked)  .nj-sky .nj-r3 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone 12.79s linear 2.14s; }
html:has(#nj-sb:checked) .nj-sky .nj-r3 .nv-boom > * { animation-delay: -2.61s; }
html:has(#nj-sb:checked) .nj-sky .nj-r3 > .orb-p::before, html:has(#nj-sb:checked)  .nj-sky .nj-r3 > .orb-p::after, html:has(#nj-sb:checked)  .nj-sky .nj-r3 .orb-moon::before { animation: nv-gone-b 12.79s linear 2.14s; }
html:has(#nj-sb:checked):has(#nj-p3a:checked) .nj-sky .nj-r3 > .orb-p::before, html:has(#nj-sb:checked):has(#nj-p3a:checked)  .nj-sky .nj-r3 > .orb-p::after, html:has(#nj-sb:checked):has(#nj-p3a:checked)  .nj-sky .nj-r3 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone-b 12.79s linear 2.14s; }
html:has(#nj-sb:checked):has(#nj-p3b:checked) .nj-sky .nj-r3 > .orb-p::before, html:has(#nj-sb:checked):has(#nj-p3b:checked)  .nj-sky .nj-r3 > .orb-p::after, html:has(#nj-sb:checked):has(#nj-p3b:checked)  .nj-sky .nj-r3 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone-b 12.79s linear 2.14s; }
html:has(#nj-sa:checked) .nj-sky .nj-r4 .nv-boom > * { animation-delay: -2.30s; }
html:has(#nj-sa:checked) .nj-sky .nj-r4 > .orb-p::before, html:has(#nj-sa:checked)  .nj-sky .nj-r4 > .orb-p::after, html:has(#nj-sa:checked)  .nj-sky .nj-r4 .orb-moon::before { animation: nv-gone 12.48s linear 2.45s; }
html:has(#nj-sa:checked):has(#nj-p4a:checked) .nj-sky .nj-r4 > .orb-p::before, html:has(#nj-sa:checked):has(#nj-p4a:checked)  .nj-sky .nj-r4 > .orb-p::after, html:has(#nj-sa:checked):has(#nj-p4a:checked)  .nj-sky .nj-r4 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone 12.48s linear 2.45s; }
html:has(#nj-sa:checked):has(#nj-p4b:checked) .nj-sky .nj-r4 > .orb-p::before, html:has(#nj-sa:checked):has(#nj-p4b:checked)  .nj-sky .nj-r4 > .orb-p::after, html:has(#nj-sa:checked):has(#nj-p4b:checked)  .nj-sky .nj-r4 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone 12.48s linear 2.45s; }
html:has(#nj-sb:checked) .nj-sky .nj-r4 .nv-boom > * { animation-delay: -2.30s; }
html:has(#nj-sb:checked) .nj-sky .nj-r4 > .orb-p::before, html:has(#nj-sb:checked)  .nj-sky .nj-r4 > .orb-p::after, html:has(#nj-sb:checked)  .nj-sky .nj-r4 .orb-moon::before { animation: nv-gone-b 12.48s linear 2.45s; }
html:has(#nj-sb:checked):has(#nj-p4a:checked) .nj-sky .nj-r4 > .orb-p::before, html:has(#nj-sb:checked):has(#nj-p4a:checked)  .nj-sky .nj-r4 > .orb-p::after, html:has(#nj-sb:checked):has(#nj-p4a:checked)  .nj-sky .nj-r4 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone-b 12.48s linear 2.45s; }
html:has(#nj-sb:checked):has(#nj-p4b:checked) .nj-sky .nj-r4 > .orb-p::before, html:has(#nj-sb:checked):has(#nj-p4b:checked)  .nj-sky .nj-r4 > .orb-p::after, html:has(#nj-sb:checked):has(#nj-p4b:checked)  .nj-sky .nj-r4 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone-b 12.48s linear 2.45s; }
html:has(#nj-sa:checked) .nj-sky .nj-r5 .nv-boom > * { animation-delay: -1.91s; }
html:has(#nj-sa:checked) .nj-sky .nj-r5 > .orb-p::before, html:has(#nj-sa:checked)  .nj-sky .nj-r5 > .orb-p::after, html:has(#nj-sa:checked)  .nj-sky .nj-r5 .orb-moon::before { animation: nv-gone 12.09s linear 2.84s; }
html:has(#nj-sa:checked):has(#nj-p5a:checked) .nj-sky .nj-r5 > .orb-p::before, html:has(#nj-sa:checked):has(#nj-p5a:checked)  .nj-sky .nj-r5 > .orb-p::after, html:has(#nj-sa:checked):has(#nj-p5a:checked)  .nj-sky .nj-r5 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone 12.09s linear 2.84s; }
html:has(#nj-sa:checked):has(#nj-p5b:checked) .nj-sky .nj-r5 > .orb-p::before, html:has(#nj-sa:checked):has(#nj-p5b:checked)  .nj-sky .nj-r5 > .orb-p::after, html:has(#nj-sa:checked):has(#nj-p5b:checked)  .nj-sky .nj-r5 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone 12.09s linear 2.84s; }
html:has(#nj-sb:checked) .nj-sky .nj-r5 .nv-boom > * { animation-delay: -1.91s; }
html:has(#nj-sb:checked) .nj-sky .nj-r5 > .orb-p::before, html:has(#nj-sb:checked)  .nj-sky .nj-r5 > .orb-p::after, html:has(#nj-sb:checked)  .nj-sky .nj-r5 .orb-moon::before { animation: nv-gone-b 12.09s linear 2.84s; }
html:has(#nj-sb:checked):has(#nj-p5a:checked) .nj-sky .nj-r5 > .orb-p::before, html:has(#nj-sb:checked):has(#nj-p5a:checked)  .nj-sky .nj-r5 > .orb-p::after, html:has(#nj-sb:checked):has(#nj-p5a:checked)  .nj-sky .nj-r5 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone-b 12.09s linear 2.84s; }
html:has(#nj-sb:checked):has(#nj-p5b:checked) .nj-sky .nj-r5 > .orb-p::before, html:has(#nj-sb:checked):has(#nj-p5b:checked)  .nj-sky .nj-r5 > .orb-p::after, html:has(#nj-sb:checked):has(#nj-p5b:checked)  .nj-sky .nj-r5 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone-b 12.09s linear 2.84s; }
html:has(#nj-sa:checked) .nj-sky .nj-r6 .nv-boom > * { animation-delay: -1.46s; }
html:has(#nj-sa:checked) .nj-sky .nj-r6 > .orb-p::before, html:has(#nj-sa:checked)  .nj-sky .nj-r6 > .orb-p::after, html:has(#nj-sa:checked)  .nj-sky .nj-r6 .orb-moon::before { animation: nv-gone 11.64s linear 3.29s; }
html:has(#nj-sa:checked):has(#nj-p6a:checked) .nj-sky .nj-r6 > .orb-p::before, html:has(#nj-sa:checked):has(#nj-p6a:checked)  .nj-sky .nj-r6 > .orb-p::after, html:has(#nj-sa:checked):has(#nj-p6a:checked)  .nj-sky .nj-r6 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone 11.64s linear 3.29s; }
html:has(#nj-sa:checked):has(#nj-p6b:checked) .nj-sky .nj-r6 > .orb-p::before, html:has(#nj-sa:checked):has(#nj-p6b:checked)  .nj-sky .nj-r6 > .orb-p::after, html:has(#nj-sa:checked):has(#nj-p6b:checked)  .nj-sky .nj-r6 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone 11.64s linear 3.29s; }
html:has(#nj-sb:checked) .nj-sky .nj-r6 .nv-boom > * { animation-delay: -1.46s; }
html:has(#nj-sb:checked) .nj-sky .nj-r6 > .orb-p::before, html:has(#nj-sb:checked)  .nj-sky .nj-r6 > .orb-p::after, html:has(#nj-sb:checked)  .nj-sky .nj-r6 .orb-moon::before { animation: nv-gone-b 11.64s linear 3.29s; }
html:has(#nj-sb:checked):has(#nj-p6a:checked) .nj-sky .nj-r6 > .orb-p::before, html:has(#nj-sb:checked):has(#nj-p6a:checked)  .nj-sky .nj-r6 > .orb-p::after, html:has(#nj-sb:checked):has(#nj-p6a:checked)  .nj-sky .nj-r6 .orb-moon::before { animation: nj-gone-a var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone-b 11.64s linear 3.29s; }
html:has(#nj-sb:checked):has(#nj-p6b:checked) .nj-sky .nj-r6 > .orb-p::before, html:has(#nj-sb:checked):has(#nj-p6b:checked)  .nj-sky .nj-r6 > .orb-p::after, html:has(#nj-sb:checked):has(#nj-p6b:checked)  .nj-sky .nj-r6 .orb-moon::before { animation: nj-gone-b var(--p) linear calc(4.7s * var(--slow, 1)) forwards, nv-gone-b 11.64s linear 3.29s; }
@keyframes nv-gone { 0%, 88% { opacity: 0; } } @keyframes nv-gone-b { 0%, 88% { opacity: 0; } }
.nv-boom { display: none; --a: 0deg; } html:has(#nj-sa:checked, #nj-sb:checked) .nv-boom { display: block; }
html:has(#nj-sb:checked) .nv-boom .ev-kflash { animation-name: ev-kflash-b; } html:has(#nj-sb:checked) .nv-boom .ev-kwave { animation-name: ev-kwave-b; } html:has(#nj-sb:checked) .nv-boom .ev-kwave2 { animation-name: ev-kwave2-b; } html:has(#nj-sb:checked) .nv-boom .ev-kcloud { animation-name: ev-kcloud-b; } html:has(#nj-sb:checked) .nv-boom .ev-bit { animation-name: ev-kbits-b; }
@keyframes nv-core { 0% { opacity: .6; transform: scale(.6); } 32.5% { opacity: 1; transform: scale(.25); } 36.5% { opacity: 1; transform: scale(5); } 62.5% { opacity: .9; transform: scale(3); } 100% { opacity: 0; transform: scale(1.5); } } @keyframes nv-core-b { 0% { opacity: .6; transform: scale(.6); } 32.5% { opacity: 1; transform: scale(.25); } 36.5% { opacity: 1; transform: scale(5); } 62.5% { opacity: .9; transform: scale(3); } 100% { opacity: 0; transform: scale(1.5); } }
html:has(#nj-sa:checked) .nj-core { animation: nv-core 4s ease-out 0s both; }
html:has(#nj-sb:checked) .nj-core { animation: nv-core-b 4s ease-out 0s both; }
@keyframes nv-sun { 0% { background-size: 100% 100%; } 8.125% { background-size: 40% 40%; } 9.125%, 72% { background-size: 0 0; } 92%, 100% { background-size: 100% 100%; } } @keyframes nv-sun-b { 0% { background-size: 100% 100%; } 8.125% { background-size: 40% 40%; } 9.125%, 72% { background-size: 0 0; } 92%, 100% { background-size: 100% 100%; } }
html:has(#nj-sa:checked) .nj-sun { animation: nv-sun 16s ease-in 0s both; }
html:has(#nj-sb:checked) .nj-sun { animation: nv-sun-b 16s ease-in 0s both; }
@keyframes nv-in { 0% { opacity: 0; transform: scale(1.8); } 30%, 85% { opacity: .9; } 100% { opacity: 0; transform: scale(.05); } } @keyframes nv-in-b { 0% { opacity: 0; transform: scale(1.8); } 30%, 85% { opacity: .9; } 100% { opacity: 0; transform: scale(.05); } }
html:has(#nj-sa:checked) .nv-in { animation: nv-in 1.3s cubic-bezier(.5, 0, 1, 1) 0s both; }
html:has(#nj-sb:checked) .nv-in { animation: nv-in-b 1.3s cubic-bezier(.5, 0, 1, 1) 0s both; }
@keyframes nv-flash { 0% { opacity: 0; transform: scale(.3); } 6% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(1.1); } } @keyframes nv-flash-b { 0% { opacity: 0; transform: scale(.3); } 6% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(1.1); } }
html:has(#nj-sa:checked) .nv-flash { animation: nv-flash 3.2s ease-out 1.3s both; }
html:has(#nj-sb:checked) .nv-flash { animation: nv-flash-b 3.2s ease-out 1.3s both; }
@keyframes nv-glow { 0% { opacity: 0; transform: scale(.2); } 8% { opacity: 1; transform: scale(1); } 45% { opacity: .7; } 100% { opacity: 0; transform: scale(1.2); } } @keyframes nv-glow-b { 0% { opacity: 0; transform: scale(.2); } 8% { opacity: 1; transform: scale(1); } 45% { opacity: .7; } 100% { opacity: 0; transform: scale(1.2); } }
html:has(#nj-sa:checked) .nv-glow { animation: nv-glow 11s ease-out 1.3s both; }
html:has(#nj-sb:checked) .nv-glow { animation: nv-glow-b 11s ease-out 1.3s both; }
@keyframes nv-rays { 0% { opacity: 0; transform: scale(.15) rotate(0deg); } 8% { opacity: .9; } 50% { opacity: .5; } 100% { opacity: 0; transform: scale(1.05) rotate(14deg); } } @keyframes nv-rays-b { 0% { opacity: 0; transform: scale(.15) rotate(0deg); } 8% { opacity: .9; } 50% { opacity: .5; } 100% { opacity: 0; transform: scale(1.05) rotate(14deg); } }
html:has(#nj-sa:checked) .nv-rays { animation: nv-rays 8s cubic-bezier(.1, .6, .3, 1) 1.3s both; }
html:has(#nj-sb:checked) .nv-rays { animation: nv-rays-b 8s cubic-bezier(.1, .6, .3, 1) 1.3s both; }
@keyframes nv-shell { 0% { opacity: 0; transform: scale(.01); } 5% { opacity: 1; } 70% { opacity: .55; } 100% { opacity: 0; transform: scale(1); } } @keyframes nv-shell-b { 0% { opacity: 0; transform: scale(.01); } 5% { opacity: 1; } 70% { opacity: .55; } 100% { opacity: 0; transform: scale(1); } }
html:has(#nj-sa:checked) .nv-shell { animation: nv-shell 10s cubic-bezier(.15, .6, .35, 1) 1.4000000000000001s both; }
html:has(#nj-sb:checked) .nv-shell { animation: nv-shell-b 10s cubic-bezier(.15, .6, .35, 1) 1.4000000000000001s both; }
@keyframes nv-shell2 { 0% { opacity: 0; transform: scale(.01) rotate(0deg); } 8% { opacity: .9; } 100% { opacity: 0; transform: scale(1) rotate(-25deg); } } @keyframes nv-shell2-b { 0% { opacity: 0; transform: scale(.01) rotate(0deg); } 8% { opacity: .9; } 100% { opacity: 0; transform: scale(1) rotate(-25deg); } }
html:has(#nj-sa:checked) .nv-shell2 { animation: nv-shell2 11s cubic-bezier(.2, .5, .4, 1) 1.8s both; }
html:has(#nj-sb:checked) .nv-shell2 { animation: nv-shell2-b 11s cubic-bezier(.2, .5, .4, 1) 1.8s both; }
@keyframes nv-wave { 0% { opacity: 1; width: 0; height: 0; } 80% { opacity: .8; } 100% { opacity: 0; width: 5600px; height: 5600px; } } @keyframes nv-wave-b { 0% { opacity: 1; width: 0; height: 0; } 80% { opacity: .8; } 100% { opacity: 0; width: 5600px; height: 5600px; } }
html:has(#nj-sa:checked) .nv-wave { animation: nv-wave 5.5s linear 1.3s both; }
html:has(#nj-sb:checked) .nv-wave { animation: nv-wave-b 5.5s linear 1.3s both; }
@keyframes nv-wave2 { 0% { opacity: .9; width: 0; height: 0; } 100% { opacity: 0; width: 5600px; height: 5600px; } } @keyframes nv-wave2-b { 0% { opacity: .9; width: 0; height: 0; } 100% { opacity: 0; width: 5600px; height: 5600px; } }
html:has(#nj-sa:checked) .nv-wave2 { animation: nv-wave2 8.25s linear 1.6s both; }
html:has(#nj-sb:checked) .nv-wave2 { animation: nv-wave2-b 8.25s linear 1.6s both; }
@keyframes nv-rem { 0% { opacity: 0; transform: scale(.3) rotate(0deg); } 20% { opacity: .9; } 70% { opacity: .6; } 100% { opacity: 0; transform: scale(1.7) rotate(30deg); } } @keyframes nv-rem-b { 0% { opacity: 0; transform: scale(.3) rotate(0deg); } 20% { opacity: .9; } 70% { opacity: .6; } 100% { opacity: 0; transform: scale(1.7) rotate(30deg); } }
html:has(#nj-sa:checked) .nv-rem { animation: nv-rem 12.7s ease-out 3.3s both; }
html:has(#nj-sb:checked) .nv-rem { animation: nv-rem-b 12.7s ease-out 3.3s both; }
@keyframes nv-bit { 0% { opacity: 0; transform: rotate(var(--b)) translateX(10px); } 4% { opacity: 1; } 70% { opacity: .7; } 100% { opacity: 0; transform: rotate(var(--b)) translateX(var(--r)); } } @keyframes nv-bit-b { 0% { opacity: 0; transform: rotate(var(--b)) translateX(10px); } 4% { opacity: 1; } 70% { opacity: .7; } 100% { opacity: 0; transform: rotate(var(--b)) translateX(var(--r)); } }
html:has(#nj-sa:checked) .nj-nova > i { animation: nv-bit var(--t) cubic-bezier(.1, .7, .3, 1) 1.3s both; }
html:has(#nj-sb:checked) .nj-nova > i { animation: nv-bit-b var(--t) cubic-bezier(.1, .7, .3, 1) 1.3s both; }
@keyframes nv-orbit { 0% { border-color: #fff6d6; box-shadow: 0 0 18px var(--map), inset 0 0 18px var(--map); } } @keyframes nv-orbit-b { 0% { border-color: #fff6d6; box-shadow: 0 0 18px var(--map), inset 0 0 18px var(--map); } }
html:has(#nj-sa:checked) .nj-sky .nj-r1 { animation: nj-turn var(--p) linear infinite var(--bg-clock, 0s), nv-orbit 2.6s ease-out 1.59s; }
html:has(#nj-sb:checked) .nj-sky .nj-r1 { animation: nj-turn var(--p) linear infinite var(--bg-clock, 0s), nv-orbit-b 2.6s ease-out 1.59s; }
@keyframes nv-lit { 0% { filter: brightness(2.6) drop-shadow(0 0 8px #fff6d6); } } @keyframes nv-lit-b { 0% { filter: brightness(2.6) drop-shadow(0 0 8px #fff6d6); } }
html:has(#nj-sa:checked) .nj-sky .nj-r1 > .orb-p { animation: nv-lit 3s ease-out 1.59s; }
html:has(#nj-sb:checked) .nj-sky .nj-r1 > .orb-p { animation: nv-lit-b 3s ease-out 1.59s; }
html:has(#nj-sa:checked) .nj-sky .nj-r2 { animation: nj-turn var(--p) linear infinite var(--bg-clock, 0s), nv-orbit 2.6s ease-out 1.81s; }
html:has(#nj-sb:checked) .nj-sky .nj-r2 { animation: nj-turn var(--p) linear infinite var(--bg-clock, 0s), nv-orbit-b 2.6s ease-out 1.81s; }
html:has(#nj-sa:checked) .nj-sky .nj-r2 > .orb-p { animation: nv-lit 3s ease-out 1.81s; }
html:has(#nj-sb:checked) .nj-sky .nj-r2 > .orb-p { animation: nv-lit-b 3s ease-out 1.81s; }
html:has(#nj-sa:checked) .nj-sky .nj-r3 { animation: nj-turn var(--p) linear infinite var(--bg-clock, 0s), nv-orbit 2.6s ease-out 2.09s; }
html:has(#nj-sb:checked) .nj-sky .nj-r3 { animation: nj-turn var(--p) linear infinite var(--bg-clock, 0s), nv-orbit-b 2.6s ease-out 2.09s; }
html:has(#nj-sa:checked) .nj-sky .nj-r3 > .orb-p { animation: nv-lit 3s ease-out 2.09s; }
html:has(#nj-sb:checked) .nj-sky .nj-r3 > .orb-p { animation: nv-lit-b 3s ease-out 2.09s; }
html:has(#nj-sa:checked) .nj-sky .nj-r4 { animation: nj-turn var(--p) linear infinite var(--bg-clock, 0s), nv-orbit 2.6s ease-out 2.4s; }
html:has(#nj-sb:checked) .nj-sky .nj-r4 { animation: nj-turn var(--p) linear infinite var(--bg-clock, 0s), nv-orbit-b 2.6s ease-out 2.4s; }
html:has(#nj-sa:checked) .nj-sky .nj-r4 > .orb-p { animation: nv-lit 3s ease-out 2.4s; }
html:has(#nj-sb:checked) .nj-sky .nj-r4 > .orb-p { animation: nv-lit-b 3s ease-out 2.4s; }
html:has(#nj-sa:checked) .nj-sky .nj-r5 { animation: nj-turn var(--p) linear infinite var(--bg-clock, 0s), nv-orbit 2.6s ease-out 2.79s; }
html:has(#nj-sb:checked) .nj-sky .nj-r5 { animation: nj-turn var(--p) linear infinite var(--bg-clock, 0s), nv-orbit-b 2.6s ease-out 2.79s; }
html:has(#nj-sa:checked) .nj-sky .nj-r5 > .orb-p { animation: nv-lit 3s ease-out 2.79s; }
html:has(#nj-sb:checked) .nj-sky .nj-r5 > .orb-p { animation: nv-lit-b 3s ease-out 2.79s; }
html:has(#nj-sa:checked) .nj-sky .nj-r6 { animation: nj-turn var(--p) linear infinite var(--bg-clock, 0s), nv-orbit 2.6s ease-out 3.24s; }
html:has(#nj-sb:checked) .nj-sky .nj-r6 { animation: nj-turn var(--p) linear infinite var(--bg-clock, 0s), nv-orbit-b 2.6s ease-out 3.24s; }
html:has(#nj-sa:checked) .nj-sky .nj-r6 > .orb-p { animation: nv-lit 3s ease-out 3.24s; }
html:has(#nj-sb:checked) .nj-sky .nj-r6 > .orb-p { animation: nv-lit-b 3s ease-out 3.24s; }
@keyframes nv-veil { 0%, 8.125% { transform: scale(0); opacity: 1; } 42.5% { transform: scale(14); } 70% { transform: scale(14); opacity: 1; animation-timing-function: ease-in-out; } 95%, 100% { transform: scale(14); opacity: 0; } }
@keyframes nv-veil-b { 0%, 8.125% { transform: scale(0); opacity: 1; } 42.5% { transform: scale(14); } 70% { transform: scale(14); opacity: 1; animation-timing-function: ease-in-out; } 95%, 100% { transform: scale(14); opacity: 0; } }
@keyframes nv-hide { 0%, 8.125% { opacity: 1; } 10.625%, 70% { opacity: 0; } 43.5%, 69% { display: none; content-visibility: hidden; } 95%, 100% { opacity: 1; } }
@keyframes nv-hide-b { 0%, 8.125% { opacity: 1; } 10.625%, 70% { opacity: 0; } 43.5%, 69% { display: none; content-visibility: hidden; } 95%, 100% { opacity: 1; } }
@keyframes nv-reset { 43.5%, 69% { display: none; content-visibility: hidden; } }
@keyframes nv-reset-b { 43.5%, 69% { display: none; content-visibility: hidden; } }
@keyframes nv-noecl { 0%, 95% { display: none; content-visibility: hidden; } }
@keyframes nv-noecl-b { 0%, 95% { display: none; content-visibility: hidden; } }
.nj-wipe, .nj-khit, .nj-eclw { position: absolute; inset: 0; }
.nj-veil { display: none; left: calc(100% - 120px); top: 120px; width: 400px; height: 400px; margin: -200px; border-radius: 50%;
  background: radial-gradient(closest-side, var(--bg) 96%, transparent); transform: scale(0); }
html:has(#nj-sa:checked, #nj-sb:checked) .nj-veil { display: block; }
html:has(#nj-sa:checked, #nj-sb:checked) .nj-sky :is(.nj-ring, .nj-nova) { z-index: 1; }
html:has(#nj-sa:checked) .nj-veil { animation: nv-veil 16s linear both; }
html:has(#nj-sa:checked) .nj-wipe.nj-life { animation: nv-reset 16s linear both; }
html:has(#nj-sa:checked) .nj-eclw { animation: nv-noecl 16s linear both; }
html:has(#nj-sa:checked) .nj-khit { animation: nv-hide 16s linear both; }
html:has(#nj-sb:checked) .nj-veil { animation: nv-veil-b 16s linear both; }
html:has(#nj-sb:checked) .nj-wipe.nj-life { animation: nv-reset-b 16s linear both; }
html:has(#nj-sb:checked) .nj-eclw { animation: nv-noecl-b 16s linear both; }
html:has(#nj-sb:checked) .nj-khit { animation: nv-hide-b 16s linear both; }
@keyframes nv-blow { 0% { opacity: 1; } 12% { filter: brightness(2.4) sepia(.5); translate: 2px -1px; } 22% { translate: -3px 2px; }
  100% { opacity: 0; translate: -70px 110px; rotate: -5deg; scale: .9; filter: brightness(3) sepia(.6); } }
@keyframes nv-held { from, to { opacity: 0; visibility: hidden; } }
@keyframes nv-back { from { opacity: 0; scale: .97; filter: brightness(1.8); } }
@keyframes nv-blow-b { 0% { opacity: 1; } 12% { filter: brightness(2.4) sepia(.5); translate: 2px -1px; } 22% { translate: -3px 2px; } 100% { opacity: 0; translate: -70px 110px; rotate: -5deg; scale: .9; filter: brightness(3) sepia(.6); } } @keyframes nv-held-b { from, to { opacity: 0; visibility: hidden; } } @keyframes nv-back-b { from { opacity: 0; scale: .97; filter: brightness(1.8); } }
@media (prefers-reduced-motion: no-preference) {
  html:has(#nj-sa:checked) body > header { animation: nv-blow 1s ease-in 1.60s, nv-held 8.80s linear 2.55s, nv-back 1.4s ease-out 11.25s; }
  html:has(#nj-sb:checked) body > header { animation: nv-blow-b 1s ease-in 1.60s, nv-held-b 8.80s linear 2.55s, nv-back-b 1.4s ease-out 11.25s; }
  html:has(#nj-sa:checked) body > nav { animation: nv-blow 1s ease-in 1.90s, nv-held 8.60s linear 2.85s, nv-back 1.4s ease-out 11.35s; }
  html:has(#nj-sb:checked) body > nav { animation: nv-blow-b 1s ease-in 1.90s, nv-held-b 8.60s linear 2.85s, nv-back-b 1.4s ease-out 11.35s; }
  html:has(#nj-sa:checked) body > footer { animation: nv-blow 1s ease-in 3.90s, nv-held 7.70s linear 4.85s, nv-back 1.4s ease-out 12.45s; }
  html:has(#nj-sb:checked) body > footer { animation: nv-blow-b 1s ease-in 3.90s, nv-held-b 7.70s linear 4.85s, nv-back-b 1.4s ease-out 12.45s; }
  html:has(#nj-sa:checked) main > :nth-child(1) { animation: nv-blow 1s ease-in 2.36s, nv-held 8.37s linear 3.31s, nv-back 1.4s ease-out 11.58s; }
  html:has(#nj-sb:checked) main > :nth-child(1) { animation: nv-blow-b 1s ease-in 2.36s, nv-held-b 8.37s linear 3.31s, nv-back-b 1.4s ease-out 11.58s; }
  html:has(#nj-sa:checked) main > :nth-child(2) { animation: nv-blow 1s ease-in 2.52s, nv-held 8.29s linear 3.47s, nv-back 1.4s ease-out 11.66s; }
  html:has(#nj-sb:checked) main > :nth-child(2) { animation: nv-blow-b 1s ease-in 2.52s, nv-held-b 8.29s linear 3.47s, nv-back-b 1.4s ease-out 11.66s; }
  html:has(#nj-sa:checked) main > :nth-child(3) { animation: nv-blow 1s ease-in 2.68s, nv-held 8.21s linear 3.63s, nv-back 1.4s ease-out 11.74s; }
  html:has(#nj-sb:checked) main > :nth-child(3) { animation: nv-blow-b 1s ease-in 2.68s, nv-held-b 8.21s linear 3.63s, nv-back-b 1.4s ease-out 11.74s; }
  html:has(#nj-sa:checked) main > :nth-child(4) { animation: nv-blow 1s ease-in 2.84s, nv-held 8.13s linear 3.79s, nv-back 1.4s ease-out 11.82s; }
  html:has(#nj-sb:checked) main > :nth-child(4) { animation: nv-blow-b 1s ease-in 2.84s, nv-held-b 8.13s linear 3.79s, nv-back-b 1.4s ease-out 11.82s; }
  html:has(#nj-sa:checked) main > :nth-child(5) { animation: nv-blow 1s ease-in 3.00s, nv-held 8.05s linear 3.95s, nv-back 1.4s ease-out 11.90s; }
  html:has(#nj-sb:checked) main > :nth-child(5) { animation: nv-blow-b 1s ease-in 3.00s, nv-held-b 8.05s linear 3.95s, nv-back-b 1.4s ease-out 11.90s; }
  html:has(#nj-sa:checked) main > :nth-child(6) { animation: nv-blow 1s ease-in 3.16s, nv-held 7.97s linear 4.11s, nv-back 1.4s ease-out 11.98s; }
  html:has(#nj-sb:checked) main > :nth-child(6) { animation: nv-blow-b 1s ease-in 3.16s, nv-held-b 7.97s linear 4.11s, nv-back-b 1.4s ease-out 11.98s; }
  html:has(#nj-sa:checked) main > :nth-child(7) { animation: nv-blow 1s ease-in 3.32s, nv-held 7.89s linear 4.27s, nv-back 1.4s ease-out 12.06s; }
  html:has(#nj-sb:checked) main > :nth-child(7) { animation: nv-blow-b 1s ease-in 3.32s, nv-held-b 7.89s linear 4.27s, nv-back-b 1.4s ease-out 12.06s; }
  html:has(#nj-sa:checked) main > :nth-child(8) { animation: nv-blow 1s ease-in 3.48s, nv-held 7.81s linear 4.43s, nv-back 1.4s ease-out 12.14s; }
  html:has(#nj-sb:checked) main > :nth-child(8) { animation: nv-blow-b 1s ease-in 3.48s, nv-held-b 7.81s linear 4.43s, nv-back-b 1.4s ease-out 12.14s; }
  html:has(#nj-sa:checked) main > :nth-child(9) { animation: nv-blow 1s ease-in 3.64s, nv-held 7.73s linear 4.59s, nv-back 1.4s ease-out 12.22s; }
  html:has(#nj-sb:checked) main > :nth-child(9) { animation: nv-blow-b 1s ease-in 3.64s, nv-held-b 7.73s linear 4.59s, nv-back-b 1.4s ease-out 12.22s; }
  html:has(#nj-sa:checked) main > :nth-child(10) { animation: nv-blow 1s ease-in 3.80s, nv-held 7.65s linear 4.75s, nv-back 1.4s ease-out 12.30s; }
  html:has(#nj-sb:checked) main > :nth-child(10) { animation: nv-blow-b 1s ease-in 3.80s, nv-held-b 7.65s linear 4.75s, nv-back-b 1.4s ease-out 12.30s; }
  html:has(#nj-sa:checked) main > :nth-child(11) { animation: nv-blow 1s ease-in 3.96s, nv-held 7.57s linear 4.91s, nv-back 1.4s ease-out 12.38s; }
  html:has(#nj-sb:checked) main > :nth-child(11) { animation: nv-blow-b 1s ease-in 3.96s, nv-held-b 7.57s linear 4.91s, nv-back-b 1.4s ease-out 12.38s; }
  html:has(#nj-sa:checked) main > :nth-child(n+12) { animation: nv-blow 1s ease-in 4.10s, nv-held 7.50s linear 5.05s, nv-back 1.4s ease-out 12.45s; }
  html:has(#nj-sb:checked) main > :nth-child(n+12) { animation: nv-blow-b 1s ease-in 4.10s, nv-held-b 7.50s linear 5.05s, nv-back-b 1.4s ease-out 12.45s; }
}
.nj-hs { position: absolute; right: 100px; top: 100px; width: 40px; height: 40px; border-radius: 50%; pointer-events: auto; cursor: crosshair; }
.nj-hs .nj-tag::after { content: "SOL · G2V · SUPERNOVA"; }
.nj-hs:hover .nj-tag { opacity: .9; }
.nj-hs .nj-tag { left: auto; right: 46px; top: 12px; }
html:has(#nj-sa:checked) .nj-hs.nj-ha, html:has(#nj-sb:checked) .nj-hs.nj-hb { visibility: hidden; }
html:has(#nj-sa:checked) .nj-hs.nj-hb, html:has(#nj-sb:checked) .nj-hs.nj-ha { visibility: visible; }

.nj-ecl { display: block; opacity: 0; left: 50%; top: 50%; width: 0; height: 0; --a: -24deg; }
.nj-ecl .ev-planet { --d: 16px; --c: #4f8fc0; }
.nj-ev { inset: 0; }
.nj-g { inset: 0; opacity: 0; }
.nj-sky .ev i { position: absolute; }
.nj-sky .nj-log { inset: 0; }
.nj-sky .nj-log .sky-log { position: absolute; }

:is(.nj-sky, .nj-hit) .ev-hole > i.ev-fall:nth-of-type(1) { --s: 51deg; --r: 80px; --t: 1.3s; }
:is(.nj-sky, .nj-hit) .ev-hole > i.ev-fall:nth-of-type(2) { --s: 102deg; --r: 89px; --t: 0.6s; }
:is(.nj-sky, .nj-hit) .ev-hole > i.ev-fall:nth-of-type(3) { --s: 153deg; --r: 59px; --t: 0.5s; }
:is(.nj-sky, .nj-hit) .ev-hole > i.ev-fall:nth-of-type(4) { --s: 204deg; --r: 78px; --t: 1.0s; }
:is(.nj-sky, .nj-hit) .ev-hole > i.ev-fall:nth-of-type(5) { --s: 255deg; --r: 110px; --t: 0.5s; }
:is(.nj-sky, .nj-hit) .ev-hole > i.ev-fall:nth-of-type(6) { --s: 306deg; --r: 106px; --t: 1.4s; }
:is(.nj-sky, .nj-hit) .ev-hole > i.ev-fall:nth-of-type(7) { --s: 357deg; --r: 77px; --t: 0.3s; }
.nj-sky .ev > i.ev-bit:nth-of-type(1), .nj-sky .ev-boom > i.ev-bit:nth-of-type(1), .nj-sky .ev-burst > i.ev-bit:nth-of-type(1) { --b: 51deg; --r: 40px; }
.nj-sky .ev > i.ev-bit:nth-of-type(2), .nj-sky .ev-boom > i.ev-bit:nth-of-type(2), .nj-sky .ev-burst > i.ev-bit:nth-of-type(2) { --b: 94deg; --r: 34px; }
.nj-sky .ev > i.ev-bit:nth-of-type(3), .nj-sky .ev-boom > i.ev-bit:nth-of-type(3), .nj-sky .ev-burst > i.ev-bit:nth-of-type(3) { --b: 151deg; --r: 22px; }
.nj-sky .ev > i.ev-bit:nth-of-type(4), .nj-sky .ev-boom > i.ev-bit:nth-of-type(4), .nj-sky .ev-burst > i.ev-bit:nth-of-type(4) { --b: 181deg; --r: 33px; }
.nj-sky .ev > i.ev-bit:nth-of-type(5), .nj-sky .ev-boom > i.ev-bit:nth-of-type(5), .nj-sky .ev-burst > i.ev-bit:nth-of-type(5) { --b: 226deg; --r: 31px; }
.nj-sky .ev > i.ev-bit:nth-of-type(6), .nj-sky .ev-boom > i.ev-bit:nth-of-type(6), .nj-sky .ev-burst > i.ev-bit:nth-of-type(6) { --b: 294deg; --r: 29px; }
.nj-sky .ev > i.ev-bit:nth-of-type(7), .nj-sky .ev-boom > i.ev-bit:nth-of-type(7), .nj-sky .ev-burst > i.ev-bit:nth-of-type(7) { --b: 323deg; --r: 21px; }
.nj-sky .ev > i.ev-bit:nth-of-type(8), .nj-sky .ev-boom > i.ev-bit:nth-of-type(8), .nj-sky .ev-burst > i.ev-bit:nth-of-type(8) { --b: 368deg; --r: 26px; }
.nj-sky .ev-wing .ev-ship:nth-child(2) { --ox: -16px; --oy: -11px; } .nj-sky .ev-wing .ev-ship:nth-child(3) { --ox: -16px; --oy: 11px; } .nj-sky .ev-wing .ev-ship:nth-child(1) { --ox: 0px; --oy: 0px; }
@keyframes ev-graphfade-ship { 0%, 95% { opacity: .8; } 100% { opacity: 0; } }
.nj-sky .ev-graph { inset: auto; left: var(--x); top: var(--y); width: auto; height: auto; transform: none; }
/* The events added to the sky (kilonova, jump gate, fleet, magnetar, gas
   giant's aurorae, Dyson swarm), taken as they are into sky.css by
   tools/gensky.py, which writes their repeated markup and the classes that
   place its parts (no inline styles: the CSP allows none). Each starts with
   its gate (display), as every event of the sky. */
.nj-sky .ev :is(span, svg) { position: absolute; }
/* Far off: the stars and the giant of these events (and the distant
   supernova) smaller and paler, as seen from further away; their readouts
   kept to size. */
.nj-sky :is(.ev-kn, .ev-mg, .ev-dy, .ev-au, .ev-nova) { scale: .62; filter: brightness(.78) saturate(.8); }
.nj-sky :is(.ev-kn, .ev-mg, .ev-dy, .ev-au) .ev-hud { scale: 1.6; transform-origin: 0 0; }
.nj-sky .ev-hud { font: 9px ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .1em; color: var(--hud); white-space: nowrap; }
/* ------------------------------------------------------------ KILONOVA
   Deux étoiles à neutrons : l'angle et le rayon de l'orbite sont des
   propriétés enregistrées (@property), animées en accélérant ; les ondes
   gravitationnelles partent en anneaux de plus en plus serrés, leur masque
   quadripolaire tourne avec le couple et se tord en spirale en s'éloignant. */
@property --ka { syntax: "<angle>"; inherits: true; initial-value: 0deg; }
@property --kr { syntax: "<length>"; inherits: true; initial-value: 0px; }
@property --kg { syntax: "<number>"; inherits: false; initial-value: 0; }
.ev-kn { animation: kn-spin 6s cubic-bezier(.62, 0, 1, 1) both, kn-shrink 6s cubic-bezier(.55, 0, 1, 1) both; }
@keyframes kn-spin { from { --ka: 0deg; } to { --ka: 3240deg; } }
@keyframes kn-shrink { from { --kr: 64px; } to { --kr: 2px; } }
.kn-s { width: 9px; height: 9px; margin: -4.5px; border-radius: 50%; background: radial-gradient(#fff 32%, #cfeaff 52%, transparent 72%);
  box-shadow: 0 0 10px 2px rgba(79, 179, 255, .75), 0 0 24px 6px rgba(79, 179, 255, .25);
  transform: rotate(var(--ka)) translateX(var(--kr)); animation: kn-gone 6.05s step-end both; }
.kn-s2 { transform: rotate(calc(var(--ka) + 180deg)) translateX(var(--kr)); }
@keyframes kn-gone { 100% { opacity: 0; } }
.kn-tr { width: calc(var(--kr) * 2); height: calc(var(--kr) * 2); translate: -50% -50%; border-radius: 50%; border: 1.5px solid rgba(159, 212, 255, .8);
  -webkit-mask: conic-gradient(from calc(var(--ka) - 20deg), transparent 0deg, #000 110deg, transparent 110deg 180deg, #000 290deg, transparent 290deg);
  mask: conic-gradient(from calc(var(--ka) - 20deg), transparent 0deg, #000 110deg, transparent 110deg 180deg, #000 290deg, transparent 290deg);
  animation: kn-gone 6.05s step-end both; }
.kn-gw { width: calc(var(--kg) * 520px); height: calc(var(--kg) * 520px); translate: -50% -50%; border-radius: 50%;
  border: calc(1px + var(--amp) * 1.6px) solid rgba(110, 190, 255, .95); opacity: calc((1 - var(--kg)) * var(--amp));
  -webkit-mask: conic-gradient(from calc(var(--ka) - var(--kg) * 420deg), #000, transparent 45deg, #000 90deg, transparent 135deg, #000 180deg, transparent 225deg, #000 270deg, transparent 315deg, #000);
  mask: conic-gradient(from calc(var(--ka) - var(--kg) * 420deg), #000, transparent 45deg, #000 90deg, transparent 135deg, #000 180deg, transparent 225deg, #000 270deg, transparent 315deg, #000);
  animation: kn-gw 3.4s linear var(--t) both; }
@keyframes kn-gw { from { --kg: 0; } to { --kg: 1; } }
.kn-fl { width: 180px; height: 180px; margin: -90px; border-radius: 50%; background: radial-gradient(closest-side, #fff, #fff 12%, #cfeaff 28%, rgba(79, 179, 255, .45) 52%, transparent);
  opacity: 0; animation: kn-fl 2.6s ease-out 6s both; }
@keyframes kn-fl { 0% { opacity: 0; transform: scale(.1); } 6% { opacity: 1; transform: scale(1.25); } 100% { opacity: 0; transform: scale(2.4); } }
.kn-jet { width: 3px; height: 420px; margin: -210px 0 0 -1.5px; border-radius: 2px; rotate: 16deg;
  background: linear-gradient(transparent, rgba(207, 234, 255, .9) 30%, #fff 48% 52%, rgba(207, 234, 255, .9) 70%, transparent);
  box-shadow: 0 0 8px #cfeaff; opacity: 0; animation: kn-jet .9s ease-out 6.02s both; }
@keyframes kn-jet { 0% { opacity: 0; transform: scaleY(0); } 15% { opacity: 1; } 100% { opacity: 0; transform: scaleY(1); } }
.kn-blue { width: 150px; height: 240px; margin: -120px 0 0 -75px; border-radius: 50%; rotate: 16deg;
  background: radial-gradient(closest-side, rgba(220, 238, 255, .95), rgba(110, 190, 255, .55) 38%, rgba(79, 179, 255, .18) 68%, transparent);
  opacity: 0; animation: kn-blue 3.6s cubic-bezier(.2, .7, .3, 1) 6.05s both; }
@keyframes kn-blue { 0% { opacity: 0; transform: scale(.1); } 12% { opacity: .95; } 100% { opacity: 0; transform: scale(1.5); } }
.kn-red { width: 300px; height: 150px; margin: -75px 0 0 -150px; border-radius: 50%; rotate: 16deg;
  background: radial-gradient(closest-side, rgba(255, 200, 150, .7), rgba(255, 123, 114, .55) 35%, rgba(255, 138, 31, .22) 65%, transparent);
  opacity: 0; animation: kn-red 4.8s ease-out 6.5s both; }
@keyframes kn-red { 0% { opacity: 0; transform: scale(.15); } 30% { opacity: .9; } 100% { opacity: 0; transform: scale(1.35); } }
.kn-au { width: 3px; height: 3px; margin: -1.5px; border-radius: 50%; background: #ffe48a; box-shadow: 0 0 5px 1px var(--map); opacity: 0;
  animation: kn-au var(--d) cubic-bezier(.15, .7, .3, 1) calc(6.1s + var(--w)) both, kn-tw .4s steps(2) calc(6.1s + var(--w)) 10; }
@keyframes kn-au { 0% { opacity: 0; transform: rotate(var(--b)) translateX(4px); } 10% { opacity: 1; } 75% { opacity: .9; } 100% { opacity: 0; transform: rotate(var(--b)) translateX(var(--r)); } }
@keyframes kn-tw { 50% { filter: brightness(1.8); } }
.kn-wf { left: 70px; top: 54px; width: 170px; }
.kn-wf svg { position: static; display: block; overflow: visible; }
.kn-wf path { fill: none; stroke: var(--accent); stroke-width: 1.1; stroke-dasharray: 1; stroke-dashoffset: 1; animation: kn-draw 6.3s linear both, kn-wfo 2s ease-in 8.6s forwards; }
.kn-wf .base { stroke: var(--orbit); stroke-width: .6; stroke-dasharray: none; stroke-dashoffset: 0; animation: kn-wfo 2s ease-in 8.6s forwards; }
.kn-wf .ev-hud { position: static; margin-top: 2px; animation: kn-wfo 2s ease-in 8.6s forwards; }
.kn-wf .ev-hud em { position: static; display: inline; color: var(--accent); font-style: normal; }
@keyframes kn-draw { to { stroke-dashoffset: 0; } }
@keyframes kn-wfo { to { opacity: 0; } }

/* ------------------------------------------------------------ PORTE DE SAUT
   Le cadran tourne et s'arrête à chaque chevron verrouillé (7 sur 9), la
   gerbe jaillit, l'horizon ondule (anneaux d'un dégradé radial répété, leur
   décalage une longueur enregistrée), un vaisseau en sort, la porte se ferme. */
@property --wv { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --sh { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.jg-ring { width: 220px; height: 220px; margin: -110px; border-radius: 50%;
  background: radial-gradient(closest-side, transparent 0 77%, #1a212a 77.5%, #56657a 80%, #8b95a1 82%, #3a4858 86%, #56657a 92%, #2e3a49 96%, transparent 97%);
  box-shadow: 0 0 0 0 rgba(79, 179, 255, 0); animation: jg-rim 12s both; }
@keyframes jg-rim { 0%, 50% { filter: none; } 55%, 86% { filter: drop-shadow(0 0 8px rgba(79, 179, 255, .55)); } 95%, 100% { filter: none; } }
.jg-dial { width: 186px; height: 186px; margin: -93px; border-radius: 50%;
  background: repeating-conic-gradient(rgba(230, 232, 235, .55) 0 1.4deg, transparent 1.4deg 7.5deg), repeating-conic-gradient(from 3deg, rgba(242, 194, 48, .5) 0 .8deg, transparent .8deg 30deg);
  -webkit-mask: radial-gradient(closest-side, transparent 84%, #000 85% 97%, transparent 98%); mask: radial-gradient(closest-side, transparent 84%, #000 85% 97%, transparent 98%);
  animation: jg-dial 6s ease-in-out both; }
@keyframes jg-dial { 0% { transform: rotate(0deg); } 13.33%, 17.5% { transform: rotate(120deg); } 25.83%, 30% { transform: rotate(-30deg); } 38.33%, 42.5% { transform: rotate(150deg); }
  50.83%, 55% { transform: rotate(20deg); } 63.33%, 67.5% { transform: rotate(200deg); } 75.83%, 80% { transform: rotate(60deg); } 88.33%, 100% { transform: rotate(280deg); } }
.jg-ch { width: 0; height: 0; transform: rotate(var(--r)) translateY(-108px); animation: jg-glow .5s var(--t) both, jg-glowoff .9s 11s forwards; }
.jg-ch b { width: 16px; height: 13px; margin: -6px 0 0 -8px; background: #56657a; clip-path: polygon(0 0, 100% 0, 50% 100%, 38% 100%, 0 12%);
  clip-path: polygon(0 0, 100% 0, 58% 100%, 42% 100%); animation: jg-lock .5s var(--t) both, jg-off .9s 11s forwards; }
.jg-ch.idle, .jg-ch.idle b { animation: none; }
@keyframes jg-lock { 0% { background: #56657a; transform: translateY(0); } 30% { background: #fff; transform: translateY(5px); } 100% { background: var(--map); transform: translateY(0); } }
@keyframes jg-off { to { background: #56657a; } }
@keyframes jg-glow { to { filter: drop-shadow(0 0 4px var(--map)) drop-shadow(0 0 9px rgba(242, 194, 48, .5)); } }
@keyframes jg-glowoff { to { filter: none; } }
.jg-kw { width: 300px; height: 300px; margin: -150px; border-radius: 50%; opacity: 0;
  background: radial-gradient(closest-side, #fff, #e6f5ff 18%, rgba(140, 205, 255, .85) 40%, rgba(79, 179, 255, .35) 62%, transparent 80%);
  animation: jg-kw 1.4s cubic-bezier(.2, .8, .3, 1) 6s both; }
@keyframes jg-kw { 0% { opacity: 0; transform: scale(.05); } 18% { opacity: 1; transform: scale(1.25); } 55% { opacity: .9; transform: scale(.62); } 100% { opacity: 0; transform: scale(.55); } }
.jg-eh { width: 168px; height: 168px; margin: -84px; border-radius: 50%; overflow: hidden; opacity: 0;
  background:
    repeating-radial-gradient(circle, rgba(79, 179, 255, 0) calc(var(--wv) + 0px), rgba(170, 220, 255, .5) calc(var(--wv) + 5px), rgba(79, 179, 255, .06) calc(var(--wv) + 11px), rgba(79, 179, 255, 0) calc(var(--wv) + 14px)),
    radial-gradient(closest-side, rgba(225, 243, 255, .85), rgba(110, 190, 255, .55) 45%, rgba(40, 110, 200, .55) 85%, rgba(140, 205, 255, .9) 100%);
  animation: jg-wv 1.1s linear infinite, jg-eh 12s both; }
.jg-eh::after { content: ""; position: absolute; inset: 0; border-radius: 50%; mix-blend-mode: screen;
  background: conic-gradient(from var(--sh), transparent, rgba(255, 255, 255, .22) 20deg, transparent 50deg, transparent 140deg, rgba(255, 255, 255, .16) 170deg, transparent 210deg, transparent 260deg, rgba(255, 255, 255, .2) 300deg, transparent 330deg);
  animation: jg-sh 5s linear infinite; }
@keyframes jg-wv { to { --wv: 14px; } }
@keyframes jg-sh { to { --sh: 360deg; } }
@keyframes jg-eh { 0%, 56% { opacity: 0; transform: scale(.9); } 60% { opacity: 1; transform: scale(1); } 66% { transform: scale(1.025); } 72% { transform: scale(.99); } 78% { transform: scale(1.015); } 86% { opacity: 1; transform: scale(1); } 91% { opacity: .9; transform: scale(0); } 100% { opacity: 0; transform: scale(0); } }
.jg-sp { width: 168px; height: 168px; margin: -84px; border-radius: 50%; border: 2px solid rgba(225, 243, 255, .9); opacity: 0; animation: jg-sp 1s ease-out 8.4s both; }
@keyframes jg-sp { 0% { opacity: 1; transform: scale(.1); } 100% { opacity: 0; transform: scale(1); } }
/* The ship out of the gate: through its horizon, gliding clear, then its
   engine lit and away, stretched into hyperspace, gone long before the
   event ends. */
.jg-shp { width: 26px; height: 13px; margin: -6.5px 0 0 -13px; opacity: 0; animation: jg-shp 3s linear 8.4s both; }
.jg-shp::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, #8b95a1, #e6e8eb 38%, #56657a 62%, #2e3a49); clip-path: polygon(0 0, 100% 50%, 0 100%, 22% 50%); }
.jg-shp::after { content: ""; position: absolute; left: -6px; top: 4px; width: 8px; height: 5px; border-radius: 50%; background: radial-gradient(#fff, var(--hud) 50%, transparent 72%); }
@keyframes jg-shp {
  0% { opacity: 0; transform: translate(0, 0) rotate(-20deg) scale(.15) scaleX(1); animation-timing-function: cubic-bezier(.2, .6, .4, 1); }
  8% { opacity: 1; }
  55% { transform: translate(150px, -55px) rotate(-20deg) scale(1.3) scaleX(1); animation-timing-function: cubic-bezier(.6, 0, 1, .6); }
  78% { opacity: 1; transform: translate(270px, -98px) rotate(-20deg) scale(1.45) scaleX(1.2); animation-timing-function: cubic-bezier(.7, 0, 1, 1); }
  86% { opacity: .85; transform: translate(560px, -204px) rotate(-20deg) scale(1.45) scaleX(6); }
  90%, 100% { opacity: 0; transform: translate(900px, -328px) rotate(-20deg) scale(1.45) scaleX(9); }
}
.jg-shp::after { animation: jg-eng 3s linear 8.4s both; }
@keyframes jg-eng { 0%, 50% { transform: scale(1); } 70%, 100% { transform: scale(2.2); filter: brightness(1.5); } }
.jg-cl { width: 40px; height: 40px; margin: -20px; border-radius: 50%; background: radial-gradient(closest-side, #fff, rgba(140, 205, 255, .7) 40%, transparent); opacity: 0; animation: jg-cl .9s ease-out 10.9s both; }
@keyframes jg-cl { 0% { opacity: 0; transform: scale(.2); } 25% { opacity: 1; transform: scale(1.4); } 100% { opacity: 0; transform: scale(2.4); } }

/* ------------------------------------------------------------ FLOTTE
   Chaque vaisseau sort de l'hyperespace à son heure : une traînée qui se
   résorbe en lui, un éclair, une onde ; la formation glisse, puis repart. */
.fw-f { animation: fw-drift 8.6s cubic-bezier(.3, 0, .7, 1) both; }
@keyframes fw-drift { from { transform: translateX(-10px); } to { transform: translateX(80px); } }
.fw-s { left: var(--x); top: var(--y); width: 0; height: 0; }
.fw-st { left: -560px; top: -1px; width: 560px; height: 2px; border-radius: 2px; transform-origin: 100% 50%; opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(79, 179, 255, .25) 50%, rgba(170, 220, 255, .85) 90%, #fff); box-shadow: 0 0 6px rgba(79, 179, 255, .6);
  animation: fw-in .55s cubic-bezier(.6, 0, .9, .5) var(--d) both; }
@keyframes fw-in { 0% { opacity: 0; transform: scaleX(.2) translateX(-300px); } 20% { opacity: 1; transform: scaleX(1); } 100% { opacity: 1; transform: scaleX(0); } }
.fw-b { width: 22px; height: 10px; margin: -5px 0 0 -11px; opacity: 0;
  animation: fw-b .5s cubic-bezier(0, .9, .3, 1) calc(var(--d) + .5s) both, fw-out .45s cubic-bezier(.7, 0, 1, .4) calc(7.2s + var(--d) * .4) forwards; }
.fw-b::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, #8b95a1, #e6e8eb 38%, #56657a 62%, #2e3a49); clip-path: polygon(0 0, 100% 50%, 0 100%, 22% 50%); }
.fw-b::after { content: ""; position: absolute; left: -5px; top: 3px; width: 8px; height: 4px; border-radius: 50%; background: radial-gradient(#fff, var(--hud) 50%, transparent 72%); animation: fw-en .3s steps(2) infinite; }
@keyframes fw-en { 50% { opacity: .55; } }
@keyframes fw-b { 0% { opacity: 0; transform: translateX(-46px) scaleX(2.4); } 30% { opacity: 1; } 100% { opacity: 1; transform: none; } }
@keyframes fw-out { 0% { opacity: 1; transform: none; } 30% { transform: translateX(-6px) scaleX(.8); } 100% { opacity: 0; transform: translateX(420px) scaleX(6); } }
.fw-fl { width: 70px; height: 70px; margin: -35px; border-radius: 50%; background: radial-gradient(closest-side, #fff, rgba(170, 220, 255, .8) 30%, rgba(79, 179, 255, .25) 60%, transparent); opacity: 0;
  animation: fw-fl .7s ease-out calc(var(--d) + .5s) both, fw-fl .6s ease-out calc(7.25s + var(--d) * .4) forwards; }
@keyframes fw-fl { 0% { opacity: 0; transform: scale(.2) scaleX(1.8); } 15% { opacity: 1; } 100% { opacity: 0; transform: scale(1.2); } }
.fw-rg { width: 90px; height: 90px; margin: -45px; border-radius: 50%; border: 1px solid rgba(170, 220, 255, .8); opacity: 0; animation: fw-rg .9s ease-out calc(var(--d) + .52s) both; }
@keyframes fw-rg { 0% { opacity: .9; transform: scale(.1) scaleX(.5); } 100% { opacity: 0; transform: scale(1) scaleX(.6); } }
/* Upright whichever way the fleet comes (turned back by its angle). */
.fw-hud { left: 26px; top: -60px; opacity: 0; rotate: calc(-1 * var(--a, 0deg)); transform-origin: 0 0; animation: fw-hud 6s 2.6s both; }
.fw-hud::before { content: ""; position: absolute; left: -22px; top: 6px; width: 18px; height: 1px; background: var(--hud); rotate: 35deg; transform-origin: 100% 0; }
@keyframes fw-hud { 0% { opacity: 0; } 5%, 70% { opacity: .9; } 100% { opacity: 0; } }

/* ------------------------------------------------------------ MAGNÉTAR
   Le champ dipolaire (lignes r = L sin²θ, tracées une fois) tourne avec
   l'étoile, des particules y coulent (pointillés qui défilent) ; il se
   tend, casse : éruption géante, puis la queue pulsée (deux faisceaux,
   leur angle une propriété enregistrée). */
@property --mb { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.ev-mg { animation: mg-shake .5s steps(8) 3.95s both; }
@keyframes mg-shake { 0% { translate: 0 0; } 12% { translate: 3px -2px; } 25% { translate: -3px 2px; } 37% { translate: 2px 3px; } 50% { translate: -2px -3px; } 62% { translate: 2px -1px; } 75% { translate: -1px 2px; } 100% { translate: 0 0; } }
.mg-field { left: -170px; top: -170px; width: 340px; height: 340px; overflow: visible; animation: mg-rot 9.5s linear both; }
@keyframes mg-rot { from { rotate: -20deg; } to { rotate: 70deg; } }
.mg-field path { fill: none; stroke-linecap: round; }
.mg-field .ln { stroke: rgba(255, 138, 31, .5); stroke-width: 1; stroke-dasharray: 1; stroke-dashoffset: 1; animation: mg-draw 1.4s ease-out var(--t) both, mg-heat 2.4s ease-in 1.6s both; }
.mg-field .fl { stroke: #ffd2a8; stroke-width: 1.6; stroke-dasharray: 1.5 9; opacity: 0; animation: mg-flow .9s linear infinite, mg-fon 1s ease-out 1.2s both; }
@keyframes mg-draw { to { stroke-dashoffset: 0; } }
@keyframes mg-heat { to { stroke: rgba(255, 190, 120, .85); } }
@keyframes mg-flow { to { stroke-dashoffset: -10.5; } }
@keyframes mg-fon { to { opacity: .8; } }
.mg-field g { transform-origin: 170px 170px; }
.mg-field .tw { animation: mg-tw .12s linear 2.6s 11 alternate both, mg-snap 1.8s cubic-bezier(.2, .7, .3, 1) 4s both; }
@keyframes mg-tw { from { transform: scale(1) rotate(0deg); } to { transform: scale(1.035) rotate(1.2deg); } }
@keyframes mg-snap { 0% { transform: scale(1.03); opacity: 1; } 100% { transform: scale(3.2); opacity: 0; } }
.mg-ns { width: 12px; height: 12px; margin: -6px; border-radius: 50%; background: radial-gradient(#fff 35%, #cfeaff 60%, transparent 75%); box-shadow: 0 0 12px 3px rgba(207, 234, 255, .7);
  animation: mg-ns .18s steps(2) 2.6s 8; }
@keyframes mg-ns { 50% { box-shadow: 0 0 20px 6px rgba(255, 210, 168, .9); } }
.mg-pl { width: 22px; height: 30px; margin: -15px 0 0 -11px; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 230, 200, .95), rgba(255, 138, 31, .6) 50%, transparent);
  opacity: 0; animation: mg-pl 2.2s cubic-bezier(.2, .7, .3, 1) 4s both; }
@keyframes mg-pl { 0% { opacity: 0; transform: rotate(-20deg) translateY(-10px) scale(.4); } 10% { opacity: 1; } 100% { opacity: 0; transform: rotate(-20deg) translateY(-230px) scale(2.2, 1.4); } }
.mg-fl { width: 260px; height: 260px; margin: -130px; border-radius: 50%; opacity: 0;
  background: radial-gradient(closest-side, #fff, #fff 8%, #ffe2c4 20%, rgba(255, 138, 31, .55) 45%, rgba(255, 123, 114, .2) 70%, transparent);
  animation: mg-fl 1.8s cubic-bezier(.1, .8, .3, 1) 4s both; }
@keyframes mg-fl { 0% { opacity: 0; transform: scale(.05); } 8% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(1.9); } }
.mg-q { width: 200px; height: 200px; margin: -100px; border-radius: 50%; border: 1.5px solid rgba(255, 210, 168, .9); opacity: 0; animation: mg-q 1.2s ease-out var(--t) both; }
@keyframes mg-q { 0% { opacity: 1; transform: scale(.05); } 100% { opacity: 0; transform: scale(1.6); } }
.mg-bm { width: 620px; height: 620px; margin: -310px; border-radius: 50%; opacity: 0;
  background: conic-gradient(from var(--mb), transparent 0deg, rgba(255, 226, 196, .9) 5deg, rgba(255, 138, 31, .35) 9deg, transparent 15deg 180deg, rgba(255, 226, 196, .9) 185deg, rgba(255, 138, 31, .35) 189deg, transparent 195deg);
  -webkit-mask: radial-gradient(closest-side, #000 3%, rgba(0, 0, 0, .5) 30%, transparent 85%); mask: radial-gradient(closest-side, #000 3%, rgba(0, 0, 0, .5) 30%, transparent 85%);
  animation: mg-sweep .75s linear infinite, mg-tail 5.2s ease-in 4.3s both; }
@keyframes mg-sweep { to { --mb: 360deg; } }
@keyframes mg-tail { 0% { opacity: 0; } 6% { opacity: 1; } 100% { opacity: 0; } }

/* ------------------------------------------------------------ AURORES
   Une géante annelée : bandes en rotation différentielle (chaque bande, un
   motif qui défile à sa vitesse, masqué à sa latitude), ombre du soir,
   anneaux devant et derrière (deux moitiés), un ovale d'aurore autour du
   pôle, éclairs côté nuit, une lune et son ombre. Elle arrive de loin,
   dans le noir, et le jour se lève sur elle : la lumière balaie sa face,
   d'un croissant à la face entière, ses anneaux s'allument avec elle. */
.ev-au { animation: au-in 12s both; }
@keyframes au-in { 0% { opacity: 0; transform: translateX(-40px) scale(.4); animation-timing-function: cubic-bezier(.2, .7, .3, 1); } 6% { opacity: 1; }
  25% { transform: translateX(-12px) scale(1); animation-timing-function: linear; } 88% { opacity: 1; } 100% { opacity: 0; transform: translateX(26px) scale(1); } }
.au-dawn { inset: 0; z-index: 2; background: linear-gradient(100deg, transparent 0 38%, rgba(13, 17, 23, .7) 50%, #0d1117 62%) 100% 0 / 300% 100%; animation: au-dawn 12s cubic-bezier(.3, 0, .5, 1) both; }
@keyframes au-dawn { 0%, 5% { background-position: 100% 0; } 32%, 100% { background-position: 0 0; } }
.ev-au .au-r { animation: au-ringdawn 12s cubic-bezier(.3, 0, .5, 1) both; }
@keyframes au-ringdawn { 0%, 6% { filter: brightness(.15); } 34%, 100% { filter: none; } }
.au-p { width: 200px; height: 200px; margin: -100px; border-radius: 50%; overflow: hidden; z-index: 1;
  background: linear-gradient(180deg, #4a3526 0%, #8a6142 6%, #d9b78a 13%, #c99a68 17%, #9a6740 23%, #e9cfa6 30%, #f2dfc0 34%, #b9824f 40%, #a87548 44%, #f0dcbc 49%, #f4e4c8 53%, #a06a43 58%, #c58f5e 62%, #e2bf8e 67%, #b07a4c 75%, #d8b183 83%, #8a6142 92%, #4a3526 100%); }
.au-bd { inset: 0; background-repeat: repeat-x; animation: au-flow var(--v) linear infinite; }
.au-bd1 { --v: 7s; background-image: radial-gradient(ellipse 22px 4px at 30% 50%, rgba(255, 240, 215, .45), transparent), radial-gradient(ellipse 30px 3px at 75% 40%, rgba(90, 60, 40, .45), transparent); background-size: 120px 22px; background-position-y: 30px;
  -webkit-mask: linear-gradient(transparent 14%, #000 16% 26%, transparent 28%); mask: linear-gradient(transparent 14%, #000 16% 26%, transparent 28%); }
.au-bd2 { --v: 4.5s; animation-direction: reverse; background-image: radial-gradient(ellipse 26px 5px at 40% 50%, rgba(160, 100, 60, .5), transparent), radial-gradient(ellipse 14px 3px at 85% 60%, rgba(255, 245, 225, .5), transparent); background-size: 90px 26px; background-position-y: 76px;
  -webkit-mask: linear-gradient(transparent 36%, #000 38% 50%, transparent 52%); mask: linear-gradient(transparent 36%, #000 38% 50%, transparent 52%); }
.au-bd3 { --v: 9s; background-image: radial-gradient(ellipse 18px 11px at 50% 50%, #c25b3a, rgba(194, 91, 58, .6) 55%, transparent 72%), radial-gradient(ellipse 36px 4px at 10% 30%, rgba(255, 240, 215, .4), transparent); background-size: 200px 26px; background-position-y: 118px;
  -webkit-mask: linear-gradient(transparent 56%, #000 58% 70%, transparent 72%); mask: linear-gradient(transparent 56%, #000 58% 70%, transparent 72%); }
@keyframes au-flow { to { background-position-x: 200px; } }
.au-bd2 { animation-name: au-flow2; } @keyframes au-flow2 { to { background-position-x: 180px; } }
.au-bd1 { animation-name: au-flow1; } @keyframes au-flow1 { to { background-position-x: 240px; } }
.au-sh { inset: 0; border-radius: 50%; background: radial-gradient(circle at 32% 30%, rgba(255, 250, 235, .28), transparent 34%), radial-gradient(circle at 24% 30%, transparent 38%, rgba(13, 17, 23, .5) 56%, rgba(13, 17, 23, .92) 72%, #0d1117 84%);
  box-shadow: inset 0 0 18px rgba(0, 0, 0, .55); }
.au-ms { left: 0; top: 0; width: 9px; height: 7px; border-radius: 50%; background: rgba(13, 17, 23, .85); animation: au-ms 12s linear both; }
@keyframes au-ms { from { transform: translate(-20px, 58px); } to { transform: translate(210px, 92px); } }
.au-lt { width: 10px; height: 10px; margin: -5px; border-radius: 50%; background: radial-gradient(closest-side, #fff, rgba(170, 220, 255, .8) 40%, transparent); opacity: 0;
  animation: au-lt 1.7s steps(1) var(--t) infinite; }
@keyframes au-lt { 0% { opacity: 1; } 4% { opacity: .2; } 7% { opacity: .9; } 10%, 100% { opacity: 0; } }
.au-r { width: 430px; height: 92px; margin: -46px 0 0 -215px; border-radius: 50%; rotate: -14deg;
  background: radial-gradient(closest-side, transparent 0 60%, rgba(216, 177, 131, .1) 61%, rgba(216, 177, 131, .55) 64%, rgba(236, 211, 173, .7) 69%, rgba(120, 90, 70, .25) 72%, rgba(236, 211, 173, .6) 76%, rgba(216, 177, 131, .3) 86%, transparent 88%); }
.au-rb { z-index: 0; clip-path: inset(0 0 50% 0); }
.au-rf { z-index: 2; clip-path: inset(50% 0 0 0); }
@keyframes au-glow { from { opacity: .45; } to { opacity: .95; } }
.au-oval { z-index: 3; left: -46px; top: -94px; width: 92px; height: 20px; border-radius: 50%; mix-blend-mode: screen;
  box-shadow: 0 0 10px 2px rgba(63, 255, 154, .45), inset 0 0 8px 1px rgba(63, 255, 154, .5); animation: au-glow 2.3s ease-in-out infinite alternate; }
.au-mn { z-index: 3; width: 14px; height: 14px; margin: -7px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #e6e8eb, #8b95a1 55%, #3a4858);
  animation: au-mn 12s linear both; }
@keyframes au-mn { from { transform: translate(-150px, -36px); } to { transform: translate(140px, -6px); } }
.ev-au .ev-hud { z-index: 4; left: 112px; top: -96px; opacity: 0; animation: fw-hud 9s 2s both; }

/* ------------------------------------------------------------ DYSON
   En 3D (preserve-3d) : quatre plans d'orbite inclinés, chacun ses
   panneaux, face éclairée vers l'étoile, dos sombre (backface-visibility) ;
   les panneaux arrivent un à un, l'étoile pâlit, la chaleur ressort en
   infrarouge ; un compteur CSS (entier enregistré dans counter-reset). */
@property --dyn { syntax: "<integer>"; inherits: false; initial-value: 0; }
@property --dyp { syntax: "<integer>"; inherits: false; initial-value: 0; }
.ev-dy { perspective: 640px; animation: dy-in 12s ease-in-out both; }
@keyframes dy-in { 0% { opacity: 0; } 6% { opacity: 1; } 92% { opacity: 1; } 100% { opacity: 0; } }
.dy-w { transform-style: preserve-3d; transform: rotateX(66deg) rotateZ(0deg); animation: dy-w 12s linear both; }
@keyframes dy-w { from { transform: rotateX(66deg) rotateZ(0deg); } to { transform: rotateX(60deg) rotateZ(40deg); } }
.dy-pl { transform-style: preserve-3d; animation: dy-orb var(--p) linear infinite; }
@keyframes dy-orb { from { transform: rotateY(var(--i)) rotateX(var(--j)) rotateZ(0deg); } to { transform: rotateY(var(--i)) rotateX(var(--j)) rotateZ(360deg); } }
.dy-pn { transform-style: preserve-3d; transform: rotateZ(var(--th)) translateX(var(--R)) rotateY(90deg); }
.dy-pn b { width: 9px; height: 13px; margin: -6.5px 0 0 -4.5px; backface-visibility: hidden; opacity: 0; animation: dy-on .5s ease-out var(--t) both; }
.dy-pn .k { background: linear-gradient(135deg, #fff3c4, #f2c230 40%, #c98a12); box-shadow: 0 0 6px rgba(242, 194, 48, .8); transform: rotateY(180deg); }
.dy-pn .f { background: linear-gradient(135deg, #3a4858, #1a212a 60%); outline: .5px solid rgba(139, 149, 161, .6); }
@keyframes dy-on { 0% { opacity: 0; filter: brightness(4); } 100% { opacity: 1; filter: none; } }
.dy-st { width: 0; height: 0; transform: rotateX(-66deg); animation: dy-stw 12s linear both; }
@keyframes dy-stw { from { transform: rotateZ(0deg) rotateX(-66deg); } to { transform: rotateZ(-40deg) rotateX(-60deg); } }
.dy-st b { width: 44px; height: 44px; margin: -22px; border-radius: 50%; background: radial-gradient(closest-side, #fff, #fff6d6 30%, var(--map) 55%, rgba(242, 194, 48, .3) 78%, transparent);
  box-shadow: 0 0 40px 10px rgba(242, 194, 48, .35); animation: dy-dim 12s ease-in-out both; }
@keyframes dy-dim { 0%, 30% { opacity: 1; transform: scale(1); } 85%, 100% { opacity: .42; transform: scale(.85); } }
.dy-st i { width: 240px; height: 240px; margin: -120px; border-radius: 50%; opacity: 0;
  background: radial-gradient(closest-side, rgba(255, 123, 114, .0) 20%, rgba(255, 123, 114, .22) 45%, rgba(255, 90, 60, .12) 70%, transparent); animation: dy-ir 12s ease-in both; }
@keyframes dy-ir { 0%, 35% { opacity: 0; } 85%, 100% { opacity: 1; } }
.ev-dy .ev-hud { left: 130px; top: -40px; display: grid; gap: 2px; opacity: 0; animation: fw-hud 10s 1.2s both; }
.ev-dy .ev-hud span { position: static; }
.dy-c1 { animation: dy-n 8.5s cubic-bezier(.4, 0, .6, 1) 1s both; counter-reset: dyn var(--dyn); }
.dy-c1::after { content: "COLLECTORS " counter(dyn); }
.dy-c2 { animation: dy-pc 7s ease-in 4s both; counter-reset: dyp var(--dyp); color: var(--bad); }
.dy-c2::after { content: "L☉ CAPTURED " counter(dyp) "%"; }
@keyframes dy-n { to { --dyn: 2048; } }
@keyframes dy-pc { to { --dyp: 12; } }

/* What some events leave in the sky (.nj-km, one for each time they come):
   small, far off, shown once the event is over and kept until the page is
   left (sky.css times each from the clock). */
.nj-keep { position: absolute; inset: 0; }
.nj-km { left: var(--x); top: var(--y); width: 0; height: 0; visibility: hidden; opacity: 0; content-visibility: hidden; }
@keyframes nj-keep { 0% { visibility: visible; opacity: 0; scale: 2.4; filter: brightness(3) blur(2px); } 35% { opacity: 1; scale: 1.15; filter: brightness(1.8) blur(.4px); }
  100% { visibility: visible; opacity: 1; scale: 1; filter: none; } }
/* As it comes, a glint where it is: a star of light, turning a little,
   gone as the thing settles. */
.nj-keep .nj-km::before { content: ""; position: absolute; left: -32px; top: -32px; width: 64px; height: 64px; opacity: 0; pointer-events: none;
  background: radial-gradient(closest-side, #fff, color-mix(in srgb, #fff6d6 70%, transparent) 12%, color-mix(in srgb, var(--map) 25%, transparent) 30%, transparent 55%),
    linear-gradient(90deg, transparent, #fff6d6 50%, transparent) 50% 50% / 100% 1px no-repeat, linear-gradient(transparent, #fff6d6 50%, transparent) 50% 50% / 1px 100% no-repeat;
  animation: km-glint 2.4s cubic-bezier(.2, .7, .3, 1) var(--kd, 0s) both; }
@keyframes km-glint { 0% { opacity: 0; scale: .2; rotate: -20deg; } 14% { opacity: 1; scale: 1.25; } 100% { opacity: 0; scale: .5; rotate: 25deg; } }
.nj-km > i, .nj-km > i::before, .nj-km > i::after { position: absolute; display: block; }
.nj-km > i::before, .nj-km > i::after { content: ""; }
/* A supernova's remnant: a shell of filaments, turning slowly. */
.km-nova { width: 44px; height: 44px; margin: -22px; border-radius: 50%; opacity: .5;
  background: radial-gradient(closest-side, color-mix(in srgb, #fff6d6 70%, transparent) 0 5%, transparent 12%, color-mix(in srgb, var(--accent) 18%, transparent) 45%, color-mix(in srgb, var(--bad) 45%, transparent) 72%, color-mix(in srgb, var(--hud) 35%, transparent) 86%, transparent);
  -webkit-mask: conic-gradient(#000, rgba(0, 0, 0, .3) 20deg, #000 35deg, rgba(0, 0, 0, .4) 60deg, #000 80deg, rgba(0, 0, 0, .25) 110deg, #000 140deg, rgba(0, 0, 0, .35) 170deg, #000 200deg, rgba(0, 0, 0, .3) 240deg, #000 270deg, rgba(0, 0, 0, .4) 310deg, #000);
  mask: conic-gradient(#000, rgba(0, 0, 0, .3) 20deg, #000 35deg, rgba(0, 0, 0, .4) 60deg, #000 80deg, rgba(0, 0, 0, .25) 110deg, #000 140deg, rgba(0, 0, 0, .35) 170deg, #000 200deg, rgba(0, 0, 0, .3) 240deg, #000 270deg, rgba(0, 0, 0, .4) 310deg, #000);
  animation: ev-spin 90s linear infinite; }
/* A kilonova's: a small star in a golden haze. */
.km-kn { width: 30px; height: 30px; margin: -15px; border-radius: 50%; background: radial-gradient(closest-side, #fff 0 7%, color-mix(in srgb, var(--map) 40%, transparent) 20%, color-mix(in srgb, var(--bad) 18%, transparent) 55%, transparent); animation: km-tw 5s ease-in-out infinite alternate; }
@keyframes km-tw { from { opacity: .55; } to { opacity: .9; } }
/* A black hole: its shadow, its photon ring, its disc. */
.km-hole { width: 0; height: 0; }
.km-hole::before { left: -17px; top: -4.5px; width: 34px; height: 9px; border-radius: 50%; rotate: -8deg;
  background: radial-gradient(closest-side, transparent 35%, #fff6d6 42%, var(--hud) 60%, color-mix(in srgb, var(--bad) 50%, transparent) 80%, transparent); opacity: .8; }
.km-hole::after { left: -4.5px; top: -4.5px; width: 9px; height: 9px; border-radius: 50%; background: #030406; box-shadow: 0 0 0 1px color-mix(in srgb, #fff6d6 85%, transparent), 0 0 5px 1px color-mix(in srgb, var(--hud) 60%, transparent); }
/* A pulsar, a magnetar: a small star, two faint beams sweeping. */
.km-ps, .km-mg { width: 260px; height: 260px; margin: -130px; border-radius: 50%;
  background: conic-gradient(transparent 0deg, color-mix(in srgb, var(--c) 45%, transparent) 3deg, transparent 6.5deg 180deg, color-mix(in srgb, var(--c) 45%, transparent) 183deg, transparent 186.5deg);
  -webkit-mask: radial-gradient(closest-side, #000 3%, rgba(0, 0, 0, .5) 40%, transparent 100%); mask: radial-gradient(closest-side, #000 3%, rgba(0, 0, 0, .5) 40%, transparent 100%); animation: ev-spin 1.6s linear infinite; }
.km-ps { --c: var(--accent); }
.km-mg { --c: #ffd2a8; width: 160px; height: 160px; margin: -80px; animation-duration: 2.6s; }
/* Their star, as the event showed it (not turning with the beams). */
.nj-km:has(> .km-ps, > .km-mg)::after { content: ""; position: absolute; left: -2px; top: -2px; width: 4px; height: 4px; border-radius: 50%; opacity: .8;
  background: radial-gradient(#fff 35%, var(--accent) 75%); box-shadow: 0 0 4px 1px color-mix(in srgb, var(--accent) 50%, transparent), 0 0 10px 3px color-mix(in srgb, var(--accent) 12%, transparent); }
.nj-km:has(> .km-mg)::after { background: radial-gradient(#fff 35%, #ffd2a8 75%); box-shadow: 0 0 4px 1px color-mix(in srgb, #ffd2a8 55%, transparent); }
/* A gas giant: small, banded, its rings. */
.km-au { width: 16px; height: 16px; margin: -8px; border-radius: 50%; opacity: .75;
  background: radial-gradient(circle at 30% 30%, transparent 45%, rgba(13, 17, 23, .75) 80%), linear-gradient(180deg, #8a6142, #d9b78a 25%, #b9824f 40%, #f0dcbc 52%, #a06a43 64%, #e2bf8e 78%, #8a6142); }
.km-au::after { left: -11px; top: 5px; width: 38px; height: 6px; border-radius: 50%; border: 1px solid color-mix(in srgb, #d8b183 70%, transparent); rotate: -14deg; }
/* A Dyson swarm: its star dimmed, its collectors in rings round it. */
.km-dy { width: 6px; height: 6px; margin: -3px; border-radius: 50%; background: radial-gradient(#fff6d6, var(--map) 60%); opacity: .6; box-shadow: 0 0 10px 4px color-mix(in srgb, var(--bad) 25%, transparent); }
.km-dy::before, .km-dy::after { left: -14px; top: -3px; width: 34px; height: 12px; border-radius: 50%; border: 1px dashed color-mix(in srgb, var(--map) 80%, transparent); animation: ev-spin 40s linear infinite; }
.km-dy::after { rotate: 60deg; animation-duration: 55s; animation-direction: reverse; }
/* An asteroid field: a cluster of small bodies, two larger tumbling slowly,
   the whole turning; now and then one catching the light. */
.km-rk { width: 46px; height: 26px; margin: -13px 0 0 -23px; opacity: .7; animation: ev-spin 240s linear infinite;
  background: radial-gradient(1.6px 1.3px at 12% 40%, var(--muted) 90%, transparent), radial-gradient(1.2px 1.2px at 30% 72%, var(--muted) 90%, transparent),
    radial-gradient(2px 1.6px at 44% 22%, var(--muted) 90%, transparent), radial-gradient(1.1px 1.1px at 58% 58%, var(--muted) 90%, transparent),
    radial-gradient(1.5px 1.2px at 76% 30%, var(--muted) 90%, transparent), radial-gradient(1.2px 1px at 88% 66%, var(--muted) 90%, transparent),
    radial-gradient(1px 1px at 22% 12%, var(--muted) 90%, transparent), radial-gradient(1px 1px at 66% 88%, var(--muted) 90%, transparent); }
.km-rk::before, .km-rk::after { background: color-mix(in srgb, var(--muted) 85%, var(--fg)); animation: km-tumble 30s linear infinite; }
.km-rk::before { left: 30%; top: 38%; width: 7px; height: 6px; clip-path: polygon(20% 0, 70% 6%, 100% 45%, 82% 92%, 35% 100%, 0 62%, 6% 20%); }
.km-rk::after { left: 64%; top: 46%; width: 5px; height: 4px; clip-path: polygon(30% 0, 100% 25%, 85% 100%, 15% 90%, 0 35%); animation-duration: 21s; animation-direction: reverse; }
@keyframes km-tumble { 0% { transform: rotate(0deg); filter: none; } 48% { filter: none; } 50% { filter: brightness(1.8); } 52% { filter: none; } 100% { transform: rotate(360deg); } }

/* The telescope: the events that leave something behind are seen close up,
   in a lens (the sky darkened round its edge) with its sight ring and its
   readout; at the end the lens closes on the place where what stays will
   be, so that the small thing left is plainly what was seen. */
.sc { left: var(--x); top: var(--y); width: 0; height: 0; }
.sc-lens, .sc-ring { animation: sc-open .8s cubic-bezier(.2, .8, .3, 1) both, sc-close 1.7s cubic-bezier(.55, 0, .85, .4) calc(var(--sd) - 1.7s) forwards; }
.sc-lens { left: -160px; top: -160px; width: 320px; height: 320px; border-radius: 50%; overflow: hidden;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--bg) 55%, transparent) 55%, color-mix(in srgb, var(--bg) 88%, transparent) 90%, var(--bg)); }
.sc-lens > .ev { left: 50%; top: 50%; }
/* Magnified, each to fill the lens. */
.nj-sky .sc-lens > :is(.ev-nova, .ev-hole) { scale: 1.7; }
.nj-sky .sc-lens > .ev-kn { scale: 1.3; }
.nj-sky .sc-lens > .ev-dy { scale: 1; }
.nj-sky .sc-lens > :is(.ev-mg, .ev-au) { scale: .9; }
.nj-sky .sc-lens .ev-hud { scale: 1; }
.sc-ring { left: -166px; top: -166px; width: 332px; height: 332px; border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--hud) 55%, transparent); box-shadow: inset 0 0 0 5px color-mix(in srgb, var(--bg) 70%, transparent), inset 0 0 0 6px color-mix(in srgb, var(--hud) 25%, transparent);
  background:
    linear-gradient(var(--hud), var(--hud)) 50% 0 / 1px 14px no-repeat, linear-gradient(var(--hud), var(--hud)) 50% 100% / 1px 14px no-repeat,
    linear-gradient(var(--hud), var(--hud)) 0 50% / 14px 1px no-repeat, linear-gradient(var(--hud), var(--hud)) 100% 50% / 14px 1px no-repeat; }
.sc-ring::before { content: ""; position: absolute; inset: -9px; border-radius: 50%; border: 1px dashed color-mix(in srgb, var(--hud) 45%, transparent);
  -webkit-mask: conic-gradient(#000 0 70deg, transparent 70deg 180deg, #000 180deg 250deg, transparent 250deg); mask: conic-gradient(#000 0 70deg, transparent 70deg 180deg, #000 180deg 250deg, transparent 250deg);
  animation: ev-spin 24s linear infinite; }
/* Its readouts placed on the screen, not off it: the label above the lens
   (below it near the top of the screen, pulled in near its sides), the
   readouts on its right (on its left near the right edge). Each side is
   chosen by clamp(): an overflow times 1000, held between 0 and the jump. */
.sc-txt { inset: 0; --k: 1; --tw: 300px; --sw: 210px; }
.sc-tag { opacity: 0; animation: fw-hud calc(var(--sd) - 1.2s) .6s both;
  left: max(8px, min(calc(var(--x) + 120px * var(--k)), calc(100% - var(--tw) - 8px)));
  top: calc(var(--y) - 178px * var(--k) + clamp(0px, (186px * var(--k) - var(--y)) * 1000, 356px * var(--k))); }
@keyframes sc-open { from { scale: .15; opacity: 0; } to { scale: 1; opacity: 1; } }
@keyframes sc-close { from { scale: 1; opacity: 1; } 85% { opacity: .9; } to { scale: .05; opacity: 0; } }
@media (max-width: 40rem) { .sc { scale: .72; } .sc-txt { --k: .72; } }
/* The readouts of the events in the telescope, beside its lens. */
.sc-side { left: max(8px, calc(var(--x) + 176px * var(--k) - clamp(0px, (var(--x) + 176px * var(--k) + var(--sw) + 8px - 100%) * 1000, 352px * var(--k) + var(--sw))));
  top: min(calc(var(--y) - 30px), calc(100% - 70px)); }
.nj-sky .sc-side > * { position: relative; left: 0; top: 0; scale: 1; }
.sc-side > .ev-hud { display: grid; gap: 2px; opacity: 0; animation: fw-hud calc(var(--sd) - 1.4s) .8s both; }
.sc-side .ev-hud span { position: static; }
.sc-side .kn-wf { width: 170px; }
/* A ship in distress, far off: its hull, its red light sending SOS, a
   faint ring now and then. */
.km-bc { width: 7px; height: 4px; margin: -2px 0 0 -3.5px; background: var(--muted); clip-path: polygon(0 0, 100% 50%, 0 100%, 28% 50%); opacity: .8; }
.km-bc::before { left: -2px; top: 0; width: 3px; height: 3px; border-radius: 50%; background: var(--bad); box-shadow: 0 0 4px 1px var(--bad); animation: km-sos 4s steps(1) infinite; }
.nj-km:has(> .km-bc)::after { content: ""; position: absolute; left: -14px; top: -14px; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--bad); opacity: 0; animation: km-ring 4s ease-out infinite; }
@keyframes km-sos { 0%, 4%, 8%, 12%, 16%, 20%, 30%, 38%, 46%, 56%, 60%, 64% { opacity: 1; } 2%, 6%, 10%, 14%, 18%, 26%, 34%, 42%, 50%, 58%, 62%, 66%, 100% { opacity: .1; } }
@keyframes km-ring { 0% { opacity: .5; transform: scale(.2); } 40%, 100% { opacity: 0; transform: scale(1.4); } }
/* Wreckage: shards tumbling apart, one still glowing. */
.km-wk { width: 30px; height: 20px; margin: -10px 0 0 -15px; opacity: .75; animation: ev-spin 160s linear infinite;
  background: radial-gradient(1.5px 1px at 20% 40%, var(--muted) 90%, transparent), radial-gradient(1px 1px at 70% 70%, var(--muted) 90%, transparent),
    radial-gradient(1.2px 1px at 82% 22%, var(--muted) 90%, transparent), radial-gradient(1px 1px at 40% 85%, var(--muted) 90%, transparent),
    radial-gradient(closest-side, color-mix(in srgb, var(--hud) 14%, transparent), transparent); }
.km-wk::before { left: 38%; top: 30%; width: 6px; height: 3px; background: color-mix(in srgb, var(--muted) 80%, var(--fg)); clip-path: polygon(0 0, 100% 30%, 70% 100%, 10% 70%); animation: km-tumble 24s linear infinite; }
.km-wk::after { left: 58%; top: 52%; width: 2px; height: 2px; border-radius: 50%; background: var(--hud); box-shadow: 0 0 3px 1px var(--hud); animation: km-tw 1.3s ease-in-out infinite alternate; }

/* Pointed at, what stays is bracketed and named; clicked, the telescope
   opens on it (its lens, its ring, its name); clicked again, it closes. */
.km-hit { position: absolute; left: var(--x); top: var(--y); width: 30px; height: 30px; margin: -15px; border-radius: 50%; pointer-events: auto; cursor: zoom-in; }
.km-hit::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; }
.km-hit::after { content: var(--nm) " · SCOPE"; position: absolute; left: 36px; top: 9px; white-space: nowrap; opacity: 0; transition: opacity .2s;
  font: 10px ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .09em; color: var(--hud); }
.km-hit:hover::before, .km-hit:hover::after { opacity: .9; }
.kml { display: none; position: absolute; z-index: 2; left: clamp(140px, var(--x), calc(100% - 140px)); top: clamp(140px, var(--y), calc(100% - 170px)); width: 0; height: 0; pointer-events: auto; cursor: zoom-out; }
.kml > span { position: absolute; display: block; animation: sc-open .6s cubic-bezier(.2, .8, .3, 1) both; }
/* The lens: deep space whatever the theme, a few far stars, its glass (a
   glare, its edge darkened). */
.kml-lens { left: -130px; top: -130px; width: 260px; height: 260px; border-radius: 50%; overflow: hidden;
  background: radial-gradient(1px 1px at 18% 30%, #fff 60%, transparent), radial-gradient(1px 1px at 74% 18%, #cfe0ff 60%, transparent),
    radial-gradient(1.4px 1.4px at 82% 66%, #fff 60%, transparent), radial-gradient(1px 1px at 30% 80%, #ffe6c8 60%, transparent),
    radial-gradient(1px 1px at 56% 88%, #fff 60%, transparent), radial-gradient(.8px .8px at 10% 58%, #fff 60%, transparent),
    radial-gradient(.8px .8px at 64% 8%, #fff 60%, transparent), radial-gradient(.8px .8px at 92% 44%, #cfe0ff 60%, transparent),
    radial-gradient(.8px .8px at 40% 14%, #fff 60%, transparent), radial-gradient(.8px .8px at 24% 52%, #fff 60%, transparent),
    radial-gradient(closest-side, #0b1220, #060a12 70%, #020306); }
.kml-lens::after { content: ""; position: absolute; inset: 0; border-radius: 50%;
  background: radial-gradient(circle at 30% 22%, rgba(255, 255, 255, .07), transparent 32%), radial-gradient(closest-side, transparent 78%, rgba(0, 0, 0, .55));
  box-shadow: inset 0 0 28px rgba(0, 0, 0, .85), inset 0 0 2px 1px rgba(140, 180, 255, .25); }
.kml-ring { left: -136px; top: -136px; width: 272px; height: 272px; border-radius: 50%; border: 1px solid color-mix(in srgb, var(--hud) 60%, transparent);
  box-shadow: inset 0 0 0 5px color-mix(in srgb, var(--bg) 70%, transparent), inset 0 0 0 6px color-mix(in srgb, var(--hud) 25%, transparent);
  background: linear-gradient(var(--hud), var(--hud)) 50% 0 / 1px 12px no-repeat, linear-gradient(var(--hud), var(--hud)) 50% 100% / 1px 12px no-repeat,
    linear-gradient(var(--hud), var(--hud)) 0 50% / 12px 1px no-repeat, linear-gradient(var(--hud), var(--hud)) 100% 50% / 12px 1px no-repeat; }
.kml-tag { left: -130px; top: 146px; white-space: nowrap; font: 10px ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .09em; color: var(--hud); }
.kml-tag::after { content: var(--nm) " · CLOSE UP"; }
@media (max-width: 40rem) { .kml { scale: .8; } }
/* While a telescope is open, a click anywhere else closes it: it is above
   the page then, its controls too (else below the sky's targets, style.css). */
.km-close { display: none; position: absolute; inset: 0; z-index: 1; pointer-events: auto; cursor: zoom-out; }
html:has(input[name="nj-km"]:checked:not(#km-none)) .km-close { display: block; }
html:has(input[name="nj-km"]:checked:not(#km-none)) .nj-hit { z-index: 4; }

/* Seen close up in the telescope (.kz, in the lens): each drawn for it,
   not the small thing magnified. Light from the upper left. */
.kz { position: absolute; display: block; left: 50%; top: 50%; width: 0; height: 0; }
.kz b, .kz i { position: absolute; display: block; left: 0; top: 0; translate: -50% -50%; }
.kz b::before, .kz b::after { content: ""; position: absolute; display: block; }
@keyframes kz-breathe { from { scale: 1; opacity: .85; } to { scale: 1.05; opacity: 1; } }
@keyframes kz-flick { 0%, 100% { opacity: 1; } 40% { opacity: .75; } 55% { opacity: .95; } 70% { opacity: .7; } }
@keyframes kz-wave { 0% { opacity: .7; width: 16px; height: 16px; } 100% { opacity: 0; width: 230px; height: 230px; } }
/* A star's spikes, the glass's: two thin lines across it. */
.kz .kz-star::before, .kz .kz-star::after { left: 50%; top: 50%; width: var(--sl, 90px); height: 1px; margin: -.5px 0 0 calc(var(--sl, 90px) / -2);
  background: linear-gradient(90deg, transparent, var(--sc, rgba(225, 235, 255, .85)), transparent); }
.kz .kz-star::after { rotate: 90deg; }

/* Supernova remnant: a shell of red filaments and knots round a blue glow,
   its pulsar at the heart; turning very slowly. */
.kz-nova { animation: ev-spin 240s linear infinite; }
.kz-nova .n-glow { width: 190px; height: 160px; border-radius: 50%; filter: blur(5px);
  background: radial-gradient(closest-side, rgba(150, 190, 255, .38), rgba(110, 140, 230, .18) 45%, transparent 78%); }
.kz-nova .n-shell, .kz-nova .n-fil { width: 210px; height: 176px; border-radius: 50%; rotate: 18deg;
  -webkit-mask: radial-gradient(closest-side, transparent 30%, #000 60%, #000 84%, transparent 99%), conic-gradient(#000, rgba(0, 0, 0, .35) 25deg, #000 50deg, rgba(0, 0, 0, .5) 85deg, #000 120deg, rgba(0, 0, 0, .3) 160deg, #000 200deg, rgba(0, 0, 0, .45) 250deg, #000 290deg, rgba(0, 0, 0, .3) 330deg, #000);
  -webkit-mask-composite: source-in; mask: radial-gradient(closest-side, transparent 30%, #000 60%, #000 84%, transparent 99%) intersect, conic-gradient(#000, rgba(0, 0, 0, .35) 25deg, #000 50deg, rgba(0, 0, 0, .5) 85deg, #000 120deg, rgba(0, 0, 0, .3) 160deg, #000 200deg, rgba(0, 0, 0, .45) 250deg, #000 290deg, rgba(0, 0, 0, .3) 330deg, #000); }
.kz-nova .n-shell { filter: blur(2px); background: radial-gradient(closest-side, transparent 45%, rgba(255, 120, 80, .35) 66%, rgba(255, 90, 60, .6) 80%, rgba(255, 180, 120, .35) 90%, transparent); }
.kz-nova .n-fil { opacity: .9; filter: blur(.35px);
  background: repeating-conic-gradient(from 3deg, rgba(255, 140, 90, .8) 0 .7deg, transparent .7deg 4.4deg, rgba(255, 215, 160, .55) 4.4deg 5deg, transparent 5deg 8.6deg, rgba(240, 90, 80, .65) 8.6deg 9.2deg, transparent 9.2deg 12.8deg); }
.kz-nova .n-knots { width: 200px; height: 170px; rotate: 18deg;
  background: radial-gradient(3px 3px at 18% 30%, rgba(255, 210, 170, .95), transparent), radial-gradient(2.5px 2.5px at 80% 26%, rgba(255, 190, 150, .9), transparent),
    radial-gradient(3px 2px at 88% 62%, rgba(255, 220, 180, .9), transparent), radial-gradient(2px 2px at 62% 90%, rgba(255, 170, 130, .9), transparent),
    radial-gradient(3px 3px at 26% 82%, rgba(255, 200, 160, .9), transparent), radial-gradient(2px 2px at 8% 56%, rgba(255, 180, 140, .9), transparent),
    radial-gradient(2px 2px at 46% 8%, rgba(255, 220, 190, .9), transparent), radial-gradient(2.5px 2px at 70% 12%, rgba(255, 160, 120, .85), transparent); }
.kz-nova .n-core { width: 46px; height: 46px; border-radius: 50%; --sl: 70px; animation: kz-flick 1.4s ease-in-out infinite;
  background: radial-gradient(closest-side, #fff 0 8%, rgba(205, 228, 255, .9) 18%, rgba(120, 160, 255, .35) 45%, transparent); }

/* Kilonova remnant: a red cloud of heavy elements, blue lobes thrown out
   at the poles, the merged star bright at its heart. */
.kz-kn .k-red { width: 180px; height: 150px; border-radius: 50%; filter: blur(3px); animation: kz-breathe 7s ease-in-out infinite alternate;
  background: radial-gradient(closest-side, rgba(255, 130, 70, .6), rgba(220, 60, 40, .38) 45%, rgba(140, 30, 50, .16) 75%, transparent),
    radial-gradient(30px 22px at 30% 36%, rgba(255, 170, 110, .35), transparent), radial-gradient(26px 20px at 70% 64%, rgba(255, 110, 80, .3), transparent);
  -webkit-mask: conic-gradient(#000, rgba(0, 0, 0, .55) 40deg, #000 90deg, rgba(0, 0, 0, .6) 150deg, #000 210deg, rgba(0, 0, 0, .5) 280deg, #000);
  mask: conic-gradient(#000, rgba(0, 0, 0, .55) 40deg, #000 90deg, rgba(0, 0, 0, .6) 150deg, #000 210deg, rgba(0, 0, 0, .5) 280deg, #000); }
.kz-kn .k-blue { width: 46px; height: 170px; border-radius: 50%; rotate: 24deg; filter: blur(2.5px);
  background: radial-gradient(closest-side, rgba(180, 215, 255, .75), rgba(90, 140, 255, .32) 55%, transparent); }
.kz-kn .k-core { width: 34px; height: 34px; border-radius: 50%; --sl: 130px; --sc: rgba(255, 225, 170, .8); animation: kz-flick 3s ease-in-out infinite;
  background: radial-gradient(closest-side, #fff 0 12%, rgba(255, 240, 210, .9) 25%, rgba(255, 180, 100, .3) 55%, transparent); }

/* Black hole: its shadow, its photon ring, the disc going round it, its far
   side bent up and over by the hole (the side coming towards us brighter). */
.kz-hole { rotate: -9deg; }
.kz-hole .h-glow { width: 250px; height: 120px; border-radius: 50%; filter: blur(8px); background: radial-gradient(closest-side, rgba(255, 170, 90, .28), transparent); }
.kz-hole .h-halo { width: 124px; height: 124px; border-radius: 50%; filter: blur(.6px);
  background: radial-gradient(closest-side, transparent 49%, rgba(255, 238, 205, .95) 54%, rgba(255, 175, 85, .75) 64%, rgba(220, 95, 45, .35) 80%, transparent);
  -webkit-mask: linear-gradient(90deg, #000, rgba(0, 0, 0, .5)); mask: linear-gradient(90deg, #000, rgba(0, 0, 0, .5)); }
.kz-hole .h-disc { width: 270px; height: 270px; border-radius: 50%; scale: 1 .14;
  background: radial-gradient(closest-side, transparent 22%, #fff5e1 25%, rgba(255, 192, 112, .95) 38%, rgba(232, 112, 52, .7) 60%, rgba(150, 52, 32, .25) 82%, transparent);
  -webkit-mask: linear-gradient(#000 50%, transparent 50%), linear-gradient(90deg, #000, rgba(0, 0, 0, .4)); -webkit-mask-composite: source-in;
  mask: linear-gradient(#000 50%, transparent 50%) intersect, linear-gradient(90deg, #000, rgba(0, 0, 0, .4)); }
.kz-hole .h-front { -webkit-mask: linear-gradient(transparent 50%, #000 50%), linear-gradient(90deg, #000, rgba(0, 0, 0, .4)); -webkit-mask-composite: source-in;
  mask: linear-gradient(transparent 50%, #000 50%) intersect, linear-gradient(90deg, #000, rgba(0, 0, 0, .4)); }
.kz-hole .h-disc::before { inset: 0; border-radius: 50%; animation: ev-spin 7s linear infinite;
  background: repeating-conic-gradient(rgba(40, 10, 0, .35) 0 3deg, transparent 3deg 11deg, rgba(255, 240, 210, .25) 11deg 13deg, transparent 13deg 23deg); }
.kz-hole .h-shadow { width: 62px; height: 62px; border-radius: 50%; background: #000;
  box-shadow: 0 0 0 1.5px rgba(255, 242, 218, .95), 0 0 6px 2px rgba(255, 190, 110, .6), 0 0 18px 4px rgba(255, 140, 60, .25); }

/* Pulsar: a small hot star, its field in loops, two beams sweeping round
   with it; it flashes as they pass. */
.kz-ps .p-neb { width: 170px; height: 170px; border-radius: 50%; background: radial-gradient(closest-side, rgba(110, 160, 255, .2), transparent 72%); }
.kz-ps .p-rot { width: 0; height: 0; translate: none; rotate: 30deg; animation: kz-turn 2.8s linear infinite; }
@keyframes kz-turn { from { rotate: 30deg; } to { rotate: 390deg; } }
.kz-ps .p-beam { width: 250px; height: 250px; border-radius: 50%;
  -webkit-mask: radial-gradient(closest-side, #000 4%, rgba(0, 0, 0, .45) 45%, transparent); mask: radial-gradient(closest-side, #000 4%, rgba(0, 0, 0, .45) 45%, transparent); }
.kz-ps .p-beam { background: conic-gradient(from -5deg, transparent, rgba(175, 212, 255, .6) 5deg, transparent 10deg 175deg, rgba(175, 212, 255, .6) 185deg, transparent 190deg); }
.kz .p-loop { translate: 0 -50%; width: 56px; height: 34px; border-radius: 50%; border: 1px solid rgba(140, 190, 255, .38); }
.kz .p-loop.p-big { width: 96px; height: 58px; opacity: .6; }
.kz .p-loop.p-left { translate: -100% -50%; }
.kz-ps .p-core { width: 24px; height: 24px; border-radius: 50%; --sl: 64px; animation: kz-pulse 1.4s ease-out infinite;
  background: radial-gradient(closest-side, #fff 0 22%, rgba(190, 222, 255, .9) 38%, rgba(100, 150, 255, .3) 62%, transparent); }
@keyframes kz-pulse { 0%, 100% { scale: 1; filter: brightness(1); } 8% { scale: 1.35; filter: brightness(1.8); } }

/* Magnetar: its field wound tight round it, glowing; now and then a
   starquake sends a flash out. */
.kz-mg .m-glow { width: 150px; height: 150px; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 190, 140, .22), rgba(190, 120, 255, .1) 50%, transparent 75%); animation: kz-breathe 3s ease-in-out infinite alternate; }
.kz-mg .m-rot { width: 0; height: 0; translate: none; animation: ev-spin 26s linear infinite; }
.kz-mg .m-loop { width: 150px; height: 44px; border-radius: 50%; border: 1px solid rgba(255, 175, 125, .42); rotate: var(--r); }
.kz-mg .m-loop:nth-child(even) { border-color: rgba(200, 145, 255, .36); width: 120px; height: 34px; }
.kz-mg .m-quake { width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid rgba(255, 210, 160, .7); box-shadow: 0 0 10px rgba(255, 180, 120, .5); animation: kz-wave 5s cubic-bezier(.1, .6, .3, 1) infinite; }
.kz-mg .m-core { width: 26px; height: 26px; border-radius: 50%; --sl: 80px; --sc: rgba(255, 220, 190, .8); animation: kz-flick 2.2s ease-in-out infinite;
  background: radial-gradient(closest-side, #fff 0 20%, #ffd9b5 40%, rgba(255, 150, 90, .35) 65%, transparent); }

/* Gas giant: banded, a storm, lit from the left; its rings, the far side
   behind it and their shadow across it. */
.kz-au { rotate: -14deg; }
.kz-au .g-planet { width: 112px; height: 112px; border-radius: 50%;
  background: radial-gradient(circle at 30% 28%, rgba(255, 250, 235, .28), transparent 38%), radial-gradient(circle at 34% 34%, transparent 48%, rgba(5, 7, 11, .55) 68%, rgba(3, 4, 7, .92) 84%),
    linear-gradient(174deg, transparent 57%, rgba(0, 0, 0, .38) 59% 63%, transparent 65%),
    radial-gradient(10px 6px at 64% 66%, #c0603f 70%, rgba(192, 96, 63, .4) 85%, transparent),
    linear-gradient(180deg, #7d5636, #c9a06f 10%, #e6cfa6 16%, #b07a4c 24%, #f2e2c4 33%, #c7955e 41%, #e9d3ae 50%, #a8703f 57%, #dcbc8c 66%, #b98552 74%, #ecd8b6 83%, #8f6340); }
.kz-au .g-ring { width: 260px; height: 260px; border-radius: 50%; scale: 1 .22;
  background: radial-gradient(closest-side, transparent 52%, rgba(200, 170, 130, .35) 54%, rgba(228, 204, 165, .8) 62%, rgba(182, 152, 117, .62) 70%, transparent 71.5% 73%, rgba(216, 191, 152, .58) 74%, rgba(190, 160, 120, .3) 85%, transparent 87%); }
.kz-au .g-back { -webkit-mask: linear-gradient(#000 50%, transparent 50%); mask: linear-gradient(#000 50%, transparent 50%); filter: brightness(.7); }
.kz-au .g-front { -webkit-mask: linear-gradient(transparent 50%, #000 50%); mask: linear-gradient(transparent 50%, #000 50%); }

/* Dyson swarm: its star dimmed, glowing red with the heat given off, and
   its collectors going round it on rings at every tilt. */
.kz-dy .d-glow { width: 170px; height: 170px; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 110, 70, .22), rgba(255, 80, 60, .08) 55%, transparent); }
.kz-dy .d-star { width: 30px; height: 30px; border-radius: 50%; --sl: 60px; --sc: rgba(255, 220, 170, .6); opacity: .85;
  background: radial-gradient(closest-side, #fff8e6 0 25%, #ffcf7a 45%, rgba(255, 150, 70, .4) 70%, transparent); }
.kz-dy .d-o { border-radius: 50%; border: 1px solid rgba(255, 205, 130, .14); rotate: var(--t); scale: 1 var(--s); width: var(--w); height: var(--w); }
.kz-dy .d-o::before { inset: -1px; border-radius: 50%; animation: ev-spin var(--p) linear infinite;
  background: repeating-conic-gradient(rgba(255, 215, 145, .95) 0 1.3deg, transparent 1.3deg 6.5deg);
  -webkit-mask: radial-gradient(closest-side, transparent 92%, #000 94% 99%, transparent); mask: radial-gradient(closest-side, transparent 92%, #000 94% 99%, transparent); }
.kz-dy .d-o::after { inset: -1px; border-radius: 50%; animation: ev-spin var(--p) linear infinite reverse;
  background: conic-gradient(transparent 0 300deg, rgba(255, 245, 220, .9) 330deg, transparent 340deg);
  -webkit-mask: radial-gradient(closest-side, transparent 92%, #000 94% 99%, transparent); mask: radial-gradient(closest-side, transparent 92%, #000 94% 99%, transparent); }
.kz-dy .d-o1 { --w: 196px; --t: 18deg; --s: .3; --p: 40s; }
.kz-dy .d-o2 { --w: 168px; --t: -38deg; --s: .26; --p: 32s; }
.kz-dy .d-o3 { --w: 140px; --t: 72deg; --s: .34; --p: 26s; }
.kz-dy .d-o4 { --w: 116px; --t: -72deg; --s: .24; --p: 20s; }

/* Asteroid field: rough bodies of every size, lit from one side, drifting
   and turning a little in a haze of dust. */
.kz-rk .a-haze { width: 250px; height: 150px; border-radius: 50%; rotate: -12deg;
  background: radial-gradient(1px 1px at 12% 40%, #9b938a, transparent), radial-gradient(1px 1px at 30% 70%, #9b938a, transparent), radial-gradient(1px 1px at 52% 22%, #9b938a, transparent),
    radial-gradient(1px 1px at 70% 80%, #9b938a, transparent), radial-gradient(1px 1px at 86% 34%, #9b938a, transparent), radial-gradient(1px 1px at 40% 50%, #9b938a, transparent),
    radial-gradient(1px 1px at 62% 56%, #9b938a, transparent), radial-gradient(1px 1px at 22% 18%, #9b938a, transparent), radial-gradient(1px 1px at 78% 60%, #9b938a, transparent),
    radial-gradient(closest-side, rgba(160, 140, 120, .12), transparent); }
.kz-rk { animation: ev-spin 300s linear infinite; }
.kz-rk .a { left: var(--x); top: var(--y); width: var(--w); height: var(--h); animation: kz-drift calc(var(--p) * .6) ease-in-out infinite alternate;
  background: radial-gradient(18% 14% at 62% 58%, rgba(0, 0, 0, .35), transparent), radial-gradient(12% 10% at 40% 70%, rgba(0, 0, 0, .3), transparent),
    radial-gradient(circle at 28% 26%, #d6ccbf, #958b80 32%, #59524b 62%, #26221f 90%);
  clip-path: polygon(18% 4%, 58% 0, 86% 14%, 100% 46%, 90% 82%, 58% 100%, 22% 94%, 2% 66%, 0 30%); }
.kz-rk .a:nth-child(3n) { clip-path: polygon(30% 0, 74% 8%, 100% 38%, 94% 74%, 64% 100%, 26% 92%, 0 62%, 8% 22%); }
.kz-rk .a:nth-child(3n+1) { clip-path: polygon(10% 18%, 44% 0, 80% 6%, 100% 34%, 96% 70%, 72% 96%, 34% 100%, 6% 78%, 0 46%); }
@keyframes kz-drift { from { translate: -50% -50%; rotate: var(--r0, -6deg); } to { translate: calc(-50% + var(--dx, 4px) * 2) calc(-50% + var(--dy, -3px) * 2); rotate: var(--r1, 8deg); } }

/* A ship in distress, adrift: its hull dark, its red light sending SOS,
   the call going out in rings. */
.kz-bc .b-glow { width: 200px; height: 140px; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 70, 60, .12), transparent); }
.kz-bc .b-ring { width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(255, 90, 80, .6); left: 12px; top: -10px; animation: kz-wave 4s ease-out infinite; }
.kz-bc .b-ring.b-r2 { animation-delay: -1.33s; }
.kz-bc .b-ring.b-r3 { animation-delay: -2.66s; }
.kz-bc .b-ship { animation: kz-adrift 18s ease-in-out infinite alternate; }
.kz-bc .b-ship svg { display: block; filter: brightness(.85) drop-shadow(0 0 1px rgba(0, 0, 0, .8)); }
@keyframes kz-adrift { from { rotate: -22deg; } to { rotate: -12deg; } }
.kz-bc .b-light { left: 54%; top: 22%; width: 5px; height: 5px; translate: -50% -50%; border-radius: 50%; background: #ff5048; box-shadow: 0 0 6px 2px rgba(255, 70, 60, .8), 0 0 18px 6px rgba(255, 60, 50, .3); animation: km-sos 4s steps(1) infinite; }

/* The ships in the lens drawn in the dark theme's colours whatever the
   page's (space is dark there), their engines cold. */
.kz-wk, .kz-bc { --bg: #0d1117; --fg: #e6e8eb; --accent: #2a2724; }
/* Wreckage: the hull broken in two, the halves drifting apart, its debris
   tumbling round, fire still glowing where it broke. */
.kz-wk { --hud: #5a2a18; }
.kz-wk.kz-mirror { scale: -1 1; }
.kz-wk .w-fire { width: 70px; height: 50px; border-radius: 50%; filter: blur(4px); animation: kz-flick 1.7s ease-in-out infinite;
  background: radial-gradient(closest-side, rgba(255, 220, 160, .8), rgba(255, 130, 50, .55) 35%, rgba(200, 60, 30, .2) 70%, transparent); }
.kz-wk .w-part svg { display: block; filter: brightness(.78) saturate(.7); }
.kz-wk .w-front svg { clip-path: polygon(0 0, 50% 0, 46% 18%, 52% 34%, 44% 52%, 49% 70%, 42% 86%, 45% 100%, 0 100%); }
.kz-wk .w-rear svg { clip-path: polygon(50% 0, 100% 0, 100% 100%, 45% 100%, 42% 86%, 49% 70%, 44% 52%, 52% 34%, 46% 18%); }
.kz-wk .w-front { animation: kz-apart-f 16s ease-in-out infinite alternate; }
.kz-wk .w-rear { animation: kz-apart-r 16s ease-in-out infinite alternate; }
@keyframes kz-apart-f { from { translate: calc(-50% - 22px) calc(-50% - 10px); rotate: -14deg; } to { translate: calc(-50% - 30px) calc(-50% - 15px); rotate: -20deg; } }
@keyframes kz-apart-r { from { translate: calc(-50% + 20px) calc(-50% + 10px); rotate: 12deg; } to { translate: calc(-50% + 28px) calc(-50% + 16px); rotate: 18deg; } }
.kz-wk .w-d { left: var(--x); top: var(--y); width: var(--w); height: calc(var(--w) * .6); animation: ev-spin var(--p) linear infinite;
  background: linear-gradient(135deg, #b9c0c8, #6a717a 50%, #2c3036); clip-path: polygon(0 20%, 60% 0, 100% 45%, 70% 100%, 15% 85%); }
.kz-wk .w-s { left: var(--x); top: var(--y); width: 3px; height: 3px; border-radius: 50%; background: #ffd08a; box-shadow: 0 0 4px 1px rgba(255, 150, 60, .8); animation: km-tw var(--p) ease-in-out infinite alternate; }

/* A crash, in the telescope: the ship coming in on fire, trailing smoke,
   tumbling, then blown up (a flash, a fireball, a ring), broken in two;
   its halves drift apart as the wreck that stays, shards and sparks
   thrown out round them. The same ship as the fleets' (#nj-ship). */
/* The scenes in the lens: upright whatever the event's angle, in the dark
   theme's colours (space is dark there), coming into focus as it opens. */
.sc-lens > .ev-sc { transform: none; --bg: #0d1117; --fg: #e6e8eb; animation: sc-focus calc(1.4s * var(--slow, 1)) ease-out both; }
@keyframes sc-focus { from { filter: blur(6px) brightness(.35); } to { filter: none; } }
.ev-sc b, .ev-sc i { position: absolute; display: block; left: 0; top: 0; translate: -50% -50%; }
.ev-sc svg { position: static; display: block; }
.ev-wreck { --cd: calc(6.5s * var(--slow, 1)); }
.ev-sc :is(.cw-ship, .cw-half) { width: 120px; height: 51px; }
.cw-ship { opacity: 0; animation: cw-fly var(--cd) linear forwards; }
@keyframes cw-fly {
  0% { opacity: 0; translate: calc(-50% + 170px) calc(-50% - 52px); rotate: 6deg; } 6% { opacity: 1; }
  25% { translate: calc(-50% + 78px) calc(-50% - 22px); rotate: 0deg; animation-timing-function: cubic-bezier(.5, 0, .9, .6); }
  41.9% { opacity: 1; translate: -50% -50%; rotate: -150deg; } 42%, 100% { opacity: 0; translate: -50% -50%; rotate: -150deg; } }
.ev-wreck .cw-trail { left: 92%; top: 50%; translate: 0 -50%; width: 170px; height: 16px; border-radius: 8px; filter: blur(3px);
  background: linear-gradient(90deg, rgba(255, 150, 70, .55), rgba(150, 140, 130, .45) 12%, rgba(110, 100, 95, .2) 45%, transparent); animation: cw-trail var(--cd) linear forwards; }
@keyframes cw-trail { 0%, 22% { opacity: 1; scale: 1 1; } 38%, 100% { opacity: 0; scale: .4 1.6; } }
.ev-wreck .cw-burn { left: 56%; top: 38%; width: 26px; height: 18px; border-radius: 50%; filter: blur(1px); animation: kz-flick .45s ease-in-out infinite;
  background: radial-gradient(closest-side, #fff2d8, rgba(255, 160, 60, .85) 40%, rgba(220, 70, 30, .35) 75%, transparent); }
.ev-wreck .cw-burn2 { left: 34%; top: 64%; width: 16px; height: 12px; animation-duration: .6s; }
.cw-smoke { width: 190px; height: 150px; border-radius: 50%; filter: blur(7px); opacity: 0; animation: cw-smoke var(--cd) ease-out forwards;
  background: radial-gradient(closest-side, rgba(130, 118, 110, .5), rgba(90, 82, 78, .25) 60%, transparent); }
@keyframes cw-smoke { 0%, 43% { opacity: 0; scale: .3; } 58% { opacity: .75; } 100% { opacity: .35; scale: 1.35; } }
.cw-flash { width: 220px; height: 220px; border-radius: 50%; opacity: 0; animation: cw-flash var(--cd) ease-out forwards;
  background: radial-gradient(closest-side, #fff, rgba(255, 244, 220, .85) 14%, rgba(255, 170, 90, .3) 40%, transparent 70%); }
@keyframes cw-flash { 0%, 41.6% { opacity: 0; scale: .2; } 43% { opacity: 1; scale: 1; } 56%, 100% { opacity: 0; scale: 1.35; } }
.cw-fire { width: 110px; height: 110px; border-radius: 50%; opacity: 0; filter: blur(1px); animation: cw-fire var(--cd) ease-out forwards;
  background: radial-gradient(closest-side, #fff, #ffe2c4 15%, #ff9a40 38%, rgba(220, 60, 30, .7) 60%, transparent 74%); }
@keyframes cw-fire { 0%, 41.8% { opacity: 0; scale: .2; } 44% { opacity: 1; scale: .8; } 60% { opacity: .85; scale: 1.15; } 80%, 100% { opacity: 0; scale: 1.45; } }
.cw-ring { width: 250px; height: 74px; border-radius: 50%; rotate: -12deg; border: 1.5px solid rgba(255, 222, 175, .85); box-shadow: 0 0 10px rgba(255, 160, 80, .6), inset 0 0 10px rgba(255, 160, 80, .4);
  opacity: 0; animation: cw-ring var(--cd) cubic-bezier(.1, .7, .3, 1) forwards; }
@keyframes cw-ring { 0%, 42.5% { opacity: 0; scale: .08; } 44% { opacity: 1; } 72%, 100% { opacity: 0; scale: 1.2; } }
.cw-ember { width: 70px; height: 50px; border-radius: 50%; filter: blur(4px); opacity: 0;
  background: radial-gradient(closest-side, rgba(255, 220, 160, .8), rgba(255, 130, 50, .55) 35%, rgba(200, 60, 30, .2) 70%, transparent);
  animation: cw-ember var(--cd) ease-out forwards, cw-throb 1.7s ease-in-out infinite; }
@keyframes cw-ember { 0%, 46% { opacity: 0; } 62%, 100% { opacity: 1; } }
@keyframes cw-throb { 0%, 100% { scale: 1; } 40% { scale: .82; } 70% { scale: .92; } }
/* the halves: the wreck's, cut on the same broken line, their engines cold */
.cw-half { --accent: #2a2724; --hud: #5a2a18; opacity: 0; }
.cw-half svg { filter: brightness(.8) saturate(.7); }
.cw-hf svg { clip-path: polygon(0 0, 50% 0, 46% 18%, 52% 34%, 44% 52%, 49% 70%, 42% 86%, 45% 100%, 0 100%); }
.cw-hr svg { clip-path: polygon(50% 0, 100% 0, 100% 100%, 45% 100%, 42% 86%, 49% 70%, 44% 52%, 52% 34%, 46% 18%); }
.cw-hf { animation: cw-hf var(--cd) cubic-bezier(.15, .7, .35, 1) forwards; }
.cw-hr { animation: cw-hr var(--cd) cubic-bezier(.15, .7, .35, 1) forwards; }
@keyframes cw-hf { 0%, 41.9% { opacity: 0; translate: -50% -50%; rotate: -150deg; } 42.5% { opacity: 1; } 100% { opacity: 1; translate: calc(-50% + 36px) calc(-50% + 20px); rotate: -176deg; } }
@keyframes cw-hr { 0%, 41.9% { opacity: 0; translate: -50% -50%; rotate: -150deg; } 42.5% { opacity: 1; } 100% { opacity: 1; translate: calc(-50% - 32px) calc(-50% - 20px); rotate: -122deg; } }
.cw-d { width: var(--w); height: calc(var(--w) * .6); opacity: 0; background: linear-gradient(135deg, #b9c0c8, #6a717a 50%, #2c3036);
  clip-path: polygon(0 20%, 60% 0, 100% 45%, 70% 100%, 15% 85%); animation: cw-d var(--cd) cubic-bezier(.1, .7, .3, 1) forwards; }
@keyframes cw-d { 0%, 42% { opacity: 0; translate: -50% -50%; rotate: 0deg; } 44% { opacity: 1; } 100% { opacity: .9; translate: calc(-50% + var(--dx)) calc(-50% + var(--dy)); rotate: var(--rot); } }
.cw-s { width: 3px; height: 3px; border-radius: 50%; background: #ffe2b0; box-shadow: 0 0 4px 1px rgba(255, 150, 60, .9); opacity: 0;
  animation: cw-s var(--cd) cubic-bezier(.1, .8, .3, 1) forwards; }
@keyframes cw-s { 0%, 42% { opacity: 0; translate: -50% -50%; } 43% { opacity: 1; } 68%, 100% { opacity: 0; translate: calc(-50% + var(--dx)) calc(-50% + var(--dy)); } }

/* Combat: two ships chasing each other round, the one behind firing, the
   one ahead firing back, its shield flaring at each hit and worn through;
   blown up and broken in two (the same blast as a crash, on its time),
   the winner breaking off and gone. */
.ev-dg { --dd: calc(7.3s * var(--slow, 1)); }
.ev-dg .dg-pair { width: 0; height: 0; translate: none; animation: dg-orbit var(--dd) linear forwards; }
@keyframes dg-orbit { from { rotate: 0deg; } 58%, 100% { rotate: 250deg; } }
.ev-dg .dg-ship { width: 64px; height: 27px; }
.ev-dg .dg-a { left: -80px; top: 0; rotate: 90deg; animation: dg-a var(--dd) forwards; }
.ev-dg .dg-b { left: -40px; top: -69px; rotate: 150deg; --accent: #ff5a4a; animation: dg-b var(--dd) step-end forwards; }
@keyframes dg-a { 0% { opacity: 0; } 6%, 60% { opacity: 1; translate: -50% -50%; } 60% { animation-timing-function: cubic-bezier(.5, 0, .9, .5); } 82%, 100% { opacity: 0; translate: -50% calc(-50% - 260px); } }
@keyframes dg-b { 0% { opacity: 1; } 58%, 100% { opacity: 0; } }
.ev-dg .dg-bolt { left: -80px; top: 0; width: 14px; height: 2px; translate: 0 -50%; rotate: -60deg; transform-origin: 0 50%; border-radius: 1px; opacity: 0;
  background: linear-gradient(90deg, transparent, #9fd3ff 40%, #fff); box-shadow: 0 0 5px 1px rgba(110, 180, 255, .8);
  animation: dg-bolt calc(.4s * var(--slow, 1)) linear calc((1s + var(--t) * .6s) * var(--slow, 1)) both; }
.ev-dg .dg-back { left: -40px; top: -69px; rotate: 120deg; background: linear-gradient(90deg, transparent, #ff9a8a 40%, #fff); box-shadow: 0 0 5px 1px rgba(255, 90, 70, .8);
  animation-delay: calc((1.3s + var(--t) * .9s) * var(--slow, 1)); }
@keyframes dg-bolt { 0% { opacity: 1; transform: translateX(16px); } 90% { opacity: 1; } 100% { opacity: 0; transform: translateX(66px); } }
.ev-dg .dg-shd { left: 50%; top: 50%; width: 80px; height: 46px; border-radius: 50%; opacity: 0;
  border: 1px solid rgba(140, 200, 255, .9); box-shadow: 0 0 10px rgba(110, 180, 255, .7), inset 0 0 10px rgba(110, 180, 255, .5); animation: dg-shd var(--dd) linear forwards; }
@keyframes dg-shd { 0%, 19% { opacity: 0; } 19.5% { opacity: .95; } 23%, 27.4% { opacity: 0; } 27.9% { opacity: .75; } 31%, 35.6% { opacity: 0; } 36.1% { opacity: .55; } 39%, 43.8% { opacity: 0; }
  44.3% { opacity: .35; } 46%, 52% { opacity: 0; } 52.4% { opacity: .2; } 53.5%, 100% { opacity: 0; } }
/* the blast where the one ahead was: the crash's, on a clock putting it at 58 % */
.ev-dg .dg-boom { left: -40px; top: -69px; width: 0; height: 0; rotate: -60deg; scale: .62; --cd: calc(10.07s * var(--slow, 1)); }

/* Asteroid field: rough bodies lit from one side drifting across, turning
   a little; two meeting and shattered in a puff of dust. */
.ev-rf { --rd: calc(9.4s * var(--slow, 1)); }
.ev-rf .rf-haze { width: 320px; height: 220px; border-radius: 50%; rotate: -12deg;
  background: radial-gradient(1px 1px at 12% 40%, #9b938a, transparent), radial-gradient(1px 1px at 30% 70%, #9b938a, transparent), radial-gradient(1px 1px at 52% 22%, #9b938a, transparent),
    radial-gradient(1px 1px at 70% 80%, #9b938a, transparent), radial-gradient(1px 1px at 86% 34%, #9b938a, transparent), radial-gradient(1px 1px at 40% 50%, #9b938a, transparent),
    radial-gradient(1px 1px at 62% 56%, #9b938a, transparent), radial-gradient(1px 1px at 22% 18%, #9b938a, transparent), radial-gradient(1px 1px at 78% 60%, #9b938a, transparent),
    radial-gradient(closest-side, rgba(160, 140, 120, .12), transparent); }
.ev-rf .rf-drift { width: 0; height: 0; translate: none; animation: rf-drift var(--rd) linear both; }
@keyframes rf-drift { from { transform: translateX(40px); } to { transform: translateX(-40px); } }
.ev-rf .rf-a { left: var(--x, 0); top: var(--y, 0); width: var(--w); height: var(--h); animation: rf-turn var(--rd) linear both;
  background: radial-gradient(18% 14% at 62% 58%, rgba(0, 0, 0, .35), transparent), radial-gradient(12% 10% at 40% 70%, rgba(0, 0, 0, .3), transparent),
    radial-gradient(circle at 28% 26%, #d6ccbf, #958b80 32%, #59524b 62%, #26221f 90%);
  clip-path: polygon(18% 4%, 58% 0, 86% 14%, 100% 46%, 90% 82%, 58% 100%, 22% 94%, 2% 66%, 0 30%); }
.ev-rf .rf-a:nth-child(3n) { clip-path: polygon(30% 0, 74% 8%, 100% 38%, 94% 74%, 64% 100%, 26% 92%, 0 62%, 8% 22%); }
.ev-rf .rf-a:nth-child(3n+1) { clip-path: polygon(10% 18%, 44% 0, 80% 6%, 100% 34%, 96% 70%, 72% 96%, 34% 100%, 6% 78%, 0 46%); }
@keyframes rf-turn { from { rotate: var(--r0, -10deg); } to { rotate: var(--r1, 14deg); } }
.ev-rf .rf-hit { left: 18px; top: 8px; animation: rf-hit var(--rd) linear both; }
@keyframes rf-hit { 0% { opacity: 1; rotate: -10deg; } 46.9% { opacity: 1; rotate: 4deg; } 47%, 100% { opacity: 0; rotate: 4deg; } }
.ev-rf .rf-in { animation: rf-in var(--rd) linear both; }
@keyframes rf-in { 0%, 12% { opacity: 0; transform: translate(-170px, -100px) rotate(0deg); } 18% { opacity: 1; } 46.9% { opacity: 1; transform: translate(-6px, -4px) rotate(300deg); } 47%, 100% { opacity: 0; transform: translate(-6px, -4px) rotate(300deg); } }
.ev-rf .rf-flash { left: 6px; top: 2px; width: 120px; height: 120px; border-radius: 50%; opacity: 0; animation: rf-flash var(--rd) ease-out both;
  background: radial-gradient(closest-side, #fff, rgba(255, 236, 205, .7) 20%, rgba(255, 180, 110, .2) 50%, transparent 72%); }
@keyframes rf-flash { 0%, 46.8% { opacity: 0; scale: .2; } 48% { opacity: 1; scale: 1; } 58%, 100% { opacity: 0; scale: 1.3; } }
.ev-rf .rf-dust { left: 8px; top: 4px; width: 200px; height: 160px; border-radius: 50%; filter: blur(6px); opacity: 0; animation: rf-dust var(--rd) ease-out both;
  background: radial-gradient(closest-side, rgba(175, 160, 140, .5), rgba(130, 118, 104, .25) 60%, transparent); }
@keyframes rf-dust { 0%, 47% { opacity: 0; scale: .2; } 56% { opacity: .8; } 100% { opacity: .25; scale: 1.4; } }
.ev-rf .rf-shard { left: 8px; top: 4px; background: radial-gradient(circle at 30% 28%, #d6ccbf, #958b80 40%, #3a3531); animation: rf-shard var(--rd) cubic-bezier(.1, .7, .3, 1) both; }
@keyframes rf-shard { 0%, 47% { opacity: 0; translate: -50% -50%; rotate: 0deg; } 48% { opacity: 1; } 100% { opacity: .9; translate: calc(-50% + var(--dx)) calc(-50% + var(--dy)); rotate: var(--rot); } }

/* Distress: a ship adrift coming out of the dark, its engines cold, gas
   venting, its red light sending SOS, the call going out in rings. */
.ev-sos { --od: calc(7.4s * var(--slow, 1)); --accent: #2a2724; }
.ev-sos .sos-glow { width: 240px; height: 170px; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 70, 60, .14), transparent); opacity: 0; animation: sos-dawn var(--od) ease-out both; }
.ev-sos .sos-ship { width: 120px; height: 51px; animation: sos-drift var(--od) ease-in-out both; }
@keyframes sos-drift { from { rotate: -26deg; translate: calc(-50% + 14px) calc(-50% - 6px); filter: brightness(.1); } 30% { filter: brightness(.85); } to { rotate: -14deg; translate: calc(-50% - 10px) calc(-50% + 6px); filter: brightness(.85); } }
@keyframes sos-dawn { from { opacity: 0; } 30%, 100% { opacity: 1; } }
.ev-sos .sos-light { left: 54%; top: 22%; width: 7px; height: 7px; border-radius: 50%; background: #ff6a60;
  box-shadow: 0 0 8px 3px rgba(255, 70, 60, .9), 0 0 24px 9px rgba(255, 60, 50, .4); animation: km-sos 4s steps(1) infinite; }
.ev-sos .sos-vent { left: 30%; top: 70%; width: 30px; height: 16px; border-radius: 50%; filter: blur(3px); opacity: 0;
  background: radial-gradient(closest-side, rgba(220, 225, 235, .6), transparent); animation: sos-vent calc(2.2s * var(--slow, 1)) ease-out .6s infinite; }
@keyframes sos-vent { 0% { opacity: 0; transform: translate(0, 0) scale(.3); } 20% { opacity: .8; } 100% { opacity: 0; transform: translate(-22px, 26px) scale(1.6); } }
.ev-sos .sos-ring { left: 0; top: -14px; width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(255, 90, 80, .7); box-shadow: 0 0 6px rgba(255, 70, 60, .4);
  opacity: 0; animation: kz-wave calc(2.4s * var(--slow, 1)) ease-out calc(1.4s + var(--d)) infinite; }

/* The constellations, above the page, drifting with the far sky: their
   stars lit when pointed at; clicked, the chart (in the telescope's
   lens, over the constellation and drifting with it, held inside the
   screen) with each star named, sized by its brightness, in its colour.
   Where the constellation is: its middle (--cx from the middle of the
   screen, --cy down its tile) and the far sky's rise (--rise, counted on
   the clock as the far sky is, half a pixel at a time). */
.nj-cst { position: absolute; left: 0; right: 0; top: -1800px; height: calc(100% + 1800px); pointer-events: none; animation: bg-rise-far 600s linear infinite var(--bg-clock, 0s); }
.cst-hit { position: absolute; pointer-events: auto; cursor: zoom-in; background: var(--hud); opacity: 0; transition: opacity .2s; }
.cst-hit:hover { opacity: .3; }
.cst-k1 { margin-top: 1800px; } .cst-k2 { margin-top: 3600px; }
.kml.cst-z { left: 50%; top: 50%; }
@property --rise { syntax: "<length>"; inherits: true; initial-value: 0px; }
@keyframes cst-rise { from { --rise: 1800px; } to { --rise: 0px; } }
.cst-zs { position: absolute; inset: 0; pointer-events: none; animation: cst-rise 600s steps(3600) infinite var(--bg-clock, 0s); }
@supports (top: mod(3px, 2px)) {
  .kml.cst-z { left: clamp(min(176px, 50%), calc(50% + var(--cx)), max(calc(100% - 176px), 50%));
    top: clamp(min(176px, 50%), mod(calc(var(--cy) + var(--rise)), 1800px), max(calc(100% - 200px), 50%)); }
}
.cst-z .kml-lens { left: -160px; top: -160px; width: 320px; height: 320px; }
.cst-z .kml-ring { left: -166px; top: -166px; width: 332px; height: 332px; }
.cst-z .kml-tag { left: -160px; top: 176px; }
.cst-z .kml-tag::after { content: var(--nm) " · STAR CHART"; }
.cst-chart { position: absolute; left: 0; top: 0; overflow: visible; }
.cst-l { fill: none; stroke: rgba(255, 196, 140, .42); stroke-width: 1; }
.cst-s { fill: currentColor; filter: drop-shadow(0 0 3px currentColor); animation: cst-tw 3.2s ease-in-out infinite alternate; }
.cst-s:nth-of-type(2n) { animation-duration: 2.3s; } .cst-s:nth-of-type(3n) { animation-duration: 4.1s; animation-delay: -1s; }
@keyframes cst-tw { from { opacity: .8; } to { opacity: 1; } }
.cst-cr { color: #ff8f6e; } .cst-co { color: #ffc27e; } .cst-cy { color: #fff0c2; } .cst-cw { color: #f3f5ff; } .cst-cb { color: #b8d3ff; }
.cst-n { fill: #c9d4e0; font: 9px ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .04em; }

/* The black hole close up: its event, larger, never ending. */
.kz-ev .ev-hole { left: 0; top: 0; transform: none; scale: 2.1; animation: none; }
.kz-ev .ev-hole div { position: absolute; }
.kz-ev .ev-hole i { position: absolute; }
.kz-ev .ev-fall { animation-iteration-count: infinite; }

/* A neutron star born (12.3 s): a red supergiant, unsteady, pulsing; it
   falls in on itself faster and faster (a ring closing in with it), and
   bounces: a blinding flash, a shock, a shell of gas thrown off, sparks.
   Left in the middle, a small blue-white star; its field and its two beams
   spin up to 0.71 s a turn, it flashes as each goes by, its pulses go
   out, a small bluish nebula grows round it. */
.ev-nsb { --nd: calc(12.3s * var(--slow, 1)); }
.ev-nsb .ns-star { width: 92px; height: 92px; border-radius: 50%; animation: ns-star var(--nd) both;
  background: radial-gradient(circle at 40% 38%, #fff4d8, #ffb066 28%, #e0603a 58%, rgba(160, 40, 30, .6) 80%, transparent);
  box-shadow: 0 0 30px 10px rgba(255, 120, 60, .3); }
@keyframes ns-star { 0% { scale: 1; } 3% { scale: 1.05; } 5% { scale: .96; } 7% { scale: 1.07; } 8.5% { scale: .95; } 10% { scale: 1.08; }
  11.4% { scale: 1; filter: brightness(1.1); animation-timing-function: cubic-bezier(.7, 0, 1, .5); }
  19.2% { scale: .05; opacity: 1; filter: brightness(3) saturate(.4); } 19.5%, 100% { scale: .02; opacity: 0; } }
.ev-nsb .ns-imp { width: 220px; height: 220px; border-radius: 50%; border: 1.5px solid rgba(255, 210, 160, .8); box-shadow: 0 0 12px rgba(255, 150, 80, .6); opacity: 0;
  animation: ns-imp var(--nd) cubic-bezier(.7, 0, 1, .6) both; }
@keyframes ns-imp { 0%, 11.4% { opacity: 0; scale: 1.3; } 13% { opacity: .9; } 19.4% { opacity: .9; scale: .04; } 19.6%, 100% { opacity: 0; scale: .04; } }
.ev-nsb .ns-flash { width: 320px; height: 320px; border-radius: 50%; opacity: 0; animation: ns-flash var(--nd) ease-out both;
  background: radial-gradient(closest-side, #fff, rgba(225, 238, 255, .9) 12%, rgba(150, 190, 255, .35) 38%, transparent 70%); }
@keyframes ns-flash { 0%, 19.4% { opacity: 0; scale: .1; } 20.4% { opacity: 1; scale: 1; } 33%, 100% { opacity: 0; scale: 1.5; } }
.ev-nsb .ns-shock { width: 270px; height: 270px; border-radius: 50%; border: 2px solid #e2f0ff; box-shadow: 0 0 16px rgba(140, 190, 255, .8), inset 0 0 16px rgba(140, 190, 255, .5);
  opacity: 0; animation: ns-shock var(--nd) cubic-bezier(.1, .7, .3, 1) both; }
@keyframes ns-shock { 0%, 19.5% { opacity: 0; scale: .04; } 20% { opacity: 1; } 42%, 100% { opacity: 0; scale: 1.3; } }
.ev-nsb .ns-shell { width: 290px; height: 290px; border-radius: 50%; opacity: 0; filter: blur(1.5px); animation: ns-shell var(--nd) cubic-bezier(.15, .7, .35, 1) both;
  background: radial-gradient(closest-side, transparent 52%, rgba(255, 140, 80, .35) 68%, rgba(255, 90, 60, .55) 80%, rgba(255, 200, 150, .3) 90%, transparent);
  -webkit-mask: conic-gradient(#000, rgba(0, 0, 0, .35) 30deg, #000 60deg, rgba(0, 0, 0, .5) 110deg, #000 160deg, rgba(0, 0, 0, .3) 210deg, #000 260deg, rgba(0, 0, 0, .45) 310deg, #000);
  mask: conic-gradient(#000, rgba(0, 0, 0, .35) 30deg, #000 60deg, rgba(0, 0, 0, .5) 110deg, #000 160deg, rgba(0, 0, 0, .3) 210deg, #000 260deg, rgba(0, 0, 0, .45) 310deg, #000); }
@keyframes ns-shell { 0%, 19.5% { opacity: 0; scale: .08; rotate: 0deg; } 23% { opacity: .95; } 100% { opacity: .3; scale: 1.15; rotate: 25deg; } }
.ev-nsb .ns-pwn { width: 150px; height: 150px; border-radius: 50%; opacity: 0; animation: ns-pwn var(--nd) ease-out both;
  background: radial-gradient(closest-side, rgba(150, 195, 255, .45), rgba(110, 150, 255, .18) 50%, transparent); }
@keyframes ns-pwn { 0%, 24% { opacity: 0; scale: .3; } 50% { opacity: .9; scale: 1; } 100% { opacity: .8; scale: 1.15; } }
.ev-nsb .ns-core { width: 26px; height: 26px; border-radius: 50%; opacity: 0;
  background: radial-gradient(closest-side, #fff 0 22%, rgba(195, 225, 255, .95) 38%, rgba(100, 150, 255, .35) 62%, transparent);
  animation: ns-core var(--nd) ease-out both, ns-pulse calc(.71s * var(--slow, 1)) ease-out calc(4.5s * var(--slow, 1)) infinite; }
@keyframes ns-core { 0%, 19.4% { opacity: 0; } 20%, 100% { opacity: 1; } }
@keyframes ns-pulse { 0%, 100% { scale: 1; filter: none; } 6% { scale: 1.5; filter: brightness(1.8); } 50% { scale: 1.1; } 56% { scale: 1.45; filter: brightness(1.7); } }
/* spun up: still at birth, faster and faster, at last 507° a second (0.71 s a turn) */
.ev-nsb .ns-rot { width: 0; height: 0; translate: none; animation: ns-spin var(--nd) linear both; }
@keyframes ns-spin { 0%, 20% { rotate: 20deg; } 30% { rotate: 140deg; } 40% { rotate: 420deg; } 50% { rotate: 840deg; } 60% { rotate: 1400deg; }
  70% { rotate: 2020deg; } 80% { rotate: 2640deg; } 90% { rotate: 3260deg; } 100% { rotate: 3880deg; } }
.ev-nsb .ns-beam { width: 330px; height: 330px; border-radius: 50%; opacity: 0; animation: ns-show var(--nd) ease-out both;
  background: conic-gradient(from -4deg, transparent, rgba(200, 225, 255, .85) 4deg, transparent 8deg 176deg, rgba(200, 225, 255, .85) 184deg, transparent 188deg);
  -webkit-mask: radial-gradient(closest-side, #000 4%, rgba(0, 0, 0, .55) 45%, transparent); mask: radial-gradient(closest-side, #000 4%, rgba(0, 0, 0, .55) 45%, transparent); }
@keyframes ns-show { 0%, 21% { opacity: 0; } 32%, 100% { opacity: 1; } }
.ev-nsb .ns-loop { translate: 0 -50%; width: 60px; height: 38px; border-radius: 50%; border: 1px solid rgba(150, 200, 255, .5); opacity: 0; animation: ns-show var(--nd) ease-out both; }
.ev-nsb .ns-big { width: 104px; height: 62px; border-color: rgba(150, 200, 255, .28); }
.ev-nsb .ns-left { translate: -100% -50%; }
.ev-nsb .ns-ring { width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(160, 205, 255, .8); box-shadow: 0 0 6px rgba(120, 180, 255, .5); opacity: 0;
  animation: kz-wave calc(2.13s * var(--slow, 1)) ease-out calc((5s + var(--k) * .71s) * var(--slow, 1)) infinite; }
.ev-nsb .ns-spark { width: 3px; height: 3px; border-radius: 50%; background: #fff4dc; box-shadow: 0 0 4px 1px rgba(255, 190, 120, .9); opacity: 0;
  animation: ns-spark var(--nd) cubic-bezier(.1, .8, .3, 1) both; }
@keyframes ns-spark { 0%, 19.5% { opacity: 0; translate: -50% -50%; } 20% { opacity: 1; } 40%, 100% { opacity: 0; translate: calc(-50% + var(--dx)) calc(-50% + var(--dy)); } }

.kn-gw0 { --t: 0.3s; --amp: 0.35; }
.kn-gw1 { --t: 1.5s; --amp: 0.41; }
.kn-gw2 { --t: 2.5s; --amp: 0.47; }
.kn-gw3 { --t: 3.3s; --amp: 0.53; }
.kn-gw4 { --t: 3.95s; --amp: 0.59; }
.kn-gw5 { --t: 4.45s; --amp: 0.65; }
.kn-gw6 { --t: 4.85s; --amp: 0.70; }
.kn-gw7 { --t: 5.15s; --amp: 0.76; }
.kn-gw8 { --t: 5.4s; --amp: 0.82; }
.kn-gw9 { --t: 5.6s; --amp: 0.88; }
.kn-gw10 { --t: 5.75s; --amp: 0.94; }
.kn-gw11 { --t: 5.87s; --amp: 1.00; }
.kn-au0 { --b: -3deg; --r: 118px; --d: 3.8s; --w: 0.26s; }
.kn-au1 { --b: 14deg; --r: 189px; --d: 4.0s; --w: 0.42s; }
.kn-au2 { --b: 20deg; --r: 194px; --d: 3.9s; --w: 0.49s; }
.kn-au3 { --b: 38deg; --r: 71px; --d: 3.3s; --w: 0.13s; }
.kn-au4 { --b: 51deg; --r: 90px; --d: 3.5s; --w: 0.14s; }
.kn-au5 { --b: 57deg; --r: 143px; --d: 5.0s; --w: 0.33s; }
.kn-au6 { --b: 71deg; --r: 190px; --d: 4.3s; --w: 0.42s; }
.kn-au7 { --b: 82deg; --r: 175px; --d: 4.6s; --w: 0.44s; }
.kn-au8 { --b: 98deg; --r: 141px; --d: 5.0s; --w: 0.18s; }
.kn-au9 { --b: 106deg; --r: 161px; --d: 3.4s; --w: 0.08s; }
.kn-au10 { --b: 122deg; --r: 104px; --d: 4.0s; --w: 0.37s; }
.kn-au11 { --b: 134deg; --r: 192px; --d: 3.3s; --w: 0.10s; }
.kn-au12 { --b: 141deg; --r: 129px; --d: 4.5s; --w: 0.40s; }
.kn-au13 { --b: 154deg; --r: 137px; --d: 4.4s; --w: 0.04s; }
.kn-au14 { --b: 170deg; --r: 114px; --d: 4.7s; --w: 0.16s; }
.kn-au15 { --b: 176deg; --r: 123px; --d: 4.2s; --w: 0.37s; }
.kn-au16 { --b: 194deg; --r: 186px; --d: 4.3s; --w: 0.21s; }
.kn-au17 { --b: 206deg; --r: 120px; --d: 3.5s; --w: 0.03s; }
.kn-au18 { --b: 220deg; --r: 122px; --d: 3.5s; --w: 0.37s; }
.kn-au19 { --b: 231deg; --r: 149px; --d: 4.1s; --w: 0.47s; }
.kn-au20 { --b: 239deg; --r: 138px; --d: 3.5s; --w: 0.47s; }
.kn-au21 { --b: 250deg; --r: 77px; --d: 3.5s; --w: 0.47s; }
.kn-au22 { --b: 266deg; --r: 178px; --d: 4.4s; --w: 0.46s; }
.kn-au23 { --b: 274deg; --r: 85px; --d: 4.9s; --w: 0.06s; }
.kn-au24 { --b: 283deg; --r: 174px; --d: 3.7s; --w: 0.37s; }
.kn-au25 { --b: 303deg; --r: 108px; --d: 3.4s; --w: 0.34s; }
.kn-au26 { --b: 313deg; --r: 135px; --d: 4.2s; --w: 0.37s; }
.kn-au27 { --b: 323deg; --r: 209px; --d: 4.3s; --w: 0.05s; }
.kn-au28 { --b: 341deg; --r: 94px; --d: 4.3s; --w: 0.36s; }
.kn-au29 { --b: 343deg; --r: 98px; --d: 4.4s; --w: 0.33s; }
.au-lt0 { left: 150px; top: 120px; --t: 1.3s; }
.au-lt1 { left: 128px; top: 160px; --t: 2.9s; }
.au-lt2 { left: 168px; top: 84px; --t: 0.6s; }
.dy-pl0 { --i: 0deg; --j: 0deg; --p: 13s; }
.dy-pn0 { --th: -2.6deg; --R: 96px; --t: 0.90s; }
.dy-pn1 { --th: 18.6deg; --R: 96px; --t: 0.97s; }
.dy-pn2 { --th: 30.2deg; --R: 96px; --t: 1.05s; }
.dy-pn3 { --th: 51.7deg; --R: 96px; --t: 1.12s; }
.dy-pn4 { --th: 67.1deg; --R: 96px; --t: 1.20s; }
.dy-pn5 { --th: 82.7deg; --R: 96px; --t: 1.27s; }
.dy-pn6 { --th: 99.3deg; --R: 96px; --t: 1.35s; }
.dy-pn7 { --th: 114.0deg; --R: 96px; --t: 1.43s; }
.dy-pn8 { --th: 128.5deg; --R: 96px; --t: 1.50s; }
.dy-pn9 { --th: 148.6deg; --R: 96px; --t: 1.57s; }
.dy-pn10 { --th: 167.4deg; --R: 96px; --t: 1.65s; }
.dy-pn11 { --th: 179.3deg; --R: 96px; --t: 1.73s; }
.dy-pn12 { --th: 192.7deg; --R: 96px; --t: 1.80s; }
.dy-pn13 { --th: 216.1deg; --R: 96px; --t: 1.88s; }
.dy-pn14 { --th: 231.7deg; --R: 96px; --t: 1.95s; }
.dy-pn15 { --th: 245.4deg; --R: 96px; --t: 2.02s; }
.dy-pn16 { --th: 260.4deg; --R: 96px; --t: 2.10s; }
.dy-pn17 { --th: 274.9deg; --R: 96px; --t: 2.17s; }
.dy-pn18 { --th: 291.3deg; --R: 96px; --t: 2.25s; }
.dy-pn19 { --th: 309.0deg; --R: 96px; --t: 2.33s; }
.dy-pn20 { --th: 326.7deg; --R: 96px; --t: 2.40s; }
.dy-pn21 { --th: 346.9deg; --R: 96px; --t: 2.48s; }
.dy-pl1 { --i: 62deg; --j: 14deg; --p: 17s; }
.dy-pn22 { --th: 1.0deg; --R: 120px; --t: 2.55s; }
.dy-pn23 { --th: 13.7deg; --R: 120px; --t: 2.62s; }
.dy-pn24 { --th: 24.0deg; --R: 120px; --t: 2.70s; }
.dy-pn25 { --th: 38.0deg; --R: 120px; --t: 2.77s; }
.dy-pn26 { --th: 52.0deg; --R: 120px; --t: 2.85s; }
.dy-pn27 { --th: 69.1deg; --R: 120px; --t: 2.92s; }
.dy-pn28 { --th: 79.6deg; --R: 120px; --t: 3.00s; }
.dy-pn29 { --th: 100.3deg; --R: 120px; --t: 3.07s; }
.dy-pn30 { --th: 107.1deg; --R: 120px; --t: 3.15s; }
.dy-pn31 { --th: 127.9deg; --R: 120px; --t: 3.22s; }
.dy-pn32 { --th: 140.2deg; --R: 120px; --t: 3.30s; }
.dy-pn33 { --th: 152.3deg; --R: 120px; --t: 3.38s; }
.dy-pn34 { --th: 162.3deg; --R: 120px; --t: 3.45s; }
.dy-pn35 { --th: 182.1deg; --R: 120px; --t: 3.52s; }
.dy-pn36 { --th: 193.5deg; --R: 120px; --t: 3.60s; }
.dy-pn37 { --th: 208.4deg; --R: 120px; --t: 3.67s; }
.dy-pn38 { --th: 221.7deg; --R: 120px; --t: 3.75s; }
.dy-pn39 { --th: 237.7deg; --R: 120px; --t: 3.82s; }
.dy-pn40 { --th: 251.1deg; --R: 120px; --t: 3.90s; }
.dy-pn41 { --th: 261.8deg; --R: 120px; --t: 3.97s; }
.dy-pn42 { --th: 275.4deg; --R: 120px; --t: 4.05s; }
.dy-pn43 { --th: 289.1deg; --R: 120px; --t: 4.12s; }
.dy-pn44 { --th: 303.6deg; --R: 120px; --t: 4.20s; }
.dy-pn45 { --th: 316.1deg; --R: 120px; --t: 4.28s; }
.dy-pn46 { --th: 328.4deg; --R: 120px; --t: 4.35s; }
.dy-pn47 { --th: 342.8deg; --R: 120px; --t: 4.42s; }
.dy-pl2 { --i: -48deg; --j: 30deg; --p: 21s; }
.dy-pn48 { --th: -0.4deg; --R: 140px; --t: 4.50s; }
.dy-pn49 { --th: 16.2deg; --R: 140px; --t: 4.58s; }
.dy-pn50 { --th: 21.8deg; --R: 140px; --t: 4.65s; }
.dy-pn51 { --th: 36.3deg; --R: 140px; --t: 4.72s; }
.dy-pn52 { --th: 47.5deg; --R: 140px; --t: 4.80s; }
.dy-pn53 { --th: 61.6deg; --R: 140px; --t: 4.88s; }
.dy-pn54 { --th: 74.7deg; --R: 140px; --t: 4.95s; }
.dy-pn55 { --th: 86.4deg; --R: 140px; --t: 5.03s; }
.dy-pn56 { --th: 106.8deg; --R: 140px; --t: 5.10s; }
.dy-pn57 { --th: 113.5deg; --R: 140px; --t: 5.17s; }
.dy-pn58 { --th: 128.8deg; --R: 140px; --t: 5.25s; }
.dy-pn59 { --th: 140.4deg; --R: 140px; --t: 5.33s; }
.dy-pn60 { --th: 154.4deg; --R: 140px; --t: 5.40s; }
.dy-pn61 { --th: 168.0deg; --R: 140px; --t: 5.48s; }
.dy-pn62 { --th: 178.9deg; --R: 140px; --t: 5.55s; }
.dy-pn63 { --th: 190.6deg; --R: 140px; --t: 5.62s; }
.dy-pn64 { --th: 209.6deg; --R: 140px; --t: 5.70s; }
.dy-pn65 { --th: 219.8deg; --R: 140px; --t: 5.78s; }
.dy-pn66 { --th: 231.6deg; --R: 140px; --t: 5.85s; }
.dy-pn67 { --th: 241.5deg; --R: 140px; --t: 5.92s; }
.dy-pn68 { --th: 256.1deg; --R: 140px; --t: 6.00s; }
.dy-pn69 { --th: 267.2deg; --R: 140px; --t: 6.08s; }
.dy-pn70 { --th: 282.6deg; --R: 140px; --t: 6.15s; }
.dy-pn71 { --th: 292.6deg; --R: 140px; --t: 6.23s; }
.dy-pn72 { --th: 305.1deg; --R: 140px; --t: 6.30s; }
.dy-pn73 { --th: 319.4deg; --R: 140px; --t: 6.38s; }
.dy-pn74 { --th: 335.3deg; --R: 140px; --t: 6.45s; }
.dy-pn75 { --th: 351.1deg; --R: 140px; --t: 6.53s; }
.dy-pl3 { --i: 24deg; --j: -58deg; --p: 26s; }
.dy-pn76 { --th: 3.3deg; --R: 166px; --t: 6.60s; }
.dy-pn77 { --th: 11.5deg; --R: 166px; --t: 6.67s; }
.dy-pn78 { --th: 22.2deg; --R: 166px; --t: 6.75s; }
.dy-pn79 { --th: 33.8deg; --R: 166px; --t: 6.83s; }
.dy-pn80 { --th: 50.2deg; --R: 166px; --t: 6.90s; }
.dy-pn81 { --th: 62.4deg; --R: 166px; --t: 6.98s; }
.dy-pn82 { --th: 70.1deg; --R: 166px; --t: 7.05s; }
.dy-pn83 { --th: 83.5deg; --R: 166px; --t: 7.12s; }
.dy-pn84 { --th: 99.7deg; --R: 166px; --t: 7.20s; }
.dy-pn85 { --th: 106.4deg; --R: 166px; --t: 7.28s; }
.dy-pn86 { --th: 119.9deg; --R: 166px; --t: 7.35s; }
.dy-pn87 { --th: 131.3deg; --R: 166px; --t: 7.42s; }
.dy-pn88 { --th: 145.3deg; --R: 166px; --t: 7.50s; }
.dy-pn89 { --th: 158.1deg; --R: 166px; --t: 7.58s; }
.dy-pn90 { --th: 168.7deg; --R: 166px; --t: 7.65s; }
.dy-pn91 { --th: 179.8deg; --R: 166px; --t: 7.73s; }
.dy-pn92 { --th: 195.2deg; --R: 166px; --t: 7.80s; }
.dy-pn93 { --th: 203.3deg; --R: 166px; --t: 7.88s; }
.dy-pn94 { --th: 217.1deg; --R: 166px; --t: 7.95s; }
.dy-pn95 { --th: 228.6deg; --R: 166px; --t: 8.03s; }
.dy-pn96 { --th: 242.4deg; --R: 166px; --t: 8.10s; }
.dy-pn97 { --th: 254.5deg; --R: 166px; --t: 8.17s; }
.dy-pn98 { --th: 266.4deg; --R: 166px; --t: 8.25s; }
.dy-pn99 { --th: 272.2deg; --R: 166px; --t: 8.32s; }
.dy-pn100 { --th: 287.0deg; --R: 166px; --t: 8.40s; }
.dy-pn101 { --th: 298.6deg; --R: 166px; --t: 8.47s; }
.dy-pn102 { --th: 311.5deg; --R: 166px; --t: 8.55s; }
.dy-pn103 { --th: 323.6deg; --R: 166px; --t: 8.62s; }
.dy-pn104 { --th: 336.0deg; --R: 166px; --t: 8.70s; }
.dy-pn105 { --th: 345.4deg; --R: 166px; --t: 8.78s; }
.jg-ch0 { --r: 0deg; --t: 5.30s; }
.jg-ch1 { --r: 40deg; --t: 0.80s; }
.jg-ch2 { --r: 80deg; --t: 1.55s; }
.jg-ch3 { --r: 120deg; --t: 2.30s; }
.jg-ch4 { --r: 160deg; --t: 0.00s; }
.jg-ch5 { --r: 200deg; --t: 0.00s; }
.jg-ch6 { --r: 240deg; --t: 3.05s; }
.jg-ch7 { --r: 280deg; --t: 3.80s; }
.jg-ch8 { --r: 320deg; --t: 4.55s; }
.fw-s0 { --x: 0px; --y: 0px; --d: 0.28s; }
.fw-s1 { --x: -30px; --y: -20px; --d: 0.61s; }
.fw-s2 { --x: -30px; --y: 20px; --d: 0.85s; }
.fw-s3 { --x: -60px; --y: -40px; --d: 1.01s; }
.fw-s4 { --x: -60px; --y: 40px; --d: 1.30s; }
.fw-s5 { --x: -90px; --y: -60px; --d: 1.40s; }
.fw-s6 { --x: -90px; --y: 60px; --d: 1.84s; }
.mg-field .ln0 { --t: 0.00s; }
.mg-field .ln1 { --t: 0.18s; }
.mg-field .ln2 { --t: 0.36s; }
.mg-field .ln3 { --t: 0.54s; }
.mg-field .ln4 { --t: 0.72s; }
.mg-field .ln5 { --t: 0.90s; }
.mg-q0 { --t: 4s; }
.mg-q1 { --t: 4.25s; }
.mg-q2 { --t: 4.6s; }
.nj-ecl { animation: nj-g-ecl 4320s infinite var(--ev-clock); }
@keyframes nj-g-ecl { 0% { display: none; content-visibility: hidden; opacity: 0; } 10.2166% { display: none; content-visibility: hidden; opacity: 0; } 10.2176%, 10.4028% { display: block; content-visibility: visible; opacity: 1; } 10.4038% { display: none; content-visibility: hidden; opacity: 0; } 14.4573% { display: none; content-visibility: hidden; opacity: 0; } 14.4583%, 14.6435% { display: block; content-visibility: visible; opacity: 1; } 14.6445% { display: none; content-visibility: hidden; opacity: 0; } 23.2004% { display: none; content-visibility: hidden; opacity: 0; } 23.2014%, 23.3866% { display: block; content-visibility: visible; opacity: 1; } 23.3876% { display: none; content-visibility: hidden; opacity: 0; } 36.2143% { display: none; content-visibility: hidden; opacity: 0; } 36.2153%, 36.4005% { display: block; content-visibility: visible; opacity: 1; } 36.4015% { display: none; content-visibility: hidden; opacity: 0; } 55.2259% { display: none; content-visibility: hidden; opacity: 0; } 55.2269%, 55.412% { display: block; content-visibility: visible; opacity: 1; } 55.413% { display: none; content-visibility: hidden; opacity: 0; } 62.6009% { display: none; content-visibility: hidden; opacity: 0; } 62.6019%, 62.787% { display: block; content-visibility: visible; opacity: 1; } 62.788% { display: none; content-visibility: hidden; opacity: 0; } 68.6356% { display: none; content-visibility: hidden; opacity: 0; } 68.6366%, 68.8218% { display: block; content-visibility: visible; opacity: 1; } 68.8228% { display: none; content-visibility: hidden; opacity: 0; } 79.7467% { display: none; content-visibility: hidden; opacity: 0; } 79.7477%, 79.9329% { display: block; content-visibility: visible; opacity: 1; } 79.9339% { display: none; content-visibility: hidden; opacity: 0; } 98.3647% { display: none; content-visibility: hidden; opacity: 0; } 98.3657%, 98.5509% { display: block; content-visibility: visible; opacity: 1; } 98.5519% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-sun::before { animation: nj-sundim 4320s infinite var(--ev-clock); }
@keyframes nj-sundim { 0% { opacity: .9; } 10.2954% { opacity: 0.9; } 10.3102% { opacity: 0.3; } 10.325% { opacity: 0.9; } 14.5361% { opacity: 0.9; } 14.5509% { opacity: 0.3; } 14.5657% { opacity: 0.9; } 23.2792% { opacity: 0.9; } 23.294% { opacity: 0.3; } 23.3088% { opacity: 0.9; } 36.2931% { opacity: 0.9; } 36.3079% { opacity: 0.3; } 36.3227% { opacity: 0.9; } 55.3046% { opacity: 0.9; } 55.3194% { opacity: 0.3; } 55.3343% { opacity: 0.9; } 62.6796% { opacity: 0.9; } 62.6944% { opacity: 0.3; } 62.7093% { opacity: 0.9; } 68.7144% { opacity: 0.9; } 68.7292% { opacity: 0.3; } 68.744% { opacity: 0.9; } 79.8255% { opacity: 0.9; } 79.8403% { opacity: 0.3; } 79.8551% { opacity: 0.9; } 98.4435% { opacity: 0.9; } 98.4583% { opacity: 0.3; } 98.4731% { opacity: 0.9; } 100% { opacity: .9; } }
@keyframes nj-keepl { 0% { visibility: visible; content-visibility: visible; opacity: 0; scale: 2.4; filter: brightness(3) blur(2px); } 0.1% { opacity: 1; scale: 1.15; filter: brightness(1.8) blur(.4px); } 0.2778% { scale: 1; filter: none; } 0.2778%, 99.3333% { visibility: visible; opacity: 1; content-visibility: visible; } 100% { visibility: hidden; opacity: 0; content-visibility: hidden; } }
@keyframes nj-g-jump { 0% { display: none; content-visibility: hidden; opacity: 0; } 9.043% { display: none; content-visibility: hidden; opacity: 0; } 9.044%, 9.1227% { display: block; content-visibility: visible; opacity: 1; } 9.1237% { display: none; content-visibility: hidden; opacity: 0; } 13.7421% { display: none; content-visibility: hidden; opacity: 0; } 13.7431%, 13.8218% { display: block; content-visibility: visible; opacity: 1; } 13.8228% { display: none; content-visibility: hidden; opacity: 0; } 28.4458% { display: none; content-visibility: hidden; opacity: 0; } 28.4468%, 28.5255% { display: block; content-visibility: visible; opacity: 1; } 28.5265% { display: none; content-visibility: hidden; opacity: 0; } 42.9342% { display: none; content-visibility: hidden; opacity: 0; } 42.9352%, 43.0139% { display: block; content-visibility: visible; opacity: 1; } 43.0149% { display: none; content-visibility: hidden; opacity: 0; } 45.9481% { display: none; content-visibility: hidden; opacity: 0; } 45.9491%, 46.0278% { display: block; content-visibility: visible; opacity: 1; } 46.0288% { display: none; content-visibility: hidden; opacity: 0; } 56.3346% { display: none; content-visibility: hidden; opacity: 0; } 56.3356%, 56.4144% { display: block; content-visibility: visible; opacity: 1; } 56.4154% { display: none; content-visibility: hidden; opacity: 0; } 72.5777% { display: none; content-visibility: hidden; opacity: 0; } 72.5787%, 72.6574% { display: block; content-visibility: visible; opacity: 1; } 72.6584% { display: none; content-visibility: hidden; opacity: 0; } 78.0291% { display: none; content-visibility: hidden; opacity: 0; } 78.0301%, 78.1088% { display: block; content-visibility: visible; opacity: 1; } 78.1098% { display: none; content-visibility: hidden; opacity: 0; } 91.0291% { display: none; content-visibility: hidden; opacity: 0; } 91.0301%, 91.1088% { display: block; content-visibility: visible; opacity: 1; } 91.1098% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-e-jump { --x: 14.3%; --y: 66.1%; --a: 217deg; animation: nj-hop-jump 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-jump { 0% { --x: 90.2%; --y: 11.9%; --a: 282deg; } 9.0324% { --x: 14.3%; --y: 66.1%; --a: 217deg; } 13.7315% { --x: 67.2%; --y: 14.1%; --a: 90deg; } 28.4352% { --x: 85.4%; --y: 5.6%; --a: 133deg; } 42.9236% { --x: 44.3%; --y: 40.6%; --a: 48deg; } 45.9375% { --x: 58.3%; --y: 78.5%; --a: 184deg; } 56.3241% { --x: 13.9%; --y: 85.7%; --a: 261deg; } 72.5671% { --x: 11.2%; --y: 38.2%; --a: 94deg; } 78.0185% { --x: 26.8%; --y: 8.3%; --a: 251deg; } 91.0185% { --x: 90.2%; --y: 11.9%; --a: 282deg; } }
.nj-e-jump .nj-g { animation: nj-g-jump 4320s infinite var(--ev-clock); }
@keyframes nj-gl-jump { 0% { display: none; content-visibility: hidden; opacity: 0; } 9.043% { display: none; content-visibility: hidden; opacity: 0; } 9.044%, 9.3727% { display: block; content-visibility: visible; opacity: 1; } 9.3737% { display: none; content-visibility: hidden; opacity: 0; } 13.7421% { display: none; content-visibility: hidden; opacity: 0; } 13.7431%, 13.9722% { display: block; content-visibility: visible; opacity: 1; } 13.9732% { display: none; content-visibility: hidden; opacity: 0; } 28.4458% { display: none; content-visibility: hidden; opacity: 0; } 28.4468%, 28.7245% { display: block; content-visibility: visible; opacity: 1; } 28.7255% { display: none; content-visibility: hidden; opacity: 0; } 42.9342% { display: none; content-visibility: hidden; opacity: 0; } 42.9352%, 43.0903% { display: block; content-visibility: visible; opacity: 1; } 43.0913% { display: none; content-visibility: hidden; opacity: 0; } 45.9481% { display: none; content-visibility: hidden; opacity: 0; } 45.9491%, 46.3264% { display: block; content-visibility: visible; opacity: 1; } 46.3274% { display: none; content-visibility: hidden; opacity: 0; } 56.3346% { display: none; content-visibility: hidden; opacity: 0; } 56.3356%, 56.4954% { display: block; content-visibility: visible; opacity: 1; } 56.4964% { display: none; content-visibility: hidden; opacity: 0; } 72.5777% { display: none; content-visibility: hidden; opacity: 0; } 72.5787%, 72.7037% { display: block; content-visibility: visible; opacity: 1; } 72.7047% { display: none; content-visibility: hidden; opacity: 0; } 78.0291% { display: none; content-visibility: hidden; opacity: 0; } 78.0301%, 78.331% { display: block; content-visibility: visible; opacity: 1; } 78.332% { display: none; content-visibility: hidden; opacity: 0; } 91.0291% { display: none; content-visibility: hidden; opacity: 0; } 91.0301%, 91.2894% { display: block; content-visibility: visible; opacity: 1; } 91.2904% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-jump .nj-g { animation: nj-gl-jump 4320s infinite var(--ev-clock); }
.nj-l-jump .sky-log { --n: 20; }
.nj-e-nova { --sd: 6.6s; }
@keyframes nj-g-nova { 0% { display: none; content-visibility: hidden; opacity: 0; } 7.1147% { display: none; content-visibility: hidden; opacity: 0; } 7.1157%, 7.2685% { display: block; content-visibility: visible; opacity: 1; } 7.2695% { display: none; content-visibility: hidden; opacity: 0; } 12.7536% { display: none; content-visibility: hidden; opacity: 0; } 12.7546%, 12.9074% { display: block; content-visibility: visible; opacity: 1; } 12.9084% { display: none; content-visibility: hidden; opacity: 0; } 33.043% { display: none; content-visibility: hidden; opacity: 0; } 33.044%, 33.1968% { display: block; content-visibility: visible; opacity: 1; } 33.1978% { display: none; content-visibility: hidden; opacity: 0; } 42.1749% { display: none; content-visibility: hidden; opacity: 0; } 42.1759%, 42.3287% { display: block; content-visibility: visible; opacity: 1; } 42.3297% { display: none; content-visibility: hidden; opacity: 0; } 54.3161% { display: none; content-visibility: hidden; opacity: 0; } 54.3171%, 54.4699% { display: block; content-visibility: visible; opacity: 1; } 54.4709% { display: none; content-visibility: hidden; opacity: 0; } 58.5754% { display: none; content-visibility: hidden; opacity: 0; } 58.5764%, 58.7292% { display: block; content-visibility: visible; opacity: 1; } 58.7302% { display: none; content-visibility: hidden; opacity: 0; } 68.2652% { display: none; content-visibility: hidden; opacity: 0; } 68.2662%, 68.419% { display: block; content-visibility: visible; opacity: 1; } 68.42% { display: none; content-visibility: hidden; opacity: 0; } 82.0962% { display: none; content-visibility: hidden; opacity: 0; } 82.0972%, 82.25% { display: block; content-visibility: visible; opacity: 1; } 82.251% { display: none; content-visibility: hidden; opacity: 0; } 97.0106% { display: none; content-visibility: hidden; opacity: 0; } 97.0116%, 97.1644% { display: block; content-visibility: visible; opacity: 1; } 97.1654% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-km-nova0 { --x: 59.9%; --y: 69.8%; --kd: calc(mod(calc(var(--ev-clock) + 307.4s), 4320s) + 4.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-nova0:checked) .kml-nova { display: block; --x: 59.9%; --y: 69.8%; }
.nj-km-nova1 { --x: 29.5%; --y: 79.4%; --kd: calc(mod(calc(var(--ev-clock) + 551.0s), 4320s) + 4.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-nova1:checked) .kml-nova { display: block; --x: 29.5%; --y: 79.4%; }
.nj-km-nova2 { --x: 75.1%; --y: 84.4%; --kd: calc(mod(calc(var(--ev-clock) + 1427.5s), 4320s) + 4.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-nova2:checked) .kml-nova { display: block; --x: 75.1%; --y: 84.4%; }
.nj-km-nova3 { --x: 55.4%; --y: 35.7%; --kd: calc(mod(calc(var(--ev-clock) + 1822.0s), 4320s) + 4.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-nova3:checked) .kml-nova { display: block; --x: 55.4%; --y: 35.7%; }
.nj-km-nova4 { --x: 82.8%; --y: 77.8%; --kd: calc(mod(calc(var(--ev-clock) + 2346.5s), 4320s) + 4.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-nova4:checked) .kml-nova { display: block; --x: 82.8%; --y: 77.8%; }
.nj-km-nova5 { --x: 64.1%; --y: 20.5%; --kd: calc(mod(calc(var(--ev-clock) + 2530.5s), 4320s) + 4.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-nova5:checked) .kml-nova { display: block; --x: 64.1%; --y: 20.5%; }
.nj-km-nova6 { --x: 41.7%; --y: 74.7%; --kd: calc(mod(calc(var(--ev-clock) + 2949.1s), 4320s) + 4.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-nova6:checked) .kml-nova { display: block; --x: 41.7%; --y: 74.7%; }
.nj-km-nova7 { --x: 89.4%; --y: 85.2%; --kd: calc(mod(calc(var(--ev-clock) + 3546.6s), 4320s) + 4.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-nova7:checked) .kml-nova { display: block; --x: 89.4%; --y: 85.2%; }
.nj-km-nova8 { --x: 42.6%; --y: 43.9%; --kd: calc(mod(calc(var(--ev-clock) + 4190.9s), 4320s) + 4.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-nova8:checked) .kml-nova { display: block; --x: 42.6%; --y: 43.9%; }
.nj-e-nova { --x: 59.9%; --y: 69.8%; --a: 0deg; animation: nj-hop-nova 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-nova { 0% { --x: 42.6%; --y: 43.9%; --a: 0deg; } 7.1042% { --x: 59.9%; --y: 69.8%; --a: 0deg; } 12.7431% { --x: 29.5%; --y: 79.4%; --a: 0deg; } 33.0324% { --x: 75.1%; --y: 84.4%; --a: 0deg; } 42.1644% { --x: 55.4%; --y: 35.7%; --a: 0deg; } 54.3056% { --x: 82.8%; --y: 77.8%; --a: 0deg; } 58.5648% { --x: 64.1%; --y: 20.5%; --a: 0deg; } 68.2546% { --x: 41.7%; --y: 74.7%; --a: 0deg; } 82.0856% { --x: 89.4%; --y: 85.2%; --a: 0deg; } 97% { --x: 42.6%; --y: 43.9%; --a: 0deg; } }
.nj-e-nova .nj-g { animation: nj-g-nova 4320s infinite var(--ev-clock); }
@keyframes nj-gl-nova { 0% { display: none; content-visibility: hidden; opacity: 0; } 7.1147% { display: none; content-visibility: hidden; opacity: 0; } 7.1157%, 7.5046% { display: block; content-visibility: visible; opacity: 1; } 7.5056% { display: none; content-visibility: hidden; opacity: 0; } 12.7536% { display: none; content-visibility: hidden; opacity: 0; } 12.7546%, 13.0694% { display: block; content-visibility: visible; opacity: 1; } 13.0704% { display: none; content-visibility: hidden; opacity: 0; } 33.043% { display: none; content-visibility: hidden; opacity: 0; } 33.044%, 33.3773% { display: block; content-visibility: visible; opacity: 1; } 33.3783% { display: none; content-visibility: hidden; opacity: 0; } 42.1749% { display: none; content-visibility: hidden; opacity: 0; } 42.1759%, 42.9259% { display: block; content-visibility: visible; opacity: 1; } 42.9269% { display: none; content-visibility: hidden; opacity: 0; } 54.3161% { display: none; content-visibility: hidden; opacity: 0; } 54.3171%, 54.7593% { display: block; content-visibility: visible; opacity: 1; } 54.7603% { display: none; content-visibility: hidden; opacity: 0; } 58.5754% { display: none; content-visibility: hidden; opacity: 0; } 58.5764%, 58.9282% { display: block; content-visibility: visible; opacity: 1; } 58.9292% { display: none; content-visibility: hidden; opacity: 0; } 68.2652% { display: none; content-visibility: hidden; opacity: 0; } 68.2662%, 69.044% { display: block; content-visibility: visible; opacity: 1; } 69.045% { display: none; content-visibility: hidden; opacity: 0; } 82.0962% { display: none; content-visibility: hidden; opacity: 0; } 82.0972%, 82.4236% { display: block; content-visibility: visible; opacity: 1; } 82.4246% { display: none; content-visibility: hidden; opacity: 0; } 97.0106% { display: none; content-visibility: hidden; opacity: 0; } 97.0116%, 97.2778% { display: block; content-visibility: visible; opacity: 1; } 97.2788% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-nova .nj-g { animation: nj-gl-nova 4320s infinite var(--ev-clock); }
.nj-l-nova .sky-log { --n: 18; }
.nj-e-duel { --sd: 7.3s; }
@keyframes nj-g-duel { 0% { display: none; content-visibility: hidden; opacity: 0; } 1.8902% { display: none; content-visibility: hidden; opacity: 0; } 1.8912%, 2.0602% { display: block; content-visibility: visible; opacity: 1; } 2.0612% { display: none; content-visibility: hidden; opacity: 0; } 17.7328% { display: none; content-visibility: hidden; opacity: 0; } 17.7338%, 17.9028% { display: block; content-visibility: visible; opacity: 1; } 17.9038% { display: none; content-visibility: hidden; opacity: 0; } 26.4319% { display: none; content-visibility: hidden; opacity: 0; } 26.4329%, 26.6019% { display: block; content-visibility: visible; opacity: 1; } 26.6029% { display: none; content-visibility: hidden; opacity: 0; } 37.2976% { display: none; content-visibility: hidden; opacity: 0; } 37.2986%, 37.4676% { display: block; content-visibility: visible; opacity: 1; } 37.4686% { display: none; content-visibility: hidden; opacity: 0; } 46.8763% { display: none; content-visibility: hidden; opacity: 0; } 46.8773%, 47.0463% { display: block; content-visibility: visible; opacity: 1; } 47.0473% { display: none; content-visibility: hidden; opacity: 0; } 60.2166% { display: none; content-visibility: hidden; opacity: 0; } 60.2176%, 60.3866% { display: block; content-visibility: visible; opacity: 1; } 60.3876% { display: none; content-visibility: hidden; opacity: 0; } 66.8092% { display: none; content-visibility: hidden; opacity: 0; } 66.8102%, 66.9792% { display: block; content-visibility: visible; opacity: 1; } 66.9802% { display: none; content-visibility: hidden; opacity: 0; } 80.2907% { display: none; content-visibility: hidden; opacity: 0; } 80.2917%, 80.4606% { display: block; content-visibility: visible; opacity: 1; } 80.4616% { display: none; content-visibility: hidden; opacity: 0; } 91.2976% { display: none; content-visibility: hidden; opacity: 0; } 91.2986%, 91.4676% { display: block; content-visibility: visible; opacity: 1; } 91.4686% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-km-duel0 { --x: 85.8%; --y: 33.7%; --kd: calc(mod(calc(var(--ev-clock) + 81.7s), 4320s) + 5.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-duel0:checked) .kml-duel { display: block; --x: 85.8%; --y: 33.7%; }
.nj-km-duel1 { --x: 19.0%; --y: 64.1%; --kd: calc(mod(calc(var(--ev-clock) + 766.1s), 4320s) + 5.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-duel1:checked) .kml-duel { display: block; --x: 19.0%; --y: 64.1%; }
.nj-km-duel2 { --x: 54.4%; --y: 44.8%; --kd: calc(mod(calc(var(--ev-clock) + 1141.9s), 4320s) + 5.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-duel2:checked) .kml-duel { display: block; --x: 54.4%; --y: 44.8%; }
.nj-km-duel3 { --x: 65.9%; --y: 44.1%; --kd: calc(mod(calc(var(--ev-clock) + 1611.3s), 4320s) + 5.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-duel3:checked) .kml-duel { display: block; --x: 65.9%; --y: 44.1%; }
.nj-km-duel4 { --x: 21.3%; --y: 45.2%; --kd: calc(mod(calc(var(--ev-clock) + 2025.1s), 4320s) + 5.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-duel4:checked) .kml-duel { display: block; --x: 21.3%; --y: 45.2%; }
.nj-km-duel5 { --x: 75.9%; --y: 26.5%; --kd: calc(mod(calc(var(--ev-clock) + 2601.4s), 4320s) + 5.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-duel5:checked) .kml-duel { display: block; --x: 75.9%; --y: 26.5%; }
.nj-km-duel6 { --x: 69.2%; --y: 24.9%; --kd: calc(mod(calc(var(--ev-clock) + 2886.2s), 4320s) + 5.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-duel6:checked) .kml-duel { display: block; --x: 69.2%; --y: 24.9%; }
.nj-km-duel7 { --x: 12.0%; --y: 73.8%; --kd: calc(mod(calc(var(--ev-clock) + 3468.6s), 4320s) + 5.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-duel7:checked) .kml-duel { display: block; --x: 12.0%; --y: 73.8%; }
.nj-km-duel8 { --x: 30.4%; --y: 21.4%; --kd: calc(mod(calc(var(--ev-clock) + 3944.1s), 4320s) + 5.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-duel8:checked) .kml-duel { display: block; --x: 30.4%; --y: 21.4%; }
.nj-e-duel { --x: 85.8%; --y: 33.7%; --a: 237deg; animation: nj-hop-duel 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-duel { 0% { --x: 30.4%; --y: 21.4%; --a: 126deg; } 1.8796% { --x: 85.8%; --y: 33.7%; --a: 237deg; } 17.7222% { --x: 19.0%; --y: 64.1%; --a: 353deg; } 26.4213% { --x: 54.4%; --y: 44.8%; --a: 355deg; } 37.287% { --x: 65.9%; --y: 44.1%; --a: 242deg; } 46.8657% { --x: 21.3%; --y: 45.2%; --a: 195deg; } 60.206% { --x: 75.9%; --y: 26.5%; --a: 111deg; } 66.7986% { --x: 69.2%; --y: 24.9%; --a: 207deg; } 80.2801% { --x: 12.0%; --y: 73.8%; --a: 311deg; } 91.287% { --x: 30.4%; --y: 21.4%; --a: 126deg; } }
.nj-e-duel .nj-g { animation: nj-g-duel 4320s infinite var(--ev-clock); }
@keyframes nj-gl-duel { 0% { display: none; content-visibility: hidden; opacity: 0; } 1.8902% { display: none; content-visibility: hidden; opacity: 0; } 1.8912%, 2.4028% { display: block; content-visibility: visible; opacity: 1; } 2.4038% { display: none; content-visibility: hidden; opacity: 0; } 17.7328% { display: none; content-visibility: hidden; opacity: 0; } 17.7338%, 18.1435% { display: block; content-visibility: visible; opacity: 1; } 18.1445% { display: none; content-visibility: hidden; opacity: 0; } 26.4319% { display: none; content-visibility: hidden; opacity: 0; } 26.4329%, 26.9398% { display: block; content-visibility: visible; opacity: 1; } 26.9408% { display: none; content-visibility: hidden; opacity: 0; } 37.2976% { display: none; content-visibility: hidden; opacity: 0; } 37.2986%, 37.5602% { display: block; content-visibility: visible; opacity: 1; } 37.5612% { display: none; content-visibility: hidden; opacity: 0; } 46.8763% { display: none; content-visibility: hidden; opacity: 0; } 46.8773%, 47.2523% { display: block; content-visibility: visible; opacity: 1; } 47.2533% { display: none; content-visibility: hidden; opacity: 0; } 60.2166% { display: none; content-visibility: hidden; opacity: 0; } 60.2176%, 60.7639% { display: block; content-visibility: visible; opacity: 1; } 60.7649% { display: none; content-visibility: hidden; opacity: 0; } 66.8092% { display: none; content-visibility: hidden; opacity: 0; } 66.8102%, 67.3634% { display: block; content-visibility: visible; opacity: 1; } 67.3644% { display: none; content-visibility: hidden; opacity: 0; } 80.2907% { display: none; content-visibility: hidden; opacity: 0; } 80.2917%, 80.6898% { display: block; content-visibility: visible; opacity: 1; } 80.6908% { display: none; content-visibility: hidden; opacity: 0; } 91.2976% { display: none; content-visibility: hidden; opacity: 0; } 91.2986%, 91.7685% { display: block; content-visibility: visible; opacity: 1; } 91.7695% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-duel .nj-g { animation: nj-gl-duel 4320s infinite var(--ev-clock); }
.nj-l-duel .sky-log { --n: 24; }
.nj-route { --plot: 4.20s; --dur: 14s; }
.nj-route .nj-at0 { animation-delay: 0.00s; }
.nj-route .nj-ar0 { animation-delay: 4.48s; }
.nj-route .nj-at1 { animation-delay: 1.34s; }
.nj-route .nj-ar1 { animation-delay: 6.72s; }
.nj-route .nj-at2 { animation-delay: 2.89s; }
.nj-route .nj-ar2 { animation-delay: 8.96s; }
.nj-route .nj-at3 { animation-delay: 4.20s; }
.nj-route .nj-ar3 { animation-delay: 11.20s; }
@keyframes nj-done-route { 0% { stroke-dashoffset: 1.0000; } 32% { stroke-dashoffset: 1.0000; } 34.24% { stroke-dashoffset: 1.0000; animation-timing-function: cubic-bezier(.45, 0, .55, 1); } 48% { stroke-dashoffset: 0.6811; } 50.24% { stroke-dashoffset: 0.6811; animation-timing-function: cubic-bezier(.45, 0, .55, 1); } 64% { stroke-dashoffset: 0.3125; } 66.24% { stroke-dashoffset: 0.3125; animation-timing-function: cubic-bezier(.45, 0, .55, 1); } 80% { stroke-dashoffset: 0.0000; } 83% { stroke-dashoffset: 0.0000; animation-timing-function: linear; } 93% { stroke-dashoffset: -1.0000; } 100% { stroke-dashoffset: -1.0000; } }
.nj-route .ev-done { animation: nj-done-route 14s forwards; }
.nj-route .nj-at0 { animation: ev-in .4s ease-out 0.00s forwards, ev-out .5s 11.62s forwards; }
.nj-route .nj-at1 { animation: ev-in .4s ease-out 1.34s forwards, ev-out .5s 12.07s forwards; }
.nj-route .nj-at2 { animation: ev-in .4s ease-out 2.89s forwards, ev-out .5s 12.58s forwards; }
.nj-route .ev-path { animation: ev-flow 1.6s linear infinite, ev-in .6s var(--plot) forwards, ev-out 1.40s 11.62s forwards; }
.ev-graph.nj-route { animation-name: ev-graphfade-ship; }
@keyframes nj-g-route { 0% { display: none; content-visibility: hidden; opacity: 0; } 3.7675% { display: none; content-visibility: hidden; opacity: 0; } 3.7685%, 4.0926% { display: block; content-visibility: visible; opacity: 1; } 4.0936% { display: none; content-visibility: hidden; opacity: 0; } 16.7073% { display: none; content-visibility: hidden; opacity: 0; } 16.7083%, 17.0324% { display: block; content-visibility: visible; opacity: 1; } 17.0334% { display: none; content-visibility: hidden; opacity: 0; } 23.6958% { display: none; content-visibility: hidden; opacity: 0; } 23.6968%, 24.0208% { display: block; content-visibility: visible; opacity: 1; } 24.0218% { display: none; content-visibility: hidden; opacity: 0; } 34.786% { display: none; content-visibility: hidden; opacity: 0; } 34.787%, 35.1111% { display: block; content-visibility: visible; opacity: 1; } 35.1121% { display: none; content-visibility: hidden; opacity: 0; } 49.6495% { display: none; content-visibility: hidden; opacity: 0; } 49.6505%, 49.9745% { display: block; content-visibility: visible; opacity: 1; } 49.9755% { display: none; content-visibility: hidden; opacity: 0; } 61.6379% { display: none; content-visibility: hidden; opacity: 0; } 61.6389%, 61.963% { display: block; content-visibility: visible; opacity: 1; } 61.964% { display: none; content-visibility: hidden; opacity: 0; } 77.3555% { display: none; content-visibility: hidden; opacity: 0; } 77.3565%, 77.6806% { display: block; content-visibility: visible; opacity: 1; } 77.6816% { display: none; content-visibility: hidden; opacity: 0; } 84.7467% { display: none; content-visibility: hidden; opacity: 0; } 84.7477%, 85.0718% { display: block; content-visibility: visible; opacity: 1; } 85.0728% { display: none; content-visibility: hidden; opacity: 0; } 95.4458% { display: none; content-visibility: hidden; opacity: 0; } 95.4468%, 95.7708% { display: block; content-visibility: visible; opacity: 1; } 95.7718% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-e-route { --x: 14.8%; --y: 40.8%; --a: 0deg; animation: nj-hop-route 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-route { 0% { --x: 21.8%; --y: 47.5%; --a: 0deg; } 3.7569% { --x: 14.8%; --y: 40.8%; --a: 0deg; } 16.6968% { --x: 40.1%; --y: 39.7%; --a: 0deg; } 23.6852% { --x: 28.5%; --y: 28.8%; --a: 0deg; } 34.7755% { --x: 9.3%; --y: 48.8%; --a: 0deg; } 49.6389% { --x: 37.1%; --y: 42.8%; --a: 0deg; } 61.6273% { --x: 53.1%; --y: 56.3%; --a: 0deg; } 77.3449% { --x: 39.9%; --y: 22.5%; --a: 0deg; } 84.7361% { --x: 14.7%; --y: 48.7%; --a: 0deg; } 95.4352% { --x: 21.8%; --y: 47.5%; --a: 0deg; } }
.nj-e-route .nj-g { animation: nj-g-route 4320s infinite var(--ev-clock); }
@keyframes nj-gl-route { 0% { display: none; content-visibility: hidden; opacity: 0; } 3.7675% { display: none; content-visibility: hidden; opacity: 0; } 3.7685%, 4.2269% { display: block; content-visibility: visible; opacity: 1; } 4.2279% { display: none; content-visibility: hidden; opacity: 0; } 16.7073% { display: none; content-visibility: hidden; opacity: 0; } 16.7083%, 17.2662% { display: block; content-visibility: visible; opacity: 1; } 17.2672% { display: none; content-visibility: hidden; opacity: 0; } 23.6958% { display: none; content-visibility: hidden; opacity: 0; } 23.6968%, 24.1134% { display: block; content-visibility: visible; opacity: 1; } 24.1144% { display: none; content-visibility: hidden; opacity: 0; } 34.786% { display: none; content-visibility: hidden; opacity: 0; } 34.787%, 35.206% { display: block; content-visibility: visible; opacity: 1; } 35.207% { display: none; content-visibility: hidden; opacity: 0; } 49.6495% { display: none; content-visibility: hidden; opacity: 0; } 49.6505%, 50.0602% { display: block; content-visibility: visible; opacity: 1; } 50.0612% { display: none; content-visibility: hidden; opacity: 0; } 61.6379% { display: none; content-visibility: hidden; opacity: 0; } 61.6389%, 62.25% { display: block; content-visibility: visible; opacity: 1; } 62.251% { display: none; content-visibility: hidden; opacity: 0; } 77.3555% { display: none; content-visibility: hidden; opacity: 0; } 77.3565%, 78.0208% { display: block; content-visibility: visible; opacity: 1; } 78.0218% { display: none; content-visibility: hidden; opacity: 0; } 84.7467% { display: none; content-visibility: hidden; opacity: 0; } 84.7477%, 85.2338% { display: block; content-visibility: visible; opacity: 1; } 85.2348% { display: none; content-visibility: hidden; opacity: 0; } 95.4458% { display: none; content-visibility: hidden; opacity: 0; } 95.4468%, 95.8912% { display: block; content-visibility: visible; opacity: 1; } 95.8922% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-route .nj-g { animation: nj-gl-route 4320s infinite var(--ev-clock); }
.nj-l-route .sky-log { --n: 23; }
.nj-e-pulsar { --sd: 12.3s; }
@keyframes nj-g-pulsar { 0% { display: none; content-visibility: hidden; opacity: 0; } 5.6402% { display: none; content-visibility: hidden; opacity: 0; } 5.6412%, 5.9259% { display: block; content-visibility: visible; opacity: 1; } 5.9269% { display: none; content-visibility: hidden; opacity: 0; } 18.1518% { display: none; content-visibility: hidden; opacity: 0; } 18.1528%, 18.4375% { display: block; content-visibility: visible; opacity: 1; } 18.4385% { display: none; content-visibility: hidden; opacity: 0; } 30.1194% { display: none; content-visibility: hidden; opacity: 0; } 30.1204%, 30.4051% { display: block; content-visibility: visible; opacity: 1; } 30.4061% { display: none; content-visibility: hidden; opacity: 0; } 41.3578% { display: none; content-visibility: hidden; opacity: 0; } 41.3588%, 41.6435% { display: block; content-visibility: visible; opacity: 1; } 41.6445% { display: none; content-visibility: hidden; opacity: 0; } 47.2606% { display: none; content-visibility: hidden; opacity: 0; } 47.2616%, 47.5463% { display: block; content-visibility: visible; opacity: 1; } 47.5473% { display: none; content-visibility: hidden; opacity: 0; } 57.4897% { display: none; content-visibility: hidden; opacity: 0; } 57.4907%, 57.7755% { display: block; content-visibility: visible; opacity: 1; } 57.7765% { display: none; content-visibility: hidden; opacity: 0; } 74.1495% { display: none; content-visibility: hidden; opacity: 0; } 74.1505%, 74.4352% { display: block; content-visibility: visible; opacity: 1; } 74.4362% { display: none; content-visibility: hidden; opacity: 0; } 79.2629% { display: none; content-visibility: hidden; opacity: 0; } 79.2639%, 79.5486% { display: block; content-visibility: visible; opacity: 1; } 79.5496% { display: none; content-visibility: hidden; opacity: 0; } 88.9249% { display: none; content-visibility: hidden; opacity: 0; } 88.9259%, 89.2106% { display: block; content-visibility: visible; opacity: 1; } 89.2116% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-km-pulsar0 { --x: 48.6%; --y: 9.1%; --kd: calc(mod(calc(var(--ev-clock) + 243.7s), 4320s) + 10.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-pulsar0:checked) .kml-pulsar { display: block; --x: 48.6%; --y: 9.1%; }
.nj-km-pulsar1 { --x: 8.1%; --y: 80.3%; --kd: calc(mod(calc(var(--ev-clock) + 784.2s), 4320s) + 10.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-pulsar1:checked) .kml-pulsar { display: block; --x: 8.1%; --y: 80.3%; }
.nj-km-pulsar2 { --x: 68.1%; --y: 77.0%; --kd: calc(mod(calc(var(--ev-clock) + 1301.2s), 4320s) + 10.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-pulsar2:checked) .kml-pulsar { display: block; --x: 68.1%; --y: 77.0%; }
.nj-km-pulsar3 { --x: 34.6%; --y: 12.9%; --kd: calc(mod(calc(var(--ev-clock) + 1786.7s), 4320s) + 10.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-pulsar3:checked) .kml-pulsar { display: block; --x: 34.6%; --y: 12.9%; }
.nj-km-pulsar4 { --x: 27.1%; --y: 28.2%; --kd: calc(mod(calc(var(--ev-clock) + 2041.7s), 4320s) + 10.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-pulsar4:checked) .kml-pulsar { display: block; --x: 27.1%; --y: 28.2%; }
.nj-km-pulsar5 { --x: 15.0%; --y: 28.6%; --kd: calc(mod(calc(var(--ev-clock) + 2483.6s), 4320s) + 10.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-pulsar5:checked) .kml-pulsar { display: block; --x: 15.0%; --y: 28.6%; }
.nj-km-pulsar6 { --x: 21.5%; --y: 54.9%; --kd: calc(mod(calc(var(--ev-clock) + 3203.3s), 4320s) + 10.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-pulsar6:checked) .kml-pulsar { display: block; --x: 21.5%; --y: 54.9%; }
.nj-km-pulsar7 { --x: 80.5%; --y: 38.2%; --kd: calc(mod(calc(var(--ev-clock) + 3424.2s), 4320s) + 10.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-pulsar7:checked) .kml-pulsar { display: block; --x: 80.5%; --y: 38.2%; }
.nj-km-pulsar8 { --x: 72.9%; --y: 17.2%; --kd: calc(mod(calc(var(--ev-clock) + 3841.6s), 4320s) + 10.3s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-pulsar8:checked) .kml-pulsar { display: block; --x: 72.9%; --y: 17.2%; }
.nj-e-pulsar { --x: 48.6%; --y: 9.1%; --a: 0deg; animation: nj-hop-pulsar 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-pulsar { 0% { --x: 72.9%; --y: 17.2%; --a: 0deg; } 5.6296% { --x: 48.6%; --y: 9.1%; --a: 0deg; } 18.1412% { --x: 8.1%; --y: 80.3%; --a: 0deg; } 30.1088% { --x: 68.1%; --y: 77.0%; --a: 0deg; } 41.3472% { --x: 34.6%; --y: 12.9%; --a: 0deg; } 47.25% { --x: 27.1%; --y: 28.2%; --a: 0deg; } 57.4792% { --x: 15.0%; --y: 28.6%; --a: 0deg; } 74.1389% { --x: 21.5%; --y: 54.9%; --a: 0deg; } 79.2523% { --x: 80.5%; --y: 38.2%; --a: 0deg; } 88.9144% { --x: 72.9%; --y: 17.2%; --a: 0deg; } }
.nj-e-pulsar .nj-g { animation: nj-g-pulsar 4320s infinite var(--ev-clock); }
@keyframes nj-gl-pulsar { 0% { display: none; content-visibility: hidden; opacity: 0; } 5.6402% { display: none; content-visibility: hidden; opacity: 0; } 5.6412%, 6.088% { display: block; content-visibility: visible; opacity: 1; } 6.089% { display: none; content-visibility: hidden; opacity: 0; } 18.1518% { display: none; content-visibility: hidden; opacity: 0; } 18.1528%, 18.5556% { display: block; content-visibility: visible; opacity: 1; } 18.5566% { display: none; content-visibility: hidden; opacity: 0; } 30.1194% { display: none; content-visibility: hidden; opacity: 0; } 30.1204%, 30.6551% { display: block; content-visibility: visible; opacity: 1; } 30.6561% { display: none; content-visibility: hidden; opacity: 0; } 41.3578% { display: none; content-visibility: hidden; opacity: 0; } 41.3588%, 41.7963% { display: block; content-visibility: visible; opacity: 1; } 41.7973% { display: none; content-visibility: hidden; opacity: 0; } 47.2606% { display: none; content-visibility: hidden; opacity: 0; } 47.2616%, 47.8403% { display: block; content-visibility: visible; opacity: 1; } 47.8413% { display: none; content-visibility: hidden; opacity: 0; } 57.4897% { display: none; content-visibility: hidden; opacity: 0; } 57.4907%, 57.9931% { display: block; content-visibility: visible; opacity: 1; } 57.9941% { display: none; content-visibility: hidden; opacity: 0; } 74.1495% { display: none; content-visibility: hidden; opacity: 0; } 74.1505%, 74.6991% { display: block; content-visibility: visible; opacity: 1; } 74.7001% { display: none; content-visibility: hidden; opacity: 0; } 79.2629% { display: none; content-visibility: hidden; opacity: 0; } 79.2639%, 80.2824% { display: block; content-visibility: visible; opacity: 1; } 80.2834% { display: none; content-visibility: hidden; opacity: 0; } 88.9249% { display: none; content-visibility: hidden; opacity: 0; } 88.9259%, 89.4931% { display: block; content-visibility: visible; opacity: 1; } 89.4941% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-pulsar .nj-g { animation: nj-gl-pulsar 4320s infinite var(--ev-clock); }
.nj-l-pulsar .sky-log { --n: 28; }
@keyframes nj-g-squad { 0% { display: none; content-visibility: hidden; opacity: 0; } 0.1171% { display: none; content-visibility: hidden; opacity: 0; } 0.1181%, 0.3264% { display: block; content-visibility: visible; opacity: 1; } 0.3274% { display: none; content-visibility: hidden; opacity: 0; } 15.8254% { display: none; content-visibility: hidden; opacity: 0; } 15.8264%, 16.0347% { display: block; content-visibility: visible; opacity: 1; } 16.0357% { display: none; content-visibility: hidden; opacity: 0; } 30.6634% { display: none; content-visibility: hidden; opacity: 0; } 30.6644%, 30.8727% { display: block; content-visibility: visible; opacity: 1; } 30.8737% { display: none; content-visibility: hidden; opacity: 0; } 40.0198% { display: none; content-visibility: hidden; opacity: 0; } 40.0208%, 40.2292% { display: block; content-visibility: visible; opacity: 1; } 40.2302% { display: none; content-visibility: hidden; opacity: 0; } 47.8485% { display: none; content-visibility: hidden; opacity: 0; } 47.8495%, 48.0579% { display: block; content-visibility: visible; opacity: 1; } 48.0589% { display: none; content-visibility: hidden; opacity: 0; } 65.4388% { display: none; content-visibility: hidden; opacity: 0; } 65.4398%, 65.6481% { display: block; content-visibility: visible; opacity: 1; } 65.6491% { display: none; content-visibility: hidden; opacity: 0; } 69.0522% { display: none; content-visibility: hidden; opacity: 0; } 69.0532%, 69.2616% { display: block; content-visibility: visible; opacity: 1; } 69.2626% { display: none; content-visibility: hidden; opacity: 0; } 82.9782% { display: none; content-visibility: hidden; opacity: 0; } 82.9792%, 83.1875% { display: block; content-visibility: visible; opacity: 1; } 83.1885% { display: none; content-visibility: hidden; opacity: 0; } 97.7745% { display: none; content-visibility: hidden; opacity: 0; } 97.7755%, 97.9838% { display: block; content-visibility: visible; opacity: 1; } 97.9848% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-e-squad { --x: -3.0%; --y: 65.7%; --a: -24deg; animation: nj-hop-squad 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-squad { 0% { --x: -3.0%; --y: 51.0%; --a: 1deg; } 0.1065% { --x: -3.0%; --y: 65.7%; --a: -24deg; } 15.8148% { --x: -3.0%; --y: 65.7%; --a: -11deg; } 30.6528% { --x: -3.0%; --y: 52.6%; --a: 5deg; } 40.0093% { --x: -3.0%; --y: 53.6%; --a: -37deg; } 47.838% { --x: -3.0%; --y: 74.1%; --a: -5deg; } 65.4282% { --x: -3.0%; --y: 46.8%; --a: -34deg; } 69.0417% { --x: -3.0%; --y: 67.9%; --a: -3deg; } 82.9676% { --x: -3.0%; --y: 37.1%; --a: -34deg; } 97.7639% { --x: -3.0%; --y: 51.0%; --a: 1deg; } }
.nj-e-squad .nj-g { animation: nj-g-squad 4320s infinite var(--ev-clock); }
@keyframes nj-gl-squad { 0% { display: none; content-visibility: hidden; opacity: 0; } 0.1171% { display: none; content-visibility: hidden; opacity: 0; } 0.1181%, 0.4769% { display: block; content-visibility: visible; opacity: 1; } 0.4779% { display: none; content-visibility: hidden; opacity: 0; } 15.8254% { display: none; content-visibility: hidden; opacity: 0; } 15.8264%, 16.2477% { display: block; content-visibility: visible; opacity: 1; } 16.2487% { display: none; content-visibility: hidden; opacity: 0; } 30.6634% { display: none; content-visibility: hidden; opacity: 0; } 30.6644%, 31.1065% { display: block; content-visibility: visible; opacity: 1; } 31.1075% { display: none; content-visibility: hidden; opacity: 0; } 40.0198% { display: none; content-visibility: hidden; opacity: 0; } 40.0208%, 40.4074% { display: block; content-visibility: visible; opacity: 1; } 40.4084% { display: none; content-visibility: hidden; opacity: 0; } 47.8485% { display: none; content-visibility: hidden; opacity: 0; } 47.8495%, 48.162% { display: block; content-visibility: visible; opacity: 1; } 48.163% { display: none; content-visibility: hidden; opacity: 0; } 65.4388% { display: none; content-visibility: hidden; opacity: 0; } 65.4398%, 65.7801% { display: block; content-visibility: visible; opacity: 1; } 65.7811% { display: none; content-visibility: hidden; opacity: 0; } 69.0522% { display: none; content-visibility: hidden; opacity: 0; } 69.0532%, 69.7083% { display: block; content-visibility: visible; opacity: 1; } 69.7093% { display: none; content-visibility: hidden; opacity: 0; } 82.9782% { display: none; content-visibility: hidden; opacity: 0; } 82.9792%, 83.3495% { display: block; content-visibility: visible; opacity: 1; } 83.3505% { display: none; content-visibility: hidden; opacity: 0; } 97.7745% { display: none; content-visibility: hidden; opacity: 0; } 97.7755%, 98.7639% { display: block; content-visibility: visible; opacity: 1; } 98.7649% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-squad .nj-g { animation: nj-gl-squad 4320s infinite var(--ev-clock); }
.nj-l-squad .sky-log { --n: 17; }
.nj-trace { --plot: 3.30s; --dur: 11s; }
.nj-trace .nj-at0 { animation-delay: 0.00s; }
.nj-trace .nj-ar0 { animation-delay: 3.96s; }
.nj-trace .nj-at1 { animation-delay: 0.68s; }
.nj-trace .nj-ar1 { animation-delay: 5.39s; }
.nj-trace .nj-at2 { animation-delay: 1.70s; }
.nj-trace .nj-ar2 { animation-delay: 6.82s; }
.nj-trace .nj-at3 { animation-delay: 2.57s; }
.nj-trace .nj-ar3 { animation-delay: 8.25s; }
.nj-trace .nj-at4 { animation-delay: 3.30s; }
.nj-trace .nj-ar4 { animation-delay: 9.68s; }
@keyframes nj-gh-trace { 0% { transform: translate(60.0px, 295.5px); opacity: 0; } 36% { transform: translate(60.0px, 295.5px); opacity: 1; } 44.45% { transform: translate(60.0px, 295.5px); opacity: 1; animation-timing-function: cubic-bezier(.7, 0, .3, 1); } 49% { transform: translate(130.6px, 254.7px); opacity: 1; } 57.45% { transform: translate(130.6px, 254.7px); opacity: 1; animation-timing-function: cubic-bezier(.7, 0, .3, 1); } 62% { transform: translate(251.2px, 229.1px); opacity: 1; } 70.45% { transform: translate(251.2px, 229.1px); opacity: 1; animation-timing-function: cubic-bezier(.7, 0, .3, 1); } 75% { transform: translate(312.0px, 143.4px); opacity: 1; } 83.45% { transform: translate(312.0px, 143.4px); opacity: 1; animation-timing-function: cubic-bezier(.7, 0, .3, 1); } 88% { transform: translate(285.7px, 60.0px); opacity: 1; } 100% { transform: translate(285.7px, 60.0px); opacity: 0; } }
.nj-trace .ev-hop { animation: nj-gh-trace 11s forwards; }
@keyframes nj-g-trace { 0% { display: none; content-visibility: hidden; opacity: 0; } 6.0962% { display: none; content-visibility: hidden; opacity: 0; } 6.0972%, 6.3519% { display: block; content-visibility: visible; opacity: 1; } 6.3529% { display: none; content-visibility: hidden; opacity: 0; } 20.3925% { display: none; content-visibility: hidden; opacity: 0; } 20.3935%, 20.6481% { display: block; content-visibility: visible; opacity: 1; } 20.6491% { display: none; content-visibility: hidden; opacity: 0; } 29.3046% { display: none; content-visibility: hidden; opacity: 0; } 29.3056%, 29.5602% { display: block; content-visibility: visible; opacity: 1; } 29.5612% { display: none; content-visibility: hidden; opacity: 0; } 34.3208% { display: none; content-visibility: hidden; opacity: 0; } 34.3218%, 34.5764% { display: block; content-visibility: visible; opacity: 1; } 34.5774% { display: none; content-visibility: hidden; opacity: 0; } 49.2536% { display: none; content-visibility: hidden; opacity: 0; } 49.2546%, 49.5093% { display: block; content-visibility: visible; opacity: 1; } 49.5103% { display: none; content-visibility: hidden; opacity: 0; } 60.7721% { display: none; content-visibility: hidden; opacity: 0; } 60.7731%, 61.0278% { display: block; content-visibility: visible; opacity: 1; } 61.0288% { display: none; content-visibility: hidden; opacity: 0; } 71.0013% { display: none; content-visibility: hidden; opacity: 0; } 71.0023%, 71.2569% { display: block; content-visibility: visible; opacity: 1; } 71.2579% { display: none; content-visibility: hidden; opacity: 0; } 81.6425% { display: none; content-visibility: hidden; opacity: 0; } 81.6435%, 81.8981% { display: block; content-visibility: visible; opacity: 1; } 81.8991% { display: none; content-visibility: hidden; opacity: 0; } 92.161% { display: none; content-visibility: hidden; opacity: 0; } 92.162%, 92.4167% { display: block; content-visibility: visible; opacity: 1; } 92.4177% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-e-trace { --x: 16.1%; --y: 31.6%; --a: 0deg; animation: nj-hop-trace 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-trace { 0% { --x: 42.0%; --y: 34.5%; --a: 0deg; } 6.0856% { --x: 16.1%; --y: 31.6%; --a: 0deg; } 20.3819% { --x: 15.8%; --y: 13.2%; --a: 0deg; } 29.294% { --x: 26.8%; --y: 34.2%; --a: 0deg; } 34.3102% { --x: 36.8%; --y: 30.9%; --a: 0deg; } 49.2431% { --x: 14.1%; --y: 33.8%; --a: 0deg; } 60.7616% { --x: 50.5%; --y: 24.7%; --a: 0deg; } 70.9907% { --x: 22.4%; --y: 55.5%; --a: 0deg; } 81.6319% { --x: 35.6%; --y: 31.2%; --a: 0deg; } 92.1505% { --x: 42.0%; --y: 34.5%; --a: 0deg; } }
.nj-e-trace .nj-g { animation: nj-g-trace 4320s infinite var(--ev-clock); }
@keyframes nj-gl-trace { 0% { display: none; content-visibility: hidden; opacity: 0; } 6.0962% { display: none; content-visibility: hidden; opacity: 0; } 6.0972%, 6.5417% { display: block; content-visibility: visible; opacity: 1; } 6.5427% { display: none; content-visibility: hidden; opacity: 0; } 20.3925% { display: none; content-visibility: hidden; opacity: 0; } 20.3935%, 20.8704% { display: block; content-visibility: visible; opacity: 1; } 20.8714% { display: none; content-visibility: hidden; opacity: 0; } 29.3046% { display: none; content-visibility: hidden; opacity: 0; } 29.3056%, 29.7477% { display: block; content-visibility: visible; opacity: 1; } 29.7487% { display: none; content-visibility: hidden; opacity: 0; } 34.3208% { display: none; content-visibility: hidden; opacity: 0; } 34.3218%, 34.7778% { display: block; content-visibility: visible; opacity: 1; } 34.7788% { display: none; content-visibility: hidden; opacity: 0; } 49.2536% { display: none; content-visibility: hidden; opacity: 0; } 49.2546%, 49.6412% { display: block; content-visibility: visible; opacity: 1; } 49.6422% { display: none; content-visibility: hidden; opacity: 0; } 60.7721% { display: none; content-visibility: hidden; opacity: 0; } 60.7731%, 61.1898% { display: block; content-visibility: visible; opacity: 1; } 61.1908% { display: none; content-visibility: hidden; opacity: 0; } 71.0013% { display: none; content-visibility: hidden; opacity: 0; } 71.0023%, 71.3773% { display: block; content-visibility: visible; opacity: 1; } 71.3783% { display: none; content-visibility: hidden; opacity: 0; } 81.6425% { display: none; content-visibility: hidden; opacity: 0; } 81.6435%, 82.088% { display: block; content-visibility: visible; opacity: 1; } 82.089% { display: none; content-visibility: hidden; opacity: 0; } 92.161% { display: none; content-visibility: hidden; opacity: 0; } 92.162%, 92.6597% { display: block; content-visibility: visible; opacity: 1; } 92.6607% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-trace .nj-g { animation: nj-gl-trace 4320s infinite var(--ev-clock); }
.nj-l-trace .sky-log { --n: 19; }
.nj-e-crash { --sd: 6.5s; }
@keyframes nj-g-crash { 0% { display: none; content-visibility: hidden; opacity: 0; } 7.5129% { display: none; content-visibility: hidden; opacity: 0; } 7.5139%, 7.6644% { display: block; content-visibility: visible; opacity: 1; } 7.6654% { display: none; content-visibility: hidden; opacity: 0; } 14.9226% { display: none; content-visibility: hidden; opacity: 0; } 14.9236%, 15.0741% { display: block; content-visibility: visible; opacity: 1; } 15.0751% { display: none; content-visibility: hidden; opacity: 0; } 25.6078% { display: none; content-visibility: hidden; opacity: 0; } 25.6088%, 25.7593% { display: block; content-visibility: visible; opacity: 1; } 25.7603% { display: none; content-visibility: hidden; opacity: 0; } 39.4319% { display: none; content-visibility: hidden; opacity: 0; } 39.4329%, 39.5833% { display: block; content-visibility: visible; opacity: 1; } 39.5843% { display: none; content-visibility: hidden; opacity: 0; } 51.9921% { display: none; content-visibility: hidden; opacity: 0; } 51.9931%, 52.1435% { display: block; content-visibility: visible; opacity: 1; } 52.1445% { display: none; content-visibility: hidden; opacity: 0; } 57.0522% { display: none; content-visibility: hidden; opacity: 0; } 57.0532%, 57.2037% { display: block; content-visibility: visible; opacity: 1; } 57.2047% { display: none; content-visibility: hidden; opacity: 0; } 67.3717% { display: none; content-visibility: hidden; opacity: 0; } 67.3727%, 67.5231% { display: block; content-visibility: visible; opacity: 1; } 67.5241% { display: none; content-visibility: hidden; opacity: 0; } 85.8231% { display: none; content-visibility: hidden; opacity: 0; } 85.8241%, 85.9745% { display: block; content-visibility: visible; opacity: 1; } 85.9755% { display: none; content-visibility: hidden; opacity: 0; } 99.7143% { display: none; content-visibility: hidden; opacity: 0; } 99.7153%, 99.8657% { display: block; content-visibility: visible; opacity: 1; } 99.8667% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-km-crash0 { --x: 41.9%; --y: 18.1%; --kd: calc(mod(calc(var(--ev-clock) + 324.6s), 4320s) + 4.5s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-crash0:checked) .kml-crash { display: block; --x: 41.9%; --y: 18.1%; }
.nj-km-crash1 { --x: 46.8%; --y: 80.0%; --kd: calc(mod(calc(var(--ev-clock) + 644.7s), 4320s) + 4.5s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-crash1:checked) .kml-crash { display: block; --x: 46.8%; --y: 80.0%; }
.nj-km-crash2 { --x: 23.5%; --y: 77.7%; --kd: calc(mod(calc(var(--ev-clock) + 1106.3s), 4320s) + 4.5s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-crash2:checked) .kml-crash { display: block; --x: 23.5%; --y: 77.7%; }
.nj-km-crash3 { --x: 16.2%; --y: 38.3%; --kd: calc(mod(calc(var(--ev-clock) + 1703.5s), 4320s) + 4.5s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-crash3:checked) .kml-crash { display: block; --x: 16.2%; --y: 38.3%; }
.nj-km-crash4 { --x: 40.0%; --y: 53.2%; --kd: calc(mod(calc(var(--ev-clock) + 2246.1s), 4320s) + 4.5s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-crash4:checked) .kml-crash { display: block; --x: 40.0%; --y: 53.2%; }
.nj-km-crash5 { --x: 48.8%; --y: 59.9%; --kd: calc(mod(calc(var(--ev-clock) + 2464.7s), 4320s) + 4.5s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-crash5:checked) .kml-crash { display: block; --x: 48.8%; --y: 59.9%; }
.nj-km-crash6 { --x: 56.8%; --y: 89.6%; --kd: calc(mod(calc(var(--ev-clock) + 2910.5s), 4320s) + 4.5s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-crash6:checked) .kml-crash { display: block; --x: 56.8%; --y: 89.6%; }
.nj-km-crash7 { --x: 22.1%; --y: 8.0%; --kd: calc(mod(calc(var(--ev-clock) + 3707.6s), 4320s) + 4.5s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-crash7:checked) .kml-crash { display: block; --x: 22.1%; --y: 8.0%; }
.nj-km-crash8 { --x: 12.4%; --y: 8.3%; --kd: calc(mod(calc(var(--ev-clock) + 4307.7s), 4320s) + 4.5s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-crash8:checked) .kml-crash { display: block; --x: 12.4%; --y: 8.3%; }
.nj-e-crash { --x: 41.9%; --y: 18.1%; --a: 143deg; animation: nj-hop-crash 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-crash { 0% { --x: 12.4%; --y: 8.3%; --a: 143deg; } 7.5023% { --x: 41.9%; --y: 18.1%; --a: 143deg; } 14.912% { --x: 46.8%; --y: 80.0%; --a: 228deg; } 25.5972% { --x: 23.5%; --y: 77.7%; --a: 71deg; } 39.4213% { --x: 16.2%; --y: 38.3%; --a: 340deg; } 51.9815% { --x: 40.0%; --y: 53.2%; --a: 46deg; } 57.0417% { --x: 48.8%; --y: 59.9%; --a: 358deg; } 67.3611% { --x: 56.8%; --y: 89.6%; --a: 207deg; } 85.8125% { --x: 22.1%; --y: 8.0%; --a: 326deg; } 99.7037% { --x: 12.4%; --y: 8.3%; --a: 143deg; } }
.nj-e-crash .nj-g { animation: nj-g-crash 4320s infinite var(--ev-clock); }
@keyframes nj-gl-crash { 0% { display: none; content-visibility: hidden; opacity: 0; } 7.5129% { display: none; content-visibility: hidden; opacity: 0; } 7.5139%, 7.956% { display: block; content-visibility: visible; opacity: 1; } 7.957% { display: none; content-visibility: hidden; opacity: 0; } 14.9226% { display: none; content-visibility: hidden; opacity: 0; } 14.9236%, 15.3333% { display: block; content-visibility: visible; opacity: 1; } 15.3343% { display: none; content-visibility: hidden; opacity: 0; } 25.6078% { display: none; content-visibility: hidden; opacity: 0; } 25.6088%, 25.9398% { display: block; content-visibility: visible; opacity: 1; } 25.9408% { display: none; content-visibility: hidden; opacity: 0; } 39.4319% { display: none; content-visibility: hidden; opacity: 0; } 39.4329%, 40.0116% { display: block; content-visibility: visible; opacity: 1; } 40.0126% { display: none; content-visibility: hidden; opacity: 0; } 51.9921% { display: none; content-visibility: hidden; opacity: 0; } 51.9931%, 52.4352% { display: block; content-visibility: visible; opacity: 1; } 52.4362% { display: none; content-visibility: hidden; opacity: 0; } 57.0522% { display: none; content-visibility: hidden; opacity: 0; } 57.0532%, 57.4815% { display: block; content-visibility: visible; opacity: 1; } 57.4825% { display: none; content-visibility: hidden; opacity: 0; } 67.3717% { display: none; content-visibility: hidden; opacity: 0; } 67.3727%, 67.6759% { display: block; content-visibility: visible; opacity: 1; } 67.6769% { display: none; content-visibility: hidden; opacity: 0; } 85.8231% { display: none; content-visibility: hidden; opacity: 0; } 85.8241%, 86.125% { display: block; content-visibility: visible; opacity: 1; } 86.126% { display: none; content-visibility: hidden; opacity: 0; } 99.7143% { display: none; content-visibility: hidden; opacity: 0; } 99.7153%, 99.99% { display: block; content-visibility: visible; opacity: 1; } 99.991% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-crash .nj-g { animation: nj-gl-crash 4320s infinite var(--ev-clock); }
.nj-l-crash .sky-log { --n: 26; }
@keyframes nj-g-station { 0% { display: none; content-visibility: hidden; opacity: 0; } 4.8138% { display: none; content-visibility: hidden; opacity: 0; } 4.8148%, 5.0556% { display: block; content-visibility: visible; opacity: 1; } 5.0566% { display: none; content-visibility: hidden; opacity: 0; } 19.0916% { display: none; content-visibility: hidden; opacity: 0; } 19.0926%, 19.3333% { display: block; content-visibility: visible; opacity: 1; } 19.3343% { display: none; content-visibility: hidden; opacity: 0; } 29.7559% { display: none; content-visibility: hidden; opacity: 0; } 29.7569%, 29.9977% { display: block; content-visibility: visible; opacity: 1; } 29.9987% { display: none; content-visibility: hidden; opacity: 0; } 40.8879% { display: none; content-visibility: hidden; opacity: 0; } 40.8889%, 41.1296% { display: block; content-visibility: visible; opacity: 1; } 41.1306% { display: none; content-visibility: hidden; opacity: 0; } 53.8509% { display: none; content-visibility: hidden; opacity: 0; } 53.8519%, 54.0926% { display: block; content-visibility: visible; opacity: 1; } 54.0936% { display: none; content-visibility: hidden; opacity: 0; } 65.7884% { display: none; content-visibility: hidden; opacity: 0; } 65.7894%, 66.0301% { display: block; content-visibility: visible; opacity: 1; } 66.0311% { display: none; content-visibility: hidden; opacity: 0; } 71.3856% { display: none; content-visibility: hidden; opacity: 0; } 71.3866%, 71.6273% { display: block; content-visibility: visible; opacity: 1; } 71.6283% { display: none; content-visibility: hidden; opacity: 0; } 87.6911% { display: none; content-visibility: hidden; opacity: 0; } 87.6921%, 87.9329% { display: block; content-visibility: visible; opacity: 1; } 87.9339% { display: none; content-visibility: hidden; opacity: 0; } 90.4087% { display: none; content-visibility: hidden; opacity: 0; } 90.4097%, 90.6505% { display: block; content-visibility: visible; opacity: 1; } 90.6515% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-e-station { --x: 89.3%; --y: 26.6%; --a: 99deg; animation: nj-hop-station 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-station { 0% { --x: 33.2%; --y: 60.9%; --a: 32deg; } 4.8032% { --x: 89.3%; --y: 26.6%; --a: 99deg; } 19.081% { --x: 5.4%; --y: 54.0%; --a: 122deg; } 29.7454% { --x: 28.6%; --y: 70.2%; --a: 248deg; } 40.8773% { --x: 25.7%; --y: 29.7%; --a: 338deg; } 53.8403% { --x: 65.0%; --y: 39.2%; --a: 317deg; } 65.7778% { --x: 87.8%; --y: 12.4%; --a: 59deg; } 71.375% { --x: 46.5%; --y: 71.9%; --a: 341deg; } 87.6806% { --x: 37.4%; --y: 84.6%; --a: 58deg; } 90.3981% { --x: 33.2%; --y: 60.9%; --a: 32deg; } }
.nj-e-station .nj-g { animation: nj-g-station 4320s infinite var(--ev-clock); }
@keyframes nj-gl-station { 0% { display: none; content-visibility: hidden; opacity: 0; } 4.8138% { display: none; content-visibility: hidden; opacity: 0; } 4.8148%, 5.1227% { display: block; content-visibility: visible; opacity: 1; } 5.1237% { display: none; content-visibility: hidden; opacity: 0; } 19.0916% { display: none; content-visibility: hidden; opacity: 0; } 19.0926%, 19.5764% { display: block; content-visibility: visible; opacity: 1; } 19.5774% { display: none; content-visibility: hidden; opacity: 0; } 29.7559% { display: none; content-visibility: hidden; opacity: 0; } 29.7569%, 30.1111% { display: block; content-visibility: visible; opacity: 1; } 30.1121% { display: none; content-visibility: hidden; opacity: 0; } 40.8879% { display: none; content-visibility: hidden; opacity: 0; } 40.8889%, 41.3495% { display: block; content-visibility: visible; opacity: 1; } 41.3505% { display: none; content-visibility: hidden; opacity: 0; } 53.8509% { display: none; content-visibility: hidden; opacity: 0; } 53.8519%, 54.3079% { display: block; content-visibility: visible; opacity: 1; } 54.3089% { display: none; content-visibility: hidden; opacity: 0; } 65.7884% { display: none; content-visibility: hidden; opacity: 0; } 65.7894%, 66.287% { display: block; content-visibility: visible; opacity: 1; } 66.288% { display: none; content-visibility: hidden; opacity: 0; } 71.3856% { display: none; content-visibility: hidden; opacity: 0; } 71.3866%, 71.8148% { display: block; content-visibility: visible; opacity: 1; } 71.8158% { display: none; content-visibility: hidden; opacity: 0; } 87.6911% { display: none; content-visibility: hidden; opacity: 0; } 87.6921%, 88.1505% { display: block; content-visibility: visible; opacity: 1; } 88.1515% { display: none; content-visibility: hidden; opacity: 0; } 90.4087% { display: none; content-visibility: hidden; opacity: 0; } 90.4097%, 91.0208% { display: block; content-visibility: visible; opacity: 1; } 91.0218% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-station .nj-g { animation: nj-gl-station 4320s infinite var(--ev-clock); }
.nj-l-station .sky-log { --n: 24; }
@keyframes nj-g-comet { 0% { display: none; content-visibility: hidden; opacity: 0; } 0.4851% { display: none; content-visibility: hidden; opacity: 0; } 0.4861%, 0.9028% { display: block; content-visibility: visible; opacity: 1; } 0.9038% { display: none; content-visibility: hidden; opacity: 0; } 21.7814% { display: none; content-visibility: hidden; opacity: 0; } 21.7824%, 22.1991% { display: block; content-visibility: visible; opacity: 1; } 22.2001% { display: none; content-visibility: hidden; opacity: 0; } 25.9481% { display: none; content-visibility: hidden; opacity: 0; } 25.9491%, 26.3657% { display: block; content-visibility: visible; opacity: 1; } 26.3667% { display: none; content-visibility: hidden; opacity: 0; } 36.5962% { display: none; content-visibility: hidden; opacity: 0; } 36.5972%, 37.0139% { display: block; content-visibility: visible; opacity: 1; } 37.0149% { display: none; content-visibility: hidden; opacity: 0; } 48.1703% { display: none; content-visibility: hidden; opacity: 0; } 48.1713%, 48.588% { display: block; content-visibility: visible; opacity: 1; } 48.589% { display: none; content-visibility: hidden; opacity: 0; } 56.5036% { display: none; content-visibility: hidden; opacity: 0; } 56.5046%, 56.9213% { display: block; content-visibility: visible; opacity: 1; } 56.9223% { display: none; content-visibility: hidden; opacity: 0; } 73.1703% { display: none; content-visibility: hidden; opacity: 0; } 73.1713%, 73.588% { display: block; content-visibility: visible; opacity: 1; } 73.589% { display: none; content-visibility: hidden; opacity: 0; } 86.5962% { display: none; content-visibility: hidden; opacity: 0; } 86.5972%, 87.0139% { display: block; content-visibility: visible; opacity: 1; } 87.0149% { display: none; content-visibility: hidden; opacity: 0; } 93.5407% { display: none; content-visibility: hidden; opacity: 0; } 93.5417%, 93.9583% { display: block; content-visibility: visible; opacity: 1; } 93.9593% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-e-comet { --x: -3.0%; --y: 38.4%; --a: 21deg; animation: nj-hop-comet 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-comet { 0% { --x: -3.0%; --y: 26.4%; --a: 30deg; } 0.4745% { --x: -3.0%; --y: 38.4%; --a: 21deg; } 21.7708% { --x: -3.0%; --y: 43.9%; --a: 19deg; } 25.9375% { --x: -3.0%; --y: 19.2%; --a: 34deg; } 36.5856% { --x: -3.0%; --y: 43.3%; --a: 16deg; } 48.1597% { --x: -3.0%; --y: 9.6%; --a: 27deg; } 56.4931% { --x: -3.0%; --y: 30.0%; --a: 15deg; } 73.1597% { --x: -3.0%; --y: 41.1%; --a: 21deg; } 86.5856% { --x: -3.0%; --y: 16.0%; --a: 8deg; } 93.5301% { --x: -3.0%; --y: 26.4%; --a: 30deg; } }
.nj-e-comet .nj-g { animation: nj-g-comet 4320s infinite var(--ev-clock); }
@keyframes nj-gl-comet { 0% { display: none; content-visibility: hidden; opacity: 0; } 0.4851% { display: none; content-visibility: hidden; opacity: 0; } 0.4861%, 0.9815% { display: block; content-visibility: visible; opacity: 1; } 0.9825% { display: none; content-visibility: hidden; opacity: 0; } 21.7814% { display: none; content-visibility: hidden; opacity: 0; } 21.7824%, 22.2384% { display: block; content-visibility: visible; opacity: 1; } 22.2394% { display: none; content-visibility: hidden; opacity: 0; } 25.9481% { display: none; content-visibility: hidden; opacity: 0; } 25.9491%, 26.4236% { display: block; content-visibility: visible; opacity: 1; } 26.4246% { display: none; content-visibility: hidden; opacity: 0; } 36.5962% { display: none; content-visibility: hidden; opacity: 0; } 36.5972%, 37.2894% { display: block; content-visibility: visible; opacity: 1; } 37.2904% { display: none; content-visibility: hidden; opacity: 0; } 48.1703% { display: none; content-visibility: hidden; opacity: 0; } 48.1713%, 48.7755% { display: block; content-visibility: visible; opacity: 1; } 48.7765% { display: none; content-visibility: hidden; opacity: 0; } 56.5036% { display: none; content-visibility: hidden; opacity: 0; } 56.5046%, 57.044% { display: block; content-visibility: visible; opacity: 1; } 57.045% { display: none; content-visibility: hidden; opacity: 0; } 73.1703% { display: none; content-visibility: hidden; opacity: 0; } 73.1713%, 73.6921% { display: block; content-visibility: visible; opacity: 1; } 73.6931% { display: none; content-visibility: hidden; opacity: 0; } 86.5962% { display: none; content-visibility: hidden; opacity: 0; } 86.5972%, 87.1366% { display: block; content-visibility: visible; opacity: 1; } 87.1376% { display: none; content-visibility: hidden; opacity: 0; } 93.5407% { display: none; content-visibility: hidden; opacity: 0; } 93.5417%, 94.1759% { display: block; content-visibility: visible; opacity: 1; } 94.1769% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-comet .nj-g { animation: nj-gl-comet 4320s infinite var(--ev-clock); }
.nj-l-comet .sky-log { --n: 19; }
.nj-ftl { --plot: 4.50s; --dur: 15s; }
.nj-ftl .nj-at0 { animation-delay: 0.00s; }
.nj-ftl .nj-ar0 { animation-delay: 4.80s; }
.nj-ftl .nj-at1 { animation-delay: 1.31s; }
.nj-ftl .nj-ar1 { animation-delay: 6.60s; }
.nj-ftl .nj-at2 { animation-delay: 2.51s; }
.nj-ftl .nj-ar2 { animation-delay: 8.40s; }
.nj-ftl .nj-at3 { animation-delay: 3.60s; }
.nj-ftl .nj-ar3 { animation-delay: 10.20s; }
.nj-ftl .nj-at4 { animation-delay: 4.50s; }
.nj-ftl .nj-ar4 { animation-delay: 12.00s; }
@keyframes nj-done-ftl { 0% { stroke-dashoffset: 1.0000; } 32% { stroke-dashoffset: 1.0000; } 33.68% { stroke-dashoffset: 1.0000; animation-timing-function: cubic-bezier(.45, 0, .55, 1); } 44% { stroke-dashoffset: 0.7094; } 45.68% { stroke-dashoffset: 0.7094; animation-timing-function: cubic-bezier(.45, 0, .55, 1); } 56% { stroke-dashoffset: 0.4433; } 57.68% { stroke-dashoffset: 0.4433; animation-timing-function: cubic-bezier(.45, 0, .55, 1); } 68% { stroke-dashoffset: 0.2008; } 69.68% { stroke-dashoffset: 0.2008; animation-timing-function: cubic-bezier(.45, 0, .55, 1); } 80% { stroke-dashoffset: 0.0000; } 83% { stroke-dashoffset: 0.0000; animation-timing-function: linear; } 93% { stroke-dashoffset: -1.0000; } 100% { stroke-dashoffset: -1.0000; } }
.nj-ftl .ev-done { animation: nj-done-ftl 15s forwards; }
.nj-ftl .nj-at0 { animation: ev-in .4s ease-out 0.00s forwards, ev-out .5s 12.45s forwards; }
.nj-ftl .nj-at1 { animation: ev-in .4s ease-out 1.31s forwards, ev-out .5s 12.89s forwards; }
.nj-ftl .nj-at2 { animation: ev-in .4s ease-out 2.51s forwards, ev-out .5s 13.29s forwards; }
.nj-ftl .nj-at3 { animation: ev-in .4s ease-out 3.60s forwards, ev-out .5s 13.65s forwards; }
.nj-ftl .ev-path { animation: ev-flow 1.6s linear infinite, ev-in .6s var(--plot) forwards, ev-out 1.50s 12.45s forwards; }
.ev-graph.nj-ftl { animation-name: ev-graphfade-ship; }
@keyframes nj-g-ftl { 0% { display: none; content-visibility: hidden; opacity: 0; } 4.2351% { display: none; content-visibility: hidden; opacity: 0; } 4.2361%, 4.5833% { display: block; content-visibility: visible; opacity: 1; } 4.5843% { display: none; content-visibility: hidden; opacity: 0; } 18.5638% { display: none; content-visibility: hidden; opacity: 0; } 18.5648%, 18.912% { display: block; content-visibility: visible; opacity: 1; } 18.913% { display: none; content-visibility: hidden; opacity: 0; } 28.7328% { display: none; content-visibility: hidden; opacity: 0; } 28.7338%, 29.081% { display: block; content-visibility: visible; opacity: 1; } 29.082% { display: none; content-visibility: hidden; opacity: 0; } 35.2143% { display: none; content-visibility: hidden; opacity: 0; } 35.2153%, 35.5625% { display: block; content-visibility: visible; opacity: 1; } 35.5635% { display: none; content-visibility: hidden; opacity: 0; } 51.4643% { display: none; content-visibility: hidden; opacity: 0; } 51.4653%, 51.8125% { display: block; content-visibility: visible; opacity: 1; } 51.8135% { display: none; content-visibility: hidden; opacity: 0; } 63.955% { display: none; content-visibility: hidden; opacity: 0; } 63.956%, 64.3032% { display: block; content-visibility: visible; opacity: 1; } 64.3042% { display: none; content-visibility: hidden; opacity: 0; } 75.0384% { display: none; content-visibility: hidden; opacity: 0; } 75.0394%, 75.3866% { display: block; content-visibility: visible; opacity: 1; } 75.3876% { display: none; content-visibility: hidden; opacity: 0; } 83.8578% { display: none; content-visibility: hidden; opacity: 0; } 83.8588%, 84.206% { display: block; content-visibility: visible; opacity: 1; } 84.207% { display: none; content-visibility: hidden; opacity: 0; } 97.286% { display: none; content-visibility: hidden; opacity: 0; } 97.287%, 97.6343% { display: block; content-visibility: visible; opacity: 1; } 97.6353% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-e-ftl { --x: 13.1%; --y: 52.1%; --a: 0deg; animation: nj-hop-ftl 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-ftl { 0% { --x: 42.6%; --y: 53.6%; --a: 0deg; } 4.2245% { --x: 13.1%; --y: 52.1%; --a: 0deg; } 18.5532% { --x: 23.1%; --y: 66.1%; --a: 0deg; } 28.7222% { --x: 10.3%; --y: 35.7%; --a: 0deg; } 35.2037% { --x: 28.4%; --y: 37.9%; --a: 0deg; } 51.4537% { --x: 14.5%; --y: 62.9%; --a: 0deg; } 63.9444% { --x: 21.1%; --y: 55.6%; --a: 0deg; } 75.0278% { --x: 17.4%; --y: 60.7%; --a: 0deg; } 83.8472% { --x: 28.3%; --y: 46.9%; --a: 0deg; } 97.2755% { --x: 42.6%; --y: 53.6%; --a: 0deg; } }
.nj-e-ftl .nj-g { animation: nj-g-ftl 4320s infinite var(--ev-clock); }
@keyframes nj-gl-ftl { 0% { display: none; content-visibility: hidden; opacity: 0; } 4.2351% { display: none; content-visibility: hidden; opacity: 0; } 4.2361%, 4.8056% { display: block; content-visibility: visible; opacity: 1; } 4.8066% { display: none; content-visibility: hidden; opacity: 0; } 18.5638% { display: none; content-visibility: hidden; opacity: 0; } 18.5648%, 19.0833% { display: block; content-visibility: visible; opacity: 1; } 19.0843% { display: none; content-visibility: hidden; opacity: 0; } 28.7328% { display: none; content-visibility: hidden; opacity: 0; } 28.7338%, 29.2963% { display: block; content-visibility: visible; opacity: 1; } 29.2973% { display: none; content-visibility: hidden; opacity: 0; } 35.2143% { display: none; content-visibility: hidden; opacity: 0; } 35.2153%, 35.7361% { display: block; content-visibility: visible; opacity: 1; } 35.7371% { display: none; content-visibility: hidden; opacity: 0; } 51.4643% { display: none; content-visibility: hidden; opacity: 0; } 51.4653%, 51.9838% { display: block; content-visibility: visible; opacity: 1; } 51.9848% { display: none; content-visibility: hidden; opacity: 0; } 63.955% { display: none; content-visibility: hidden; opacity: 0; } 63.956%, 64.4074% { display: block; content-visibility: visible; opacity: 1; } 64.4084% { display: none; content-visibility: hidden; opacity: 0; } 75.0384% { display: none; content-visibility: hidden; opacity: 0; } 75.0394%, 75.4907% { display: block; content-visibility: visible; opacity: 1; } 75.4917% { display: none; content-visibility: hidden; opacity: 0; } 83.8578% { display: none; content-visibility: hidden; opacity: 0; } 83.8588%, 84.3449% { display: block; content-visibility: visible; opacity: 1; } 84.3459% { display: none; content-visibility: hidden; opacity: 0; } 97.286% { display: none; content-visibility: hidden; opacity: 0; } 97.287%, 97.7662% { display: block; content-visibility: visible; opacity: 1; } 97.7672% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-ftl .nj-g { animation: nj-gl-ftl 4320s infinite var(--ev-clock); }
.nj-l-ftl .sky-log { --n: 35; }
.nj-e-hole { --sd: 8.4s; }
@keyframes nj-g-hole { 0% { display: none; content-visibility: hidden; opacity: 0; } 2.411% { display: none; content-visibility: hidden; opacity: 0; } 2.412%, 2.6065% { display: block; content-visibility: visible; opacity: 1; } 2.6075% { display: none; content-visibility: hidden; opacity: 0; } 20.8786% { display: none; content-visibility: hidden; opacity: 0; } 20.8796%, 21.0741% { display: block; content-visibility: visible; opacity: 1; } 21.0751% { display: none; content-visibility: hidden; opacity: 0; } 31.6147% { display: none; content-visibility: hidden; opacity: 0; } 31.6157%, 31.8102% { display: block; content-visibility: visible; opacity: 1; } 31.8112% { display: none; content-visibility: hidden; opacity: 0; } 37.5684% { display: none; content-visibility: hidden; opacity: 0; } 37.5694%, 37.7639% { display: block; content-visibility: visible; opacity: 1; } 37.7649% { display: none; content-visibility: hidden; opacity: 0; } 50.9874% { display: none; content-visibility: hidden; opacity: 0; } 50.9884%, 51.1829% { display: block; content-visibility: visible; opacity: 1; } 51.1839% { display: none; content-visibility: hidden; opacity: 0; } 63.0985% { display: none; content-visibility: hidden; opacity: 0; } 63.0995%, 63.294% { display: block; content-visibility: visible; opacity: 1; } 63.295% { display: none; content-visibility: hidden; opacity: 0; } 71.8231% { display: none; content-visibility: hidden; opacity: 0; } 71.8241%, 72.0185% { display: block; content-visibility: visible; opacity: 1; } 72.0195% { display: none; content-visibility: hidden; opacity: 0; } 78.8578% { display: none; content-visibility: hidden; opacity: 0; } 78.8588%, 79.0532% { display: block; content-visibility: visible; opacity: 1; } 79.0542% { display: none; content-visibility: hidden; opacity: 0; } 91.7768% { display: none; content-visibility: hidden; opacity: 0; } 91.7778%, 91.9722% { display: block; content-visibility: visible; opacity: 1; } 91.9732% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-km-hole0 { --x: 50.6%; --y: 88.3%; --kd: calc(mod(calc(var(--ev-clock) + 104.2s), 4320s) + 6.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-hole0:checked) .kml-hole { display: block; --x: 50.6%; --y: 88.3%; }
.nj-km-hole1 { --x: 17.3%; --y: 14.1%; --kd: calc(mod(calc(var(--ev-clock) + 902.0s), 4320s) + 6.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-hole1:checked) .kml-hole { display: block; --x: 17.3%; --y: 14.1%; }
.nj-km-hole2 { --x: 14.1%; --y: 58.4%; --kd: calc(mod(calc(var(--ev-clock) + 1365.8s), 4320s) + 6.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-hole2:checked) .kml-hole { display: block; --x: 14.1%; --y: 58.4%; }
.nj-km-hole3 { --x: 61.1%; --y: 82.9%; --kd: calc(mod(calc(var(--ev-clock) + 1623.0s), 4320s) + 6.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-hole3:checked) .kml-hole { display: block; --x: 61.1%; --y: 82.9%; }
.nj-km-hole4 { --x: 17.9%; --y: 73.9%; --kd: calc(mod(calc(var(--ev-clock) + 2202.7s), 4320s) + 6.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-hole4:checked) .kml-hole { display: block; --x: 17.9%; --y: 73.9%; }
.nj-km-hole5 { --x: 15.7%; --y: 48.2%; --kd: calc(mod(calc(var(--ev-clock) + 2725.9s), 4320s) + 6.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-hole5:checked) .kml-hole { display: block; --x: 15.7%; --y: 48.2%; }
.nj-km-hole6 { --x: 8.9%; --y: 20.0%; --kd: calc(mod(calc(var(--ev-clock) + 3102.8s), 4320s) + 6.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-hole6:checked) .kml-hole { display: block; --x: 8.9%; --y: 20.0%; }
.nj-km-hole7 { --x: 33.7%; --y: 55.0%; --kd: calc(mod(calc(var(--ev-clock) + 3406.7s), 4320s) + 6.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-hole7:checked) .kml-hole { display: block; --x: 33.7%; --y: 55.0%; }
.nj-km-hole8 { --x: 87.3%; --y: 64.7%; --kd: calc(mod(calc(var(--ev-clock) + 3964.8s), 4320s) + 6.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-hole8:checked) .kml-hole { display: block; --x: 87.3%; --y: 64.7%; }
.nj-e-hole { --x: 50.6%; --y: 88.3%; --a: 0deg; animation: nj-hop-hole 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-hole { 0% { --x: 87.3%; --y: 64.7%; --a: 0deg; } 2.4005% { --x: 50.6%; --y: 88.3%; --a: 0deg; } 20.8681% { --x: 17.3%; --y: 14.1%; --a: 0deg; } 31.6042% { --x: 14.1%; --y: 58.4%; --a: 0deg; } 37.5579% { --x: 61.1%; --y: 82.9%; --a: 0deg; } 50.9769% { --x: 17.9%; --y: 73.9%; --a: 0deg; } 63.088% { --x: 15.7%; --y: 48.2%; --a: 0deg; } 71.8125% { --x: 8.9%; --y: 20.0%; --a: 0deg; } 78.8472% { --x: 33.7%; --y: 55.0%; --a: 0deg; } 91.7662% { --x: 87.3%; --y: 64.7%; --a: 0deg; } }
.nj-e-hole .nj-g { animation: nj-g-hole 4320s infinite var(--ev-clock); }
@keyframes nj-gl-hole { 0% { display: none; content-visibility: hidden; opacity: 0; } 2.411% { display: none; content-visibility: hidden; opacity: 0; } 2.412%, 2.9653% { display: block; content-visibility: visible; opacity: 1; } 2.9663% { display: none; content-visibility: hidden; opacity: 0; } 20.8786% { display: none; content-visibility: hidden; opacity: 0; } 20.8796%, 21.331% { display: block; content-visibility: visible; opacity: 1; } 21.332% { display: none; content-visibility: hidden; opacity: 0; } 31.6147% { display: none; content-visibility: hidden; opacity: 0; } 31.6157%, 32.0162% { display: block; content-visibility: visible; opacity: 1; } 32.0172% { display: none; content-visibility: hidden; opacity: 0; } 37.5684% { display: none; content-visibility: hidden; opacity: 0; } 37.5694%, 38.1065% { display: block; content-visibility: visible; opacity: 1; } 38.1075% { display: none; content-visibility: hidden; opacity: 0; } 50.9874% { display: none; content-visibility: hidden; opacity: 0; } 50.9884%, 51.456% { display: block; content-visibility: visible; opacity: 1; } 51.457% { display: none; content-visibility: hidden; opacity: 0; } 63.0985% { display: none; content-visibility: hidden; opacity: 0; } 63.0995%, 63.5556% { display: block; content-visibility: visible; opacity: 1; } 63.5566% { display: none; content-visibility: hidden; opacity: 0; } 71.8231% { display: none; content-visibility: hidden; opacity: 0; } 71.8241%, 72.5694% { display: block; content-visibility: visible; opacity: 1; } 72.5704% { display: none; content-visibility: hidden; opacity: 0; } 78.8578% { display: none; content-visibility: hidden; opacity: 0; } 78.8588%, 79.2546% { display: block; content-visibility: visible; opacity: 1; } 79.2556% { display: none; content-visibility: hidden; opacity: 0; } 91.7768% { display: none; content-visibility: hidden; opacity: 0; } 91.7778%, 92.1528% { display: block; content-visibility: visible; opacity: 1; } 92.1538% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-hole .nj-g { animation: nj-gl-hole 4320s infinite var(--ev-clock); }
.nj-l-hole .sky-log { --n: 30; }
@keyframes nj-g-intd { 0% { display: none; content-visibility: hidden; opacity: 0; } 2.9735% { display: none; content-visibility: hidden; opacity: 0; } 2.9745%, 3.1227% { display: block; content-visibility: visible; opacity: 1; } 3.1237% { display: none; content-visibility: hidden; opacity: 0; } 19.5846% { display: none; content-visibility: hidden; opacity: 0; } 19.5856%, 19.7338% { display: block; content-visibility: visible; opacity: 1; } 19.7348% { display: none; content-visibility: hidden; opacity: 0; } 32.5939% { display: none; content-visibility: hidden; opacity: 0; } 32.5949%, 32.7431% { display: block; content-visibility: visible; opacity: 1; } 32.7441% { display: none; content-visibility: hidden; opacity: 0; } 33.8439% { display: none; content-visibility: hidden; opacity: 0; } 33.8449%, 33.9931% { display: block; content-visibility: visible; opacity: 1; } 33.9941% { display: none; content-visibility: hidden; opacity: 0; } 54.7675% { display: none; content-visibility: hidden; opacity: 0; } 54.7685%, 54.9167% { display: block; content-visibility: visible; opacity: 1; } 54.9177% { display: none; content-visibility: hidden; opacity: 0; } 55.8069% { display: none; content-visibility: hidden; opacity: 0; } 55.8079%, 55.956% { display: block; content-visibility: visible; opacity: 1; } 55.957% { display: none; content-visibility: hidden; opacity: 0; } 67.6842% { display: none; content-visibility: hidden; opacity: 0; } 67.6852%, 67.8333% { display: block; content-visibility: visible; opacity: 1; } 67.8343% { display: none; content-visibility: hidden; opacity: 0; } 88.1587% { display: none; content-visibility: hidden; opacity: 0; } 88.1597%, 88.3079% { display: block; content-visibility: visible; opacity: 1; } 88.3089% { display: none; content-visibility: hidden; opacity: 0; } 98.7721% { display: none; content-visibility: hidden; opacity: 0; } 98.7731%, 98.9213% { display: block; content-visibility: visible; opacity: 1; } 98.9223% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-e-intd { --x: 85.7%; --y: 17.7%; --a: -35deg; animation: nj-hop-intd 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-intd { 0% { --x: 6.3%; --y: 79.8%; --a: -16deg; } 2.963% { --x: 85.7%; --y: 17.7%; --a: -35deg; } 19.5741% { --x: 60.1%; --y: 15.4%; --a: 30deg; } 32.5833% { --x: 25.8%; --y: 65.6%; --a: -13deg; } 33.8333% { --x: 12.5%; --y: 5.3%; --a: -6deg; } 54.7569% { --x: 42.5%; --y: 56.8%; --a: -4deg; } 55.7963% { --x: 65.9%; --y: 80.1%; --a: 27deg; } 67.6736% { --x: 4.5%; --y: 31.7%; --a: -36deg; } 88.1481% { --x: 32.8%; --y: 5.1%; --a: -5deg; } 98.7616% { --x: 6.3%; --y: 79.8%; --a: -16deg; } }
.nj-e-intd .nj-g { animation: nj-g-intd 4320s infinite var(--ev-clock); }
@keyframes nj-gl-intd { 0% { display: none; content-visibility: hidden; opacity: 0; } 2.9735% { display: none; content-visibility: hidden; opacity: 0; } 2.9745%, 3.2755% { display: block; content-visibility: visible; opacity: 1; } 3.2765% { display: none; content-visibility: hidden; opacity: 0; } 19.5846% { display: none; content-visibility: hidden; opacity: 0; } 19.5856%, 19.9861% { display: block; content-visibility: visible; opacity: 1; } 19.9871% { display: none; content-visibility: hidden; opacity: 0; } 32.5939% { display: none; content-visibility: hidden; opacity: 0; } 32.5949%, 33.0347% { display: block; content-visibility: visible; opacity: 1; } 33.0357% { display: none; content-visibility: hidden; opacity: 0; } 33.8439% { display: none; content-visibility: hidden; opacity: 0; } 33.8449%, 34.3125% { display: block; content-visibility: visible; opacity: 1; } 34.3135% { display: none; content-visibility: hidden; opacity: 0; } 54.7675% { display: none; content-visibility: hidden; opacity: 0; } 54.7685%, 55.7986% { display: block; content-visibility: visible; opacity: 1; } 55.7996% { display: none; content-visibility: hidden; opacity: 0; } 55.8069% { display: none; content-visibility: hidden; opacity: 0; } 55.8079%, 56.3264% { display: block; content-visibility: visible; opacity: 1; } 56.3274% { display: none; content-visibility: hidden; opacity: 0; } 67.6842% { display: none; content-visibility: hidden; opacity: 0; } 67.6852%, 68.2569% { display: block; content-visibility: visible; opacity: 1; } 68.2579% { display: none; content-visibility: hidden; opacity: 0; } 88.1587% { display: none; content-visibility: hidden; opacity: 0; } 88.1597%, 88.5278% { display: block; content-visibility: visible; opacity: 1; } 88.5288% { display: none; content-visibility: hidden; opacity: 0; } 98.7721% { display: none; content-visibility: hidden; opacity: 0; } 98.7731%, 99.1968% { display: block; content-visibility: visible; opacity: 1; } 99.1978% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-intd .nj-g { animation: nj-gl-intd 4320s infinite var(--ev-clock); }
.nj-l-intd .sky-log { --n: 20; }
.nj-e-rocks { --sd: 9.4s; }
@keyframes nj-g-rocks { 0% { display: none; content-visibility: hidden; opacity: 0; } 9.3809% { display: none; content-visibility: hidden; opacity: 0; } 9.3819%, 9.5995% { display: block; content-visibility: visible; opacity: 1; } 9.6005% { display: none; content-visibility: hidden; opacity: 0; } 19.9944% { display: none; content-visibility: hidden; opacity: 0; } 19.9954%, 20.213% { display: block; content-visibility: visible; opacity: 1; } 20.214% { display: none; content-visibility: hidden; opacity: 0; } 22.2467% { display: none; content-visibility: hidden; opacity: 0; } 22.2477%, 22.4653% { display: block; content-visibility: visible; opacity: 1; } 22.4663% { display: none; content-visibility: hidden; opacity: 0; } 35.7444% { display: none; content-visibility: hidden; opacity: 0; } 35.7454%, 35.963% { display: block; content-visibility: visible; opacity: 1; } 35.964% { display: none; content-visibility: hidden; opacity: 0; } 52.8694% { display: none; content-visibility: hidden; opacity: 0; } 52.8704%, 53.088% { display: block; content-visibility: visible; opacity: 1; } 53.089% { display: none; content-visibility: hidden; opacity: 0; } 66.2953% { display: none; content-visibility: hidden; opacity: 0; } 66.2963%, 66.5139% { display: block; content-visibility: visible; opacity: 1; } 66.5149% { display: none; content-visibility: hidden; opacity: 0; } 70.499% { display: none; content-visibility: hidden; opacity: 0; } 70.5%, 70.7176% { display: block; content-visibility: visible; opacity: 1; } 70.7186% { display: none; content-visibility: hidden; opacity: 0; } 78.3393% { display: none; content-visibility: hidden; opacity: 0; } 78.3403%, 78.5579% { display: block; content-visibility: visible; opacity: 1; } 78.5589% { display: none; content-visibility: hidden; opacity: 0; } 94.1842% { display: none; content-visibility: hidden; opacity: 0; } 94.1852%, 94.4028% { display: block; content-visibility: visible; opacity: 1; } 94.4038% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-km-rocks0 { --x: 22.7%; --y: 36.4%; --kd: calc(mod(calc(var(--ev-clock) + 405.3s), 4320s) + 7.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-rocks0:checked) .kml-rocks { display: block; --x: 22.7%; --y: 36.4%; }
.nj-km-rocks1 { --x: 47.7%; --y: 36.1%; --kd: calc(mod(calc(var(--ev-clock) + 863.8s), 4320s) + 7.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-rocks1:checked) .kml-rocks { display: block; --x: 47.7%; --y: 36.1%; }
.nj-km-rocks2 { --x: 82.9%; --y: 88.8%; --kd: calc(mod(calc(var(--ev-clock) + 961.1s), 4320s) + 7.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-rocks2:checked) .kml-rocks { display: block; --x: 82.9%; --y: 88.8%; }
.nj-km-rocks3 { --x: 81.5%; --y: 27.6%; --kd: calc(mod(calc(var(--ev-clock) + 1544.2s), 4320s) + 7.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-rocks3:checked) .kml-rocks { display: block; --x: 81.5%; --y: 27.6%; }
.nj-km-rocks4 { --x: 88.9%; --y: 53.6%; --kd: calc(mod(calc(var(--ev-clock) + 2284.0s), 4320s) + 7.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-rocks4:checked) .kml-rocks { display: block; --x: 88.9%; --y: 53.6%; }
.nj-km-rocks5 { --x: 81.1%; --y: 61.3%; --kd: calc(mod(calc(var(--ev-clock) + 2864.0s), 4320s) + 7.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-rocks5:checked) .kml-rocks { display: block; --x: 81.1%; --y: 61.3%; }
.nj-km-rocks6 { --x: 35.3%; --y: 43.7%; --kd: calc(mod(calc(var(--ev-clock) + 3045.6s), 4320s) + 7.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-rocks6:checked) .kml-rocks { display: block; --x: 35.3%; --y: 43.7%; }
.nj-km-rocks7 { --x: 11.6%; --y: 89.5%; --kd: calc(mod(calc(var(--ev-clock) + 3384.3s), 4320s) + 7.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-rocks7:checked) .kml-rocks { display: block; --x: 11.6%; --y: 89.5%; }
.nj-km-rocks8 { --x: 66.9%; --y: 65.6%; --kd: calc(mod(calc(var(--ev-clock) + 4068.8s), 4320s) + 7.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-rocks8:checked) .kml-rocks { display: block; --x: 66.9%; --y: 65.6%; }
.nj-e-rocks { --x: 22.7%; --y: 36.4%; --a: 0deg; animation: nj-hop-rocks 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-rocks { 0% { --x: 66.9%; --y: 65.6%; --a: 0deg; } 9.3704% { --x: 22.7%; --y: 36.4%; --a: 0deg; } 19.9838% { --x: 47.7%; --y: 36.1%; --a: 0deg; } 22.2361% { --x: 82.9%; --y: 88.8%; --a: 0deg; } 35.7338% { --x: 81.5%; --y: 27.6%; --a: 0deg; } 52.8588% { --x: 88.9%; --y: 53.6%; --a: 0deg; } 66.2847% { --x: 81.1%; --y: 61.3%; --a: 0deg; } 70.4884% { --x: 35.3%; --y: 43.7%; --a: 0deg; } 78.3287% { --x: 11.6%; --y: 89.5%; --a: 0deg; } 94.1736% { --x: 66.9%; --y: 65.6%; --a: 0deg; } }
.nj-e-rocks .nj-g { animation: nj-g-rocks 4320s infinite var(--ev-clock); }
@keyframes nj-gl-rocks { 0% { display: none; content-visibility: hidden; opacity: 0; } 9.3809% { display: none; content-visibility: hidden; opacity: 0; } 9.3819%, 9.9977% { display: block; content-visibility: visible; opacity: 1; } 9.9987% { display: none; content-visibility: hidden; opacity: 0; } 19.9944% { display: none; content-visibility: hidden; opacity: 0; } 19.9954%, 20.3843% { display: block; content-visibility: visible; opacity: 1; } 20.3853% { display: none; content-visibility: hidden; opacity: 0; } 22.2467% { display: none; content-visibility: hidden; opacity: 0; } 22.2477%, 22.706% { display: block; content-visibility: visible; opacity: 1; } 22.707% { display: none; content-visibility: hidden; opacity: 0; } 35.7444% { display: none; content-visibility: hidden; opacity: 0; } 35.7454%, 36.588% { display: block; content-visibility: visible; opacity: 1; } 36.589% { display: none; content-visibility: hidden; opacity: 0; } 52.8694% { display: none; content-visibility: hidden; opacity: 0; } 52.8704%, 53.4167% { display: block; content-visibility: visible; opacity: 1; } 53.4177% { display: none; content-visibility: hidden; opacity: 0; } 66.2953% { display: none; content-visibility: hidden; opacity: 0; } 66.2963%, 66.8009% { display: block; content-visibility: visible; opacity: 1; } 66.8019% { display: none; content-visibility: hidden; opacity: 0; } 70.499% { display: none; content-visibility: hidden; opacity: 0; } 70.5%, 70.9931% { display: block; content-visibility: visible; opacity: 1; } 70.9941% { display: none; content-visibility: hidden; opacity: 0; } 78.3393% { display: none; content-visibility: hidden; opacity: 0; } 78.3403%, 78.8495% { display: block; content-visibility: visible; opacity: 1; } 78.8505% { display: none; content-visibility: hidden; opacity: 0; } 94.1842% { display: none; content-visibility: hidden; opacity: 0; } 94.1852%, 94.5347% { display: block; content-visibility: visible; opacity: 1; } 94.5357% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-rocks .nj-g { animation: nj-gl-rocks 4320s infinite var(--ev-clock); }
.nj-l-rocks .sky-log { --n: 27; }
.nj-ping { --plot: 1.98s; --dur: 6.6s; }
.nj-ping .nj-at0 { animation-delay: 0.00s; }
.nj-ping .nj-ar0 { animation-delay: 2.38s; }
.nj-ping .nj-ar2 { animation-delay: 5.81s; }
.nj-ping .nj-at1 { animation-delay: 1.98s; }
.nj-ping .nj-ar1 { animation-delay: 4.09s; }
@keyframes nj-gh-ping { 0% { transform: translate(60.0px, 168.1px); opacity: 0; } 36% { transform: translate(60.0px, 168.1px); opacity: 1; } 52.9% { transform: translate(60.0px, 168.1px); opacity: 1; animation-timing-function: cubic-bezier(.7, 0, .3, 1); } 62% { transform: translate(175.2px, 60.0px); opacity: 1; } 78.9% { transform: translate(175.2px, 60.0px); opacity: 1; animation-timing-function: cubic-bezier(.7, 0, .3, 1); } 88% { transform: translate(60.0px, 168.1px); opacity: 1; } 100% { transform: translate(60.0px, 168.1px); opacity: 0; } }
.nj-ping .ev-hop { animation: nj-gh-ping 6.6s forwards; }
@keyframes nj-g-ping { 0% { display: none; content-visibility: hidden; opacity: 0; } 10.0059% { display: none; content-visibility: hidden; opacity: 0; } 10.0069%, 10.1597% { display: block; content-visibility: visible; opacity: 1; } 10.1607% { display: none; content-visibility: hidden; opacity: 0; } 11.837% { display: none; content-visibility: hidden; opacity: 0; } 11.838%, 11.9907% { display: block; content-visibility: visible; opacity: 1; } 11.9917% { display: none; content-visibility: hidden; opacity: 0; } 25.2305% { display: none; content-visibility: hidden; opacity: 0; } 25.2315%, 25.3843% { display: block; content-visibility: visible; opacity: 1; } 25.3853% { display: none; content-visibility: hidden; opacity: 0; } 43.0985% { display: none; content-visibility: hidden; opacity: 0; } 43.0995%, 43.2523% { display: block; content-visibility: visible; opacity: 1; } 43.2533% { display: none; content-visibility: hidden; opacity: 0; } 52.4434% { display: none; content-visibility: hidden; opacity: 0; } 52.4444%, 52.5972% { display: block; content-visibility: visible; opacity: 1; } 52.5982% { display: none; content-visibility: hidden; opacity: 0; } 62.2583% { display: none; content-visibility: hidden; opacity: 0; } 62.2593%, 62.412% { display: block; content-visibility: visible; opacity: 1; } 62.413% { display: none; content-visibility: hidden; opacity: 0; } 69.7166% { display: none; content-visibility: hidden; opacity: 0; } 69.7176%, 69.8704% { display: block; content-visibility: visible; opacity: 1; } 69.8714% { display: none; content-visibility: hidden; opacity: 0; } 81.1263% { display: none; content-visibility: hidden; opacity: 0; } 81.1273%, 81.2801% { display: block; content-visibility: visible; opacity: 1; } 81.2811% { display: none; content-visibility: hidden; opacity: 0; } 95.1495% { display: none; content-visibility: hidden; opacity: 0; } 95.1505%, 95.3032% { display: block; content-visibility: visible; opacity: 1; } 95.3042% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-e-ping { --x: 20.9%; --y: 29.2%; --a: 0deg; animation: nj-hop-ping 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-ping { 0% { --x: 45.5%; --y: 45.5%; --a: 0deg; } 9.9954% { --x: 20.9%; --y: 29.2%; --a: 0deg; } 11.8264% { --x: 24.4%; --y: 30.1%; --a: 0deg; } 25.2199% { --x: 52.6%; --y: 19.5%; --a: 0deg; } 43.088% { --x: 43.8%; --y: 37.0%; --a: 0deg; } 52.4329% { --x: 28.3%; --y: 31.5%; --a: 0deg; } 62.2477% { --x: 50.7%; --y: 18.3%; --a: 0deg; } 69.706% { --x: 15.6%; --y: 17.1%; --a: 0deg; } 81.1157% { --x: 27.3%; --y: 25.7%; --a: 0deg; } 95.1389% { --x: 45.5%; --y: 45.5%; --a: 0deg; } }
.nj-e-ping .nj-g { animation: nj-g-ping 4320s infinite var(--ev-clock); }
@keyframes nj-gl-ping { 0% { display: none; content-visibility: hidden; opacity: 0; } 10.0059% { display: none; content-visibility: hidden; opacity: 0; } 10.0069%, 10.7014% { display: block; content-visibility: visible; opacity: 1; } 10.7024% { display: none; content-visibility: hidden; opacity: 0; } 11.837% { display: none; content-visibility: hidden; opacity: 0; } 11.838%, 12.0579% { display: block; content-visibility: visible; opacity: 1; } 12.0589% { display: none; content-visibility: hidden; opacity: 0; } 25.2305% { display: none; content-visibility: hidden; opacity: 0; } 25.2315%, 25.5995% { display: block; content-visibility: visible; opacity: 1; } 25.6005% { display: none; content-visibility: hidden; opacity: 0; } 43.0985% { display: none; content-visibility: hidden; opacity: 0; } 43.0995%, 43.6782% { display: block; content-visibility: visible; opacity: 1; } 43.6792% { display: none; content-visibility: hidden; opacity: 0; } 52.4434% { display: none; content-visibility: hidden; opacity: 0; } 52.4444%, 52.8611% { display: block; content-visibility: visible; opacity: 1; } 52.8621% { display: none; content-visibility: hidden; opacity: 0; } 62.2583% { display: none; content-visibility: hidden; opacity: 0; } 62.2593%, 63.0903% { display: block; content-visibility: visible; opacity: 1; } 63.0913% { display: none; content-visibility: hidden; opacity: 0; } 69.7166% { display: none; content-visibility: hidden; opacity: 0; } 69.7176%, 69.963% { display: block; content-visibility: visible; opacity: 1; } 69.964% { display: none; content-visibility: hidden; opacity: 0; } 81.1263% { display: none; content-visibility: hidden; opacity: 0; } 81.1273%, 81.6343% { display: block; content-visibility: visible; opacity: 1; } 81.6353% { display: none; content-visibility: hidden; opacity: 0; } 95.1495% { display: none; content-visibility: hidden; opacity: 0; } 95.1505%, 95.4375% { display: block; content-visibility: visible; opacity: 1; } 95.4385% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-ping .nj-g { animation: nj-gl-ping 4320s infinite var(--ev-clock); }
.nj-l-ping .sky-log { --n: 14; }
.nj-e-beacon { --sd: 7.4s; }
@keyframes nj-g-beacon { 0% { display: none; content-visibility: hidden; opacity: 0; } 8.5499% { display: none; content-visibility: hidden; opacity: 0; } 8.5509%, 8.7222% { display: block; content-visibility: visible; opacity: 1; } 8.7232% { display: none; content-visibility: hidden; opacity: 0; } 11.337% { display: none; content-visibility: hidden; opacity: 0; } 11.338%, 11.5093% { display: block; content-visibility: visible; opacity: 1; } 11.5103% { display: none; content-visibility: hidden; opacity: 0; } 26.9481% { display: none; content-visibility: hidden; opacity: 0; } 26.9491%, 27.1204% { display: block; content-visibility: visible; opacity: 1; } 27.1214% { display: none; content-visibility: hidden; opacity: 0; } 40.4157% { display: none; content-visibility: hidden; opacity: 0; } 40.4167%, 40.588% { display: block; content-visibility: visible; opacity: 1; } 40.589% { display: none; content-visibility: hidden; opacity: 0; } 48.7837% { display: none; content-visibility: hidden; opacity: 0; } 48.7847%, 48.956% { display: block; content-visibility: visible; opacity: 1; } 48.957% { display: none; content-visibility: hidden; opacity: 0; } 65.0522% { display: none; content-visibility: hidden; opacity: 0; } 65.0532%, 65.2245% { display: block; content-visibility: visible; opacity: 1; } 65.2255% { display: none; content-visibility: hidden; opacity: 0; } 76.161% { display: none; content-visibility: hidden; opacity: 0; } 76.162%, 76.3333% { display: block; content-visibility: visible; opacity: 1; } 76.3343% { display: none; content-visibility: hidden; opacity: 0; } 88.536% { display: none; content-visibility: hidden; opacity: 0; } 88.537%, 88.7083% { display: block; content-visibility: visible; opacity: 1; } 88.7093% { display: none; content-visibility: hidden; opacity: 0; } 94.543% { display: none; content-visibility: hidden; opacity: 0; } 94.544%, 94.7153% { display: block; content-visibility: visible; opacity: 1; } 94.7163% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-km-beacon0 { --x: 10.0%; --y: 41.6%; --kd: calc(mod(calc(var(--ev-clock) + 369.4s), 4320s) + 5.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-beacon0:checked) .kml-beacon { display: block; --x: 10.0%; --y: 41.6%; }
.nj-km-beacon1 { --x: 69.4%; --y: 8.1%; --kd: calc(mod(calc(var(--ev-clock) + 489.8s), 4320s) + 5.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-beacon1:checked) .kml-beacon { display: block; --x: 69.4%; --y: 8.1%; }
.nj-km-beacon2 { --x: 74.7%; --y: 53.9%; --kd: calc(mod(calc(var(--ev-clock) + 1164.2s), 4320s) + 5.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-beacon2:checked) .kml-beacon { display: block; --x: 74.7%; --y: 53.9%; }
.nj-km-beacon3 { --x: 27.5%; --y: 57.4%; --kd: calc(mod(calc(var(--ev-clock) + 1746.0s), 4320s) + 5.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-beacon3:checked) .kml-beacon { display: block; --x: 27.5%; --y: 57.4%; }
.nj-km-beacon4 { --x: 39.1%; --y: 35.5%; --kd: calc(mod(calc(var(--ev-clock) + 2107.5s), 4320s) + 5.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-beacon4:checked) .kml-beacon { display: block; --x: 39.1%; --y: 35.5%; }
.nj-km-beacon5 { --x: 55.1%; --y: 80.3%; --kd: calc(mod(calc(var(--ev-clock) + 2810.3s), 4320s) + 5.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-beacon5:checked) .kml-beacon { display: block; --x: 55.1%; --y: 80.3%; }
.nj-km-beacon6 { --x: 35.9%; --y: 78.4%; --kd: calc(mod(calc(var(--ev-clock) + 3290.2s), 4320s) + 5.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-beacon6:checked) .kml-beacon { display: block; --x: 35.9%; --y: 78.4%; }
.nj-km-beacon7 { --x: 36.9%; --y: 63.6%; --kd: calc(mod(calc(var(--ev-clock) + 3824.8s), 4320s) + 5.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-beacon7:checked) .kml-beacon { display: block; --x: 36.9%; --y: 63.6%; }
.nj-km-beacon8 { --x: 77.8%; --y: 72.9%; --kd: calc(mod(calc(var(--ev-clock) + 4084.3s), 4320s) + 5.4s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-beacon8:checked) .kml-beacon { display: block; --x: 77.8%; --y: 72.9%; }
.nj-e-beacon { --x: 10.0%; --y: 41.6%; --a: 0deg; animation: nj-hop-beacon 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-beacon { 0% { --x: 77.8%; --y: 72.9%; --a: 0deg; } 8.5394% { --x: 10.0%; --y: 41.6%; --a: 0deg; } 11.3264% { --x: 69.4%; --y: 8.1%; --a: 0deg; } 26.9375% { --x: 74.7%; --y: 53.9%; --a: 0deg; } 40.4051% { --x: 27.5%; --y: 57.4%; --a: 0deg; } 48.7731% { --x: 39.1%; --y: 35.5%; --a: 0deg; } 65.0417% { --x: 55.1%; --y: 80.3%; --a: 0deg; } 76.1505% { --x: 35.9%; --y: 78.4%; --a: 0deg; } 88.5255% { --x: 36.9%; --y: 63.6%; --a: 0deg; } 94.5324% { --x: 77.8%; --y: 72.9%; --a: 0deg; } }
.nj-e-beacon .nj-g { animation: nj-g-beacon 4320s infinite var(--ev-clock); }
@keyframes nj-gl-beacon { 0% { display: none; content-visibility: hidden; opacity: 0; } 8.5499% { display: none; content-visibility: hidden; opacity: 0; } 8.5509%, 9.0347% { display: block; content-visibility: visible; opacity: 1; } 9.0357% { display: none; content-visibility: hidden; opacity: 0; } 11.337% { display: none; content-visibility: hidden; opacity: 0; } 11.338%, 11.8287% { display: block; content-visibility: visible; opacity: 1; } 11.8297% { display: none; content-visibility: hidden; opacity: 0; } 26.9481% { display: none; content-visibility: hidden; opacity: 0; } 26.9491%, 27.4722% { display: block; content-visibility: visible; opacity: 1; } 27.4732% { display: none; content-visibility: hidden; opacity: 0; } 40.4157% { display: none; content-visibility: hidden; opacity: 0; } 40.4167%, 40.8796% { display: block; content-visibility: visible; opacity: 1; } 40.8806% { display: none; content-visibility: hidden; opacity: 0; } 48.7837% { display: none; content-visibility: hidden; opacity: 0; } 48.7847%, 49.2454% { display: block; content-visibility: visible; opacity: 1; } 49.2464% { display: none; content-visibility: hidden; opacity: 0; } 65.0522% { display: none; content-visibility: hidden; opacity: 0; } 65.0532%, 65.4306% { display: block; content-visibility: visible; opacity: 1; } 65.4316% { display: none; content-visibility: hidden; opacity: 0; } 76.161% { display: none; content-visibility: hidden; opacity: 0; } 76.162%, 76.5856% { display: block; content-visibility: visible; opacity: 1; } 76.5866% { display: none; content-visibility: hidden; opacity: 0; } 88.536% { display: none; content-visibility: hidden; opacity: 0; } 88.537%, 88.9167% { display: block; content-visibility: visible; opacity: 1; } 88.9177% { display: none; content-visibility: hidden; opacity: 0; } 94.543% { display: none; content-visibility: hidden; opacity: 0; } 94.544%, 95.1412% { display: block; content-visibility: visible; opacity: 1; } 95.1422% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-beacon .nj-g { animation: nj-gl-beacon 4320s infinite var(--ev-clock); }
.nj-l-beacon .sky-log { --n: 21; }
@keyframes nj-g-nebula { 0% { display: none; content-visibility: hidden; opacity: 0; } 1.4805% { display: none; content-visibility: hidden; opacity: 0; } 1.4815%, 1.8148% { display: block; content-visibility: visible; opacity: 1; } 1.8158% { display: none; content-visibility: hidden; opacity: 0; } 16.2559% { display: none; content-visibility: hidden; opacity: 0; } 16.2569%, 16.5903% { display: block; content-visibility: visible; opacity: 1; } 16.5913% { display: none; content-visibility: hidden; opacity: 0; } 22.7143% { display: none; content-visibility: hidden; opacity: 0; } 22.7153%, 23.0486% { display: block; content-visibility: visible; opacity: 1; } 23.0496% { display: none; content-visibility: hidden; opacity: 0; } 44.0731% { display: none; content-visibility: hidden; opacity: 0; } 44.0741%, 44.4074% { display: block; content-visibility: visible; opacity: 1; } 44.4084% { display: none; content-visibility: hidden; opacity: 0; } 45.4527% { display: none; content-visibility: hidden; opacity: 0; } 45.4537%, 45.787% { display: block; content-visibility: visible; opacity: 1; } 45.788% { display: none; content-visibility: hidden; opacity: 0; } 59.7721% { display: none; content-visibility: hidden; opacity: 0; } 59.7731%, 60.1065% { display: block; content-visibility: visible; opacity: 1; } 60.1075% { display: none; content-visibility: hidden; opacity: 0; } 75.499% { display: none; content-visibility: hidden; opacity: 0; } 75.5%, 75.8333% { display: block; content-visibility: visible; opacity: 1; } 75.8343% { display: none; content-visibility: hidden; opacity: 0; } 82.4319% { display: none; content-visibility: hidden; opacity: 0; } 82.4329%, 82.7662% { display: block; content-visibility: visible; opacity: 1; } 82.7672% { display: none; content-visibility: hidden; opacity: 0; } 96.3393% { display: none; content-visibility: hidden; opacity: 0; } 96.3403%, 96.6736% { display: block; content-visibility: visible; opacity: 1; } 96.6746% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-e-nebula { --x: 86.0%; --y: 36.9%; --a: 85deg; animation: nj-hop-nebula 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-nebula { 0% { --x: 31.0%; --y: 89.6%; --a: 2deg; } 1.4699% { --x: 86.0%; --y: 36.9%; --a: 85deg; } 16.2454% { --x: 4.0%; --y: 73.9%; --a: 10deg; } 22.7037% { --x: 77.0%; --y: 24.8%; --a: 352deg; } 44.0625% { --x: 49.1%; --y: 57.2%; --a: 43deg; } 45.4421% { --x: 89.1%; --y: 8.2%; --a: 182deg; } 59.7616% { --x: 46.7%; --y: 47.4%; --a: 162deg; } 75.4884% { --x: 18.6%; --y: 54.2%; --a: 249deg; } 82.4213% { --x: 29.3%; --y: 46.0%; --a: 33deg; } 96.3287% { --x: 31.0%; --y: 89.6%; --a: 2deg; } }
.nj-e-nebula .nj-g { animation: nj-g-nebula 4320s infinite var(--ev-clock); }
@keyframes nj-gl-nebula { 0% { display: none; content-visibility: hidden; opacity: 0; } 1.4805% { display: none; content-visibility: hidden; opacity: 0; } 1.4815%, 1.8819% { display: block; content-visibility: visible; opacity: 1; } 1.8829% { display: none; content-visibility: hidden; opacity: 0; } 16.2559% { display: none; content-visibility: hidden; opacity: 0; } 16.2569%, 16.6991% { display: block; content-visibility: visible; opacity: 1; } 16.7001% { display: none; content-visibility: hidden; opacity: 0; } 22.7143% { display: none; content-visibility: hidden; opacity: 0; } 22.7153%, 23.6875% { display: block; content-visibility: visible; opacity: 1; } 23.6885% { display: none; content-visibility: hidden; opacity: 0; } 44.0731% { display: none; content-visibility: hidden; opacity: 0; } 44.0741%, 44.4861% { display: block; content-visibility: visible; opacity: 1; } 44.4871% { display: none; content-visibility: hidden; opacity: 0; } 45.4527% { display: none; content-visibility: hidden; opacity: 0; } 45.4537%, 45.9398% { display: block; content-visibility: visible; opacity: 1; } 45.9408% { display: none; content-visibility: hidden; opacity: 0; } 59.7721% { display: none; content-visibility: hidden; opacity: 0; } 59.7731%, 60.2083% { display: block; content-visibility: visible; opacity: 1; } 60.2093% { display: none; content-visibility: hidden; opacity: 0; } 75.499% { display: none; content-visibility: hidden; opacity: 0; } 75.5%, 76.1528% { display: block; content-visibility: visible; opacity: 1; } 76.1538% { display: none; content-visibility: hidden; opacity: 0; } 82.4319% { display: none; content-visibility: hidden; opacity: 0; } 82.4329%, 82.9699% { display: block; content-visibility: visible; opacity: 1; } 82.9709% { display: none; content-visibility: hidden; opacity: 0; } 96.3393% { display: none; content-visibility: hidden; opacity: 0; } 96.3403%, 97.0023% { display: block; content-visibility: visible; opacity: 1; } 97.0033% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-nebula .nj-g { animation: nj-gl-nebula 4320s infinite var(--ev-clock); }
.nj-l-nebula .sky-log { --n: 20; }
.nj-e-kn { --sd: 11.2s; }
@keyframes nj-g-kn { 0% { display: none; content-visibility: hidden; opacity: 0; } 3.2837% { display: none; content-visibility: hidden; opacity: 0; } 3.2847%, 3.544% { display: block; content-visibility: visible; opacity: 1; } 3.545% { display: none; content-visibility: hidden; opacity: 0; } 21.3393% { display: none; content-visibility: hidden; opacity: 0; } 21.3403%, 21.5995% { display: block; content-visibility: visible; opacity: 1; } 21.6005% { display: none; content-visibility: hidden; opacity: 0; } 24.1217% { display: none; content-visibility: hidden; opacity: 0; } 24.1227%, 24.3819% { display: block; content-visibility: visible; opacity: 1; } 24.3829% { display: none; content-visibility: hidden; opacity: 0; } 43.6865% { display: none; content-visibility: hidden; opacity: 0; } 43.6875%, 43.9468% { display: block; content-visibility: visible; opacity: 1; } 43.9478% { display: none; content-visibility: hidden; opacity: 0; } 45.0708% { display: none; content-visibility: hidden; opacity: 0; } 45.0718%, 45.331% { display: block; content-visibility: visible; opacity: 1; } 45.332% { display: none; content-visibility: hidden; opacity: 0; } 58.0013% { display: none; content-visibility: hidden; opacity: 0; } 58.0023%, 58.2616% { display: block; content-visibility: visible; opacity: 1; } 58.2626% { display: none; content-visibility: hidden; opacity: 0; } 72.712% { display: none; content-visibility: hidden; opacity: 0; } 72.713%, 72.9722% { display: block; content-visibility: visible; opacity: 1; } 72.9732% { display: none; content-visibility: hidden; opacity: 0; } 80.6981% { display: none; content-visibility: hidden; opacity: 0; } 80.6991%, 80.9583% { display: block; content-visibility: visible; opacity: 1; } 80.9593% { display: none; content-visibility: hidden; opacity: 0; } 99.205% { display: none; content-visibility: hidden; opacity: 0; } 99.206%, 99.4653% { display: block; content-visibility: visible; opacity: 1; } 99.4663% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-km-kn0 { --x: 64.7%; --y: 54.9%; --kd: calc(mod(calc(var(--ev-clock) + 141.9s), 4320s) + 9.2s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-kn0:checked) .kml-kn { display: block; --x: 64.7%; --y: 54.9%; }
.nj-km-kn1 { --x: 32.8%; --y: 33.9%; --kd: calc(mod(calc(var(--ev-clock) + 921.9s), 4320s) + 9.2s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-kn1:checked) .kml-kn { display: block; --x: 32.8%; --y: 33.9%; }
.nj-km-kn2 { --x: 18.0%; --y: 85.0%; --kd: calc(mod(calc(var(--ev-clock) + 1042.1s), 4320s) + 9.2s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-kn2:checked) .kml-kn { display: block; --x: 18.0%; --y: 85.0%; }
.nj-km-kn3 { --x: 27.5%; --y: 43.8%; --kd: calc(mod(calc(var(--ev-clock) + 1887.3s), 4320s) + 9.2s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-kn3:checked) .kml-kn { display: block; --x: 27.5%; --y: 43.8%; }
.nj-km-kn4 { --x: 43.1%; --y: 62.3%; --kd: calc(mod(calc(var(--ev-clock) + 1947.1s), 4320s) + 9.2s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-kn4:checked) .kml-kn { display: block; --x: 43.1%; --y: 62.3%; }
.nj-km-kn5 { --x: 74.2%; --y: 64.6%; --kd: calc(mod(calc(var(--ev-clock) + 2505.7s), 4320s) + 9.2s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-kn5:checked) .kml-kn { display: block; --x: 74.2%; --y: 64.6%; }
.nj-km-kn6 { --x: 71.6%; --y: 44.4%; --kd: calc(mod(calc(var(--ev-clock) + 3141.2s), 4320s) + 9.2s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-kn6:checked) .kml-kn { display: block; --x: 71.6%; --y: 44.4%; }
.nj-km-kn7 { --x: 26.1%; --y: 15.0%; --kd: calc(mod(calc(var(--ev-clock) + 3486.2s), 4320s) + 9.2s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-kn7:checked) .kml-kn { display: block; --x: 26.1%; --y: 15.0%; }
.nj-km-kn8 { --x: 44.3%; --y: 26.8%; --kd: calc(mod(calc(var(--ev-clock) + 4285.7s), 4320s) + 9.2s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-kn8:checked) .kml-kn { display: block; --x: 44.3%; --y: 26.8%; }
.nj-e-kn { --x: 64.7%; --y: 54.9%; --a: 0deg; animation: nj-hop-kn 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-kn { 0% { --x: 44.3%; --y: 26.8%; --a: 0deg; } 3.2731% { --x: 64.7%; --y: 54.9%; --a: 0deg; } 21.3287% { --x: 32.8%; --y: 33.9%; --a: 0deg; } 24.1111% { --x: 18.0%; --y: 85.0%; --a: 0deg; } 43.6759% { --x: 27.5%; --y: 43.8%; --a: 0deg; } 45.0602% { --x: 43.1%; --y: 62.3%; --a: 0deg; } 57.9907% { --x: 74.2%; --y: 64.6%; --a: 0deg; } 72.7014% { --x: 71.6%; --y: 44.4%; --a: 0deg; } 80.6875% { --x: 26.1%; --y: 15.0%; --a: 0deg; } 99.1944% { --x: 44.3%; --y: 26.8%; --a: 0deg; } }
.nj-e-kn .nj-g { animation: nj-g-kn 4320s infinite var(--ev-clock); }
@keyframes nj-gl-kn { 0% { display: none; content-visibility: hidden; opacity: 0; } 3.2837% { display: none; content-visibility: hidden; opacity: 0; } 3.2847%, 3.7593% { display: block; content-visibility: visible; opacity: 1; } 3.7603% { display: none; content-visibility: hidden; opacity: 0; } 21.3393% { display: none; content-visibility: hidden; opacity: 0; } 21.3403%, 21.7731% { display: block; content-visibility: visible; opacity: 1; } 21.7741% { display: none; content-visibility: hidden; opacity: 0; } 24.1217% { display: none; content-visibility: hidden; opacity: 0; } 24.1227%, 24.581% { display: block; content-visibility: visible; opacity: 1; } 24.582% { display: none; content-visibility: hidden; opacity: 0; } 43.6865% { display: none; content-visibility: hidden; opacity: 0; } 43.6875%, 44.0648% { display: block; content-visibility: visible; opacity: 1; } 44.0658% { display: none; content-visibility: hidden; opacity: 0; } 45.0708% { display: none; content-visibility: hidden; opacity: 0; } 45.0718%, 45.4444% { display: block; content-visibility: visible; opacity: 1; } 45.4454% { display: none; content-visibility: hidden; opacity: 0; } 58.0013% { display: none; content-visibility: hidden; opacity: 0; } 58.0023%, 58.5671% { display: block; content-visibility: visible; opacity: 1; } 58.5681% { display: none; content-visibility: hidden; opacity: 0; } 72.712% { display: none; content-visibility: hidden; opacity: 0; } 72.713%, 73.162% { display: block; content-visibility: visible; opacity: 1; } 73.163% { display: none; content-visibility: hidden; opacity: 0; } 80.6981% { display: none; content-visibility: hidden; opacity: 0; } 80.6991%, 81.1181% { display: block; content-visibility: visible; opacity: 1; } 81.1191% { display: none; content-visibility: hidden; opacity: 0; } 99.205% { display: none; content-visibility: hidden; opacity: 0; } 99.206%, 99.706% { display: block; content-visibility: visible; opacity: 1; } 99.707% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-kn .nj-g { animation: nj-gl-kn 4320s infinite var(--ev-clock); }
.nj-l-kn .sky-log { --n: 30; }
@keyframes nj-g-jg { 0% { display: none; content-visibility: hidden; opacity: 0; } 6.5499% { display: none; content-visibility: hidden; opacity: 0; } 6.5509%, 6.8287% { display: block; content-visibility: visible; opacity: 1; } 6.8297% { display: none; content-visibility: hidden; opacity: 0; } 15.3416% { display: none; content-visibility: hidden; opacity: 0; } 15.3426%, 15.6204% { display: block; content-visibility: visible; opacity: 1; } 15.6214% { display: none; content-visibility: hidden; opacity: 0; } 24.5893% { display: none; content-visibility: hidden; opacity: 0; } 24.5903%, 24.8681% { display: block; content-visibility: visible; opacity: 1; } 24.8691% { display: none; content-visibility: hidden; opacity: 0; } 38.4527% { display: none; content-visibility: hidden; opacity: 0; } 38.4537%, 38.7315% { display: block; content-visibility: visible; opacity: 1; } 38.7325% { display: none; content-visibility: hidden; opacity: 0; } 50.0684% { display: none; content-visibility: hidden; opacity: 0; } 50.0694%, 50.3472% { display: block; content-visibility: visible; opacity: 1; } 50.3482% { display: none; content-visibility: hidden; opacity: 0; } 64.4157% { display: none; content-visibility: hidden; opacity: 0; } 64.4167%, 64.6944% { display: block; content-visibility: visible; opacity: 1; } 64.6954% { display: none; content-visibility: hidden; opacity: 0; } 76.8971% { display: none; content-visibility: hidden; opacity: 0; } 76.8981%, 77.1759% { display: block; content-visibility: visible; opacity: 1; } 77.1769% { display: none; content-visibility: hidden; opacity: 0; } 84.3532% { display: none; content-visibility: hidden; opacity: 0; } 84.3542%, 84.6319% { display: block; content-visibility: visible; opacity: 1; } 84.6329% { display: none; content-visibility: hidden; opacity: 0; } 95.8995% { display: none; content-visibility: hidden; opacity: 0; } 95.9005%, 96.1782% { display: block; content-visibility: visible; opacity: 1; } 96.1792% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-e-jg { --x: 30.7%; --y: 36.0%; --a: 0deg; animation: nj-hop-jg 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-jg { 0% { --x: 58.0%; --y: 70.0%; --a: 0deg; } 6.5394% { --x: 30.7%; --y: 36.0%; --a: 0deg; } 15.331% { --x: 46.1%; --y: 63.8%; --a: 0deg; } 24.5787% { --x: 37.7%; --y: 36.8%; --a: 0deg; } 38.4421% { --x: 73.7%; --y: 90.7%; --a: 0deg; } 50.0579% { --x: 6.2%; --y: 31.7%; --a: 0deg; } 64.4051% { --x: 31.8%; --y: 64.3%; --a: 0deg; } 76.8866% { --x: 12.4%; --y: 40.0%; --a: 0deg; } 84.3426% { --x: 14.1%; --y: 40.4%; --a: 0deg; } 95.8889% { --x: 58.0%; --y: 70.0%; --a: 0deg; } }
.nj-e-jg .nj-g { animation: nj-g-jg 4320s infinite var(--ev-clock); }
@keyframes nj-gl-jg { 0% { display: none; content-visibility: hidden; opacity: 0; } 6.5499% { display: none; content-visibility: hidden; opacity: 0; } 6.5509%, 7.1065% { display: block; content-visibility: visible; opacity: 1; } 7.1075% { display: none; content-visibility: hidden; opacity: 0; } 15.3416% { display: none; content-visibility: hidden; opacity: 0; } 15.3426%, 15.8171% { display: block; content-visibility: visible; opacity: 1; } 15.8181% { display: none; content-visibility: hidden; opacity: 0; } 24.5893% { display: none; content-visibility: hidden; opacity: 0; } 24.5903%, 25.2222% { display: block; content-visibility: visible; opacity: 1; } 25.2232% { display: none; content-visibility: hidden; opacity: 0; } 38.4527% { display: none; content-visibility: hidden; opacity: 0; } 38.4537%, 38.9583% { display: block; content-visibility: visible; opacity: 1; } 38.9593% { display: none; content-visibility: hidden; opacity: 0; } 50.0684% { display: none; content-visibility: hidden; opacity: 0; } 50.0694%, 50.544% { display: block; content-visibility: visible; opacity: 1; } 50.545% { display: none; content-visibility: hidden; opacity: 0; } 64.4157% { display: none; content-visibility: hidden; opacity: 0; } 64.4167%, 65.044% { display: block; content-visibility: visible; opacity: 1; } 65.045% { display: none; content-visibility: hidden; opacity: 0; } 76.8971% { display: none; content-visibility: hidden; opacity: 0; } 76.8981%, 77.3472% { display: block; content-visibility: visible; opacity: 1; } 77.3482% { display: none; content-visibility: hidden; opacity: 0; } 84.3532% { display: none; content-visibility: hidden; opacity: 0; } 84.3542%, 84.7384% { display: block; content-visibility: visible; opacity: 1; } 84.7394% { display: none; content-visibility: hidden; opacity: 0; } 95.8995% { display: none; content-visibility: hidden; opacity: 0; } 95.9005%, 96.331% { display: block; content-visibility: visible; opacity: 1; } 96.332% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-jg .nj-g { animation: nj-gl-jg 4320s infinite var(--ev-clock); }
.nj-l-jg .sky-log { --n: 30; }
@keyframes nj-g-fw { 0% { display: none; content-visibility: hidden; opacity: 0; } 10.7096% { display: none; content-visibility: hidden; opacity: 0; } 10.7106%, 10.9144% { display: block; content-visibility: visible; opacity: 1; } 10.9154% { display: none; content-visibility: hidden; opacity: 0; } 12.0661% { display: none; content-visibility: hidden; opacity: 0; } 12.0671%, 12.2708% { display: block; content-visibility: visible; opacity: 1; } 12.2718% { display: none; content-visibility: hidden; opacity: 0; } 27.4805% { display: none; content-visibility: hidden; opacity: 0; } 27.4815%, 27.6852% { display: block; content-visibility: visible; opacity: 1; } 27.6862% { display: none; content-visibility: hidden; opacity: 0; } 38.1147% { display: none; content-visibility: hidden; opacity: 0; } 38.1157%, 38.3194% { display: block; content-visibility: visible; opacity: 1; } 38.3204% { display: none; content-visibility: hidden; opacity: 0; } 44.4944% { display: none; content-visibility: hidden; opacity: 0; } 44.4954%, 44.6991% { display: block; content-visibility: visible; opacity: 1; } 44.7001% { display: none; content-visibility: hidden; opacity: 0; } 58.9365% { display: none; content-visibility: hidden; opacity: 0; } 58.9375%, 59.1412% { display: block; content-visibility: visible; opacity: 1; } 59.1422% { display: none; content-visibility: hidden; opacity: 0; } 76.5939% { display: none; content-visibility: hidden; opacity: 0; } 76.5949%, 76.7986% { display: block; content-visibility: visible; opacity: 1; } 76.7996% { display: none; content-visibility: hidden; opacity: 0; } 87.1448% { display: none; content-visibility: hidden; opacity: 0; } 87.1458%, 87.3495% { display: block; content-visibility: visible; opacity: 1; } 87.3505% { display: none; content-visibility: hidden; opacity: 0; } 92.668% { display: none; content-visibility: hidden; opacity: 0; } 92.669%, 92.8727% { display: block; content-visibility: visible; opacity: 1; } 92.8737% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-e-fw { --x: 33.3%; --y: 37.5%; --a: 248deg; animation: nj-hop-fw 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-fw { 0% { --x: 42.9%; --y: 34.4%; --a: 59deg; } 10.6991% { --x: 33.3%; --y: 37.5%; --a: 248deg; } 12.0556% { --x: 82.1%; --y: 52.8%; --a: 101deg; } 27.4699% { --x: 89.1%; --y: 29.6%; --a: 251deg; } 38.1042% { --x: 57.4%; --y: 81.3%; --a: 173deg; } 44.4838% { --x: 40.3%; --y: 84.0%; --a: 219deg; } 58.9259% { --x: 10.8%; --y: 61.3%; --a: 357deg; } 76.5833% { --x: 46.1%; --y: 84.0%; --a: 199deg; } 87.1343% { --x: 44.5%; --y: 77.2%; --a: 64deg; } 92.6574% { --x: 42.9%; --y: 34.4%; --a: 59deg; } }
.nj-e-fw .nj-g { animation: nj-g-fw 4320s infinite var(--ev-clock); }
@keyframes nj-gl-fw { 0% { display: none; content-visibility: hidden; opacity: 0; } 10.7096% { display: none; content-visibility: hidden; opacity: 0; } 10.7106%, 11.3287% { display: block; content-visibility: visible; opacity: 1; } 11.3297% { display: none; content-visibility: hidden; opacity: 0; } 12.0661% { display: none; content-visibility: hidden; opacity: 0; } 12.0671%, 12.7454% { display: block; content-visibility: visible; opacity: 1; } 12.7464% { display: none; content-visibility: hidden; opacity: 0; } 27.4805% { display: none; content-visibility: hidden; opacity: 0; } 27.4815%, 27.8287% { display: block; content-visibility: visible; opacity: 1; } 27.8297% { display: none; content-visibility: hidden; opacity: 0; } 38.1147% { display: none; content-visibility: hidden; opacity: 0; } 38.1157%, 38.4444% { display: block; content-visibility: visible; opacity: 1; } 38.4454% { display: none; content-visibility: hidden; opacity: 0; } 44.4944% { display: none; content-visibility: hidden; opacity: 0; } 44.4954%, 45.0625% { display: block; content-visibility: visible; opacity: 1; } 45.0635% { display: none; content-visibility: hidden; opacity: 0; } 58.9365% { display: none; content-visibility: hidden; opacity: 0; } 58.9375%, 59.331% { display: block; content-visibility: visible; opacity: 1; } 59.332% { display: none; content-visibility: hidden; opacity: 0; } 76.5939% { display: none; content-visibility: hidden; opacity: 0; } 76.5949%, 76.8889% { display: block; content-visibility: visible; opacity: 1; } 76.8899% { display: none; content-visibility: hidden; opacity: 0; } 87.1448% { display: none; content-visibility: hidden; opacity: 0; } 87.1458%, 87.6829% { display: block; content-visibility: visible; opacity: 1; } 87.6839% { display: none; content-visibility: hidden; opacity: 0; } 92.668% { display: none; content-visibility: hidden; opacity: 0; } 92.669%, 93.1944% { display: block; content-visibility: visible; opacity: 1; } 93.1954% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-fw .nj-g { animation: nj-gl-fw 4320s infinite var(--ev-clock); }
.nj-l-fw .sky-log { --n: 35; }
.nj-e-mg { --sd: 9.6s; }
@keyframes nj-g-mg { 0% { display: none; content-visibility: hidden; opacity: 0; } 7.9643% { display: none; content-visibility: hidden; opacity: 0; } 7.9653%, 8.1875% { display: block; content-visibility: visible; opacity: 1; } 8.1885% { display: none; content-visibility: hidden; opacity: 0; } 13.0777% { display: none; content-visibility: hidden; opacity: 0; } 13.0787%, 13.3009% { display: block; content-visibility: visible; opacity: 1; } 13.3019% { display: none; content-visibility: hidden; opacity: 0; } 31.1147% { display: none; content-visibility: hidden; opacity: 0; } 31.1157%, 31.338% { display: block; content-visibility: visible; opacity: 1; } 31.339% { display: none; content-visibility: hidden; opacity: 0; } 33.3856% { display: none; content-visibility: hidden; opacity: 0; } 33.3866%, 33.6088% { display: block; content-visibility: visible; opacity: 1; } 33.6098% { display: none; content-visibility: hidden; opacity: 0; } 53.4249% { display: none; content-visibility: hidden; opacity: 0; } 53.4259%, 53.6481% { display: block; content-visibility: visible; opacity: 1; } 53.6491% { display: none; content-visibility: hidden; opacity: 0; } 63.5638% { display: none; content-visibility: hidden; opacity: 0; } 63.5648%, 63.787% { display: block; content-visibility: visible; opacity: 1; } 63.788% { display: none; content-visibility: hidden; opacity: 0; } 74.7073% { display: none; content-visibility: hidden; opacity: 0; } 74.7083%, 74.9306% { display: block; content-visibility: visible; opacity: 1; } 74.9316% { display: none; content-visibility: hidden; opacity: 0; } 83.3578% { display: none; content-visibility: hidden; opacity: 0; } 83.3588%, 83.581% { display: block; content-visibility: visible; opacity: 1; } 83.582% { display: none; content-visibility: hidden; opacity: 0; } 93.2027% { display: none; content-visibility: hidden; opacity: 0; } 93.2037%, 93.4259% { display: block; content-visibility: visible; opacity: 1; } 93.4269% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-km-mg0 { --x: 41.2%; --y: 8.1%; --kd: calc(mod(calc(var(--ev-clock) + 344.1s), 4320s) + 7.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-mg0:checked) .kml-mg { display: block; --x: 41.2%; --y: 8.1%; }
.nj-km-mg1 { --x: 57.8%; --y: 25.7%; --kd: calc(mod(calc(var(--ev-clock) + 565.0s), 4320s) + 7.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-mg1:checked) .kml-mg { display: block; --x: 57.8%; --y: 25.7%; }
.nj-km-mg2 { --x: 55.8%; --y: 9.3%; --kd: calc(mod(calc(var(--ev-clock) + 1344.2s), 4320s) + 7.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-mg2:checked) .kml-mg { display: block; --x: 55.8%; --y: 9.3%; }
.nj-km-mg3 { --x: 48.9%; --y: 48.1%; --kd: calc(mod(calc(var(--ev-clock) + 1442.3s), 4320s) + 7.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-mg3:checked) .kml-mg { display: block; --x: 48.9%; --y: 48.1%; }
.nj-km-mg4 { --x: 89.6%; --y: 26.2%; --kd: calc(mod(calc(var(--ev-clock) + 2308.0s), 4320s) + 7.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-mg4:checked) .kml-mg { display: block; --x: 89.6%; --y: 26.2%; }
.nj-km-mg5 { --x: 8.2%; --y: 31.5%; --kd: calc(mod(calc(var(--ev-clock) + 2746.0s), 4320s) + 7.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-mg5:checked) .kml-mg { display: block; --x: 8.2%; --y: 31.5%; }
.nj-km-mg6 { --x: 81.3%; --y: 49.7%; --kd: calc(mod(calc(var(--ev-clock) + 3227.4s), 4320s) + 7.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-mg6:checked) .kml-mg { display: block; --x: 81.3%; --y: 49.7%; }
.nj-km-mg7 { --x: 50.9%; --y: 71.5%; --kd: calc(mod(calc(var(--ev-clock) + 3601.1s), 4320s) + 7.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-mg7:checked) .kml-mg { display: block; --x: 50.9%; --y: 71.5%; }
.nj-km-mg8 { --x: 31.6%; --y: 69.0%; --kd: calc(mod(calc(var(--ev-clock) + 4026.4s), 4320s) + 7.6s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-mg8:checked) .kml-mg { display: block; --x: 31.6%; --y: 69.0%; }
.nj-e-mg { --x: 41.2%; --y: 8.1%; --a: 98deg; animation: nj-hop-mg 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-mg { 0% { --x: 31.6%; --y: 69.0%; --a: 312deg; } 7.9537% { --x: 41.2%; --y: 8.1%; --a: 98deg; } 13.0671% { --x: 57.8%; --y: 25.7%; --a: 348deg; } 31.1042% { --x: 55.8%; --y: 9.3%; --a: 229deg; } 33.375% { --x: 48.9%; --y: 48.1%; --a: 57deg; } 53.4144% { --x: 89.6%; --y: 26.2%; --a: 323deg; } 63.5532% { --x: 8.2%; --y: 31.5%; --a: 221deg; } 74.6968% { --x: 81.3%; --y: 49.7%; --a: 233deg; } 83.3472% { --x: 50.9%; --y: 71.5%; --a: 136deg; } 93.1921% { --x: 31.6%; --y: 69.0%; --a: 312deg; } }
.nj-e-mg .nj-g { animation: nj-g-mg 4320s infinite var(--ev-clock); }
@keyframes nj-gl-mg { 0% { display: none; content-visibility: hidden; opacity: 0; } 7.9643% { display: none; content-visibility: hidden; opacity: 0; } 7.9653%, 8.5417% { display: block; content-visibility: visible; opacity: 1; } 8.5427% { display: none; content-visibility: hidden; opacity: 0; } 13.0777% { display: none; content-visibility: hidden; opacity: 0; } 13.0787%, 13.7338% { display: block; content-visibility: visible; opacity: 1; } 13.7348% { display: none; content-visibility: hidden; opacity: 0; } 31.1147% { display: none; content-visibility: hidden; opacity: 0; } 31.1157%, 31.6065% { display: block; content-visibility: visible; opacity: 1; } 31.6075% { display: none; content-visibility: hidden; opacity: 0; } 33.3856% { display: none; content-visibility: hidden; opacity: 0; } 33.3866%, 33.8356% { display: block; content-visibility: visible; opacity: 1; } 33.8366% { display: none; content-visibility: hidden; opacity: 0; } 53.4249% { display: none; content-visibility: hidden; opacity: 0; } 53.4259%, 53.8426% { display: block; content-visibility: visible; opacity: 1; } 53.8436% { display: none; content-visibility: hidden; opacity: 0; } 63.5638% { display: none; content-visibility: hidden; opacity: 0; } 63.5648%, 63.9468% { display: block; content-visibility: visible; opacity: 1; } 63.9478% { display: none; content-visibility: hidden; opacity: 0; } 74.7073% { display: none; content-visibility: hidden; opacity: 0; } 74.7083%, 75.0301% { display: block; content-visibility: visible; opacity: 1; } 75.0311% { display: none; content-visibility: hidden; opacity: 0; } 83.3578% { display: none; content-visibility: hidden; opacity: 0; } 83.3588%, 83.8495% { display: block; content-visibility: visible; opacity: 1; } 83.8505% { display: none; content-visibility: hidden; opacity: 0; } 93.2027% { display: none; content-visibility: hidden; opacity: 0; } 93.2037%, 93.5324% { display: block; content-visibility: visible; opacity: 1; } 93.5334% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-mg .nj-g { animation: nj-gl-mg 4320s infinite var(--ev-clock); }
.nj-l-mg .sky-log { --n: 25; }
.nj-e-au { --sd: 12s; }
@keyframes nj-g-au { 0% { display: none; content-visibility: hidden; opacity: 0; } 0.9897% { display: none; content-visibility: hidden; opacity: 0; } 0.9907%, 1.2685% { display: block; content-visibility: visible; opacity: 1; } 1.2695% { display: none; content-visibility: hidden; opacity: 0; } 17.2745% { display: none; content-visibility: hidden; opacity: 0; } 17.2755%, 17.5532% { display: block; content-visibility: visible; opacity: 1; } 17.5542% { display: none; content-visibility: hidden; opacity: 0; } 32.0245% { display: none; content-visibility: hidden; opacity: 0; } 32.0255%, 32.3032% { display: block; content-visibility: visible; opacity: 1; } 32.3042% { display: none; content-visibility: hidden; opacity: 0; } 41.8046% { display: none; content-visibility: hidden; opacity: 0; } 41.8056%, 42.0833% { display: block; content-visibility: visible; opacity: 1; } 42.0843% { display: none; content-visibility: hidden; opacity: 0; } 50.5522% { display: none; content-visibility: hidden; opacity: 0; } 50.5532%, 50.831% { display: block; content-visibility: visible; opacity: 1; } 50.832% { display: none; content-visibility: hidden; opacity: 0; } 61.1981% { display: none; content-visibility: hidden; opacity: 0; } 61.1991%, 61.4769% { display: block; content-visibility: visible; opacity: 1; } 61.4779% { display: none; content-visibility: hidden; opacity: 0; } 73.7004% { display: none; content-visibility: hidden; opacity: 0; } 73.7014%, 73.9792% { display: block; content-visibility: visible; opacity: 1; } 73.9802% { display: none; content-visibility: hidden; opacity: 0; } 86.1333% { display: none; content-visibility: hidden; opacity: 0; } 86.1343%, 86.412% { display: block; content-visibility: visible; opacity: 1; } 86.413% { display: none; content-visibility: hidden; opacity: 0; } 89.5013% { display: none; content-visibility: hidden; opacity: 0; } 89.5023%, 89.7801% { display: block; content-visibility: visible; opacity: 1; } 89.7811% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-km-au0 { --x: 21.1%; --y: 23.4%; --kd: calc(mod(calc(var(--ev-clock) + 42.8s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-au0:checked) .kml-au { display: block; --x: 21.1%; --y: 23.4%; }
.nj-km-au1 { --x: 71.2%; --y: 33.5%; --kd: calc(mod(calc(var(--ev-clock) + 746.3s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-au1:checked) .kml-au { display: block; --x: 71.2%; --y: 33.5%; }
.nj-km-au2 { --x: 40.3%; --y: 88.9%; --kd: calc(mod(calc(var(--ev-clock) + 1383.5s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-au2:checked) .kml-au { display: block; --x: 40.3%; --y: 88.9%; }
.nj-km-au3 { --x: 62.6%; --y: 8.4%; --kd: calc(mod(calc(var(--ev-clock) + 1806.0s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-au3:checked) .kml-au { display: block; --x: 62.6%; --y: 8.4%; }
.nj-km-au4 { --x: 60.1%; --y: 46.9%; --kd: calc(mod(calc(var(--ev-clock) + 2183.9s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-au4:checked) .kml-au { display: block; --x: 60.1%; --y: 46.9%; }
.nj-km-au5 { --x: 88.8%; --y: 42.3%; --kd: calc(mod(calc(var(--ev-clock) + 2643.8s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-au5:checked) .kml-au { display: block; --x: 88.8%; --y: 42.3%; }
.nj-km-au6 { --x: 8.4%; --y: 51.8%; --kd: calc(mod(calc(var(--ev-clock) + 3183.9s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-au6:checked) .kml-au { display: block; --x: 8.4%; --y: 51.8%; }
.nj-km-au7 { --x: 9.3%; --y: 65.7%; --kd: calc(mod(calc(var(--ev-clock) + 3721.0s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-au7:checked) .kml-au { display: block; --x: 9.3%; --y: 65.7%; }
.nj-km-au8 { --x: 51.2%; --y: 24.5%; --kd: calc(mod(calc(var(--ev-clock) + 3866.5s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-au8:checked) .kml-au { display: block; --x: 51.2%; --y: 24.5%; }
.nj-e-au { --x: 21.1%; --y: 23.4%; --a: 0deg; animation: nj-hop-au 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-au { 0% { --x: 51.2%; --y: 24.5%; --a: 0deg; } 0.9792% { --x: 21.1%; --y: 23.4%; --a: 0deg; } 17.2639% { --x: 71.2%; --y: 33.5%; --a: 0deg; } 32.0139% { --x: 40.3%; --y: 88.9%; --a: 0deg; } 41.794% { --x: 62.6%; --y: 8.4%; --a: 0deg; } 50.5417% { --x: 60.1%; --y: 46.9%; --a: 0deg; } 61.1875% { --x: 88.8%; --y: 42.3%; --a: 0deg; } 73.6898% { --x: 8.4%; --y: 51.8%; --a: 0deg; } 86.1227% { --x: 9.3%; --y: 65.7%; --a: 0deg; } 89.4907% { --x: 51.2%; --y: 24.5%; --a: 0deg; } }
.nj-e-au .nj-g { animation: nj-g-au 4320s infinite var(--ev-clock); }
@keyframes nj-gl-au { 0% { display: none; content-visibility: hidden; opacity: 0; } 0.9897% { display: none; content-visibility: hidden; opacity: 0; } 0.9907%, 1.4722% { display: block; content-visibility: visible; opacity: 1; } 1.4732% { display: none; content-visibility: hidden; opacity: 0; } 17.2745% { display: none; content-visibility: hidden; opacity: 0; } 17.2755%, 17.7245% { display: block; content-visibility: visible; opacity: 1; } 17.7255% { display: none; content-visibility: hidden; opacity: 0; } 32.0245% { display: none; content-visibility: hidden; opacity: 0; } 32.0255%, 32.5856% { display: block; content-visibility: visible; opacity: 1; } 32.5866% { display: none; content-visibility: hidden; opacity: 0; } 41.8046% { display: none; content-visibility: hidden; opacity: 0; } 41.8056%, 42.1667% { display: block; content-visibility: visible; opacity: 1; } 42.1677% { display: none; content-visibility: hidden; opacity: 0; } 50.5522% { display: none; content-visibility: hidden; opacity: 0; } 50.5532%, 50.9792% { display: block; content-visibility: visible; opacity: 1; } 50.9802% { display: none; content-visibility: hidden; opacity: 0; } 61.1981% { display: none; content-visibility: hidden; opacity: 0; } 61.1991%, 61.6296% { display: block; content-visibility: visible; opacity: 1; } 61.6306% { display: none; content-visibility: hidden; opacity: 0; } 73.7004% { display: none; content-visibility: hidden; opacity: 0; } 73.7014%, 74.1412% { display: block; content-visibility: visible; opacity: 1; } 74.1422% { display: none; content-visibility: hidden; opacity: 0; } 86.1333% { display: none; content-visibility: hidden; opacity: 0; } 86.1343%, 86.588% { display: block; content-visibility: visible; opacity: 1; } 86.589% { display: none; content-visibility: hidden; opacity: 0; } 89.5013% { display: none; content-visibility: hidden; opacity: 0; } 89.5023%, 89.9259% { display: block; content-visibility: visible; opacity: 1; } 89.9269% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-au .nj-g { animation: nj-gl-au 4320s infinite var(--ev-clock); }
.nj-l-au .sky-log { --n: 28; }
.nj-e-dy { --sd: 12s; }
@keyframes nj-g-dy { 0% { display: none; content-visibility: hidden; opacity: 0; } 5.1309% { display: none; content-visibility: hidden; opacity: 0; } 5.1319%, 5.4097% { display: block; content-visibility: visible; opacity: 1; } 5.4107% { display: none; content-visibility: hidden; opacity: 0; } 13.9805% { display: none; content-visibility: hidden; opacity: 0; } 13.9815%, 14.2593% { display: block; content-visibility: visible; opacity: 1; } 14.2603% { display: none; content-visibility: hidden; opacity: 0; } 27.837% { display: none; content-visibility: hidden; opacity: 0; } 27.838%, 28.1157% { display: block; content-visibility: visible; opacity: 1; } 28.1167% { display: none; content-visibility: hidden; opacity: 0; } 38.9666% { display: none; content-visibility: hidden; opacity: 0; } 38.9676%, 39.2454% { display: block; content-visibility: visible; opacity: 1; } 39.2464% { display: none; content-visibility: hidden; opacity: 0; } 46.3346% { display: none; content-visibility: hidden; opacity: 0; } 46.3356%, 46.6134% { display: block; content-visibility: visible; opacity: 1; } 46.6144% { display: none; content-visibility: hidden; opacity: 0; } 59.3393% { display: none; content-visibility: hidden; opacity: 0; } 59.3403%, 59.6181% { display: block; content-visibility: visible; opacity: 1; } 59.6191% { display: none; content-visibility: hidden; opacity: 0; } 69.9712% { display: none; content-visibility: hidden; opacity: 0; } 69.9722%, 70.25% { display: block; content-visibility: visible; opacity: 1; } 70.251% { display: none; content-visibility: hidden; opacity: 0; } 85.2421% { display: none; content-visibility: hidden; opacity: 0; } 85.2431%, 85.5208% { display: block; content-visibility: visible; opacity: 1; } 85.5218% { display: none; content-visibility: hidden; opacity: 0; } 89.9342% { display: none; content-visibility: hidden; opacity: 0; } 89.9352%, 90.213% { display: block; content-visibility: visible; opacity: 1; } 90.214% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-km-dy0 { --x: 54.9%; --y: 57.7%; --kd: calc(mod(calc(var(--ev-clock) + 221.7s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-dy0:checked) .kml-dy { display: block; --x: 54.9%; --y: 57.7%; }
.nj-km-dy1 { --x: 24.4%; --y: 67.4%; --kd: calc(mod(calc(var(--ev-clock) + 604.0s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-dy1:checked) .kml-dy { display: block; --x: 24.4%; --y: 67.4%; }
.nj-km-dy2 { --x: 67.3%; --y: 89.4%; --kd: calc(mod(calc(var(--ev-clock) + 1202.6s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-dy2:checked) .kml-dy { display: block; --x: 67.3%; --y: 89.4%; }
.nj-km-dy3 { --x: 91.7%; --y: 74.7%; --kd: calc(mod(calc(var(--ev-clock) + 1683.4s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-dy3:checked) .kml-dy { display: block; --x: 91.7%; --y: 74.7%; }
.nj-km-dy4 { --x: 63.6%; --y: 35.1%; --kd: calc(mod(calc(var(--ev-clock) + 2001.7s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-dy4:checked) .kml-dy { display: block; --x: 63.6%; --y: 35.1%; }
.nj-km-dy5 { --x: 35.7%; --y: 23.3%; --kd: calc(mod(calc(var(--ev-clock) + 2563.5s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-dy5:checked) .kml-dy { display: block; --x: 35.7%; --y: 23.3%; }
.nj-km-dy6 { --x: 6.4%; --y: 9.2%; --kd: calc(mod(calc(var(--ev-clock) + 3022.8s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-dy6:checked) .kml-dy { display: block; --x: 6.4%; --y: 9.2%; }
.nj-km-dy7 { --x: 25.4%; --y: 89.0%; --kd: calc(mod(calc(var(--ev-clock) + 3682.5s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-dy7:checked) .kml-dy { display: block; --x: 25.4%; --y: 89.0%; }
.nj-km-dy8 { --x: 33.3%; --y: 89.5%; --kd: calc(mod(calc(var(--ev-clock) + 3885.2s), 4320s) + 10s); animation: nj-keepl 900s linear var(--kd) forwards; }
html:has(#km-dy8:checked) .kml-dy { display: block; --x: 33.3%; --y: 89.5%; }
.nj-e-dy { --x: 54.9%; --y: 57.7%; --a: 0deg; animation: nj-hop-dy 4320s step-end infinite var(--ev-clock); }
@keyframes nj-hop-dy { 0% { --x: 33.3%; --y: 89.5%; --a: 0deg; } 5.1204% { --x: 54.9%; --y: 57.7%; --a: 0deg; } 13.9699% { --x: 24.4%; --y: 67.4%; --a: 0deg; } 27.8264% { --x: 67.3%; --y: 89.4%; --a: 0deg; } 38.956% { --x: 91.7%; --y: 74.7%; --a: 0deg; } 46.3241% { --x: 63.6%; --y: 35.1%; --a: 0deg; } 59.3287% { --x: 35.7%; --y: 23.3%; --a: 0deg; } 69.9606% { --x: 6.4%; --y: 9.2%; --a: 0deg; } 85.2315% { --x: 25.4%; --y: 89.0%; --a: 0deg; } 89.9236% { --x: 33.3%; --y: 89.5%; --a: 0deg; } }
.nj-e-dy .nj-g { animation: nj-g-dy 4320s infinite var(--ev-clock); }
@keyframes nj-gl-dy { 0% { display: none; content-visibility: hidden; opacity: 0; } 5.1309% { display: none; content-visibility: hidden; opacity: 0; } 5.1319%, 5.6319% { display: block; content-visibility: visible; opacity: 1; } 5.6329% { display: none; content-visibility: hidden; opacity: 0; } 13.9805% { display: none; content-visibility: hidden; opacity: 0; } 13.9815%, 14.9144% { display: block; content-visibility: visible; opacity: 1; } 14.9154% { display: none; content-visibility: hidden; opacity: 0; } 27.837% { display: none; content-visibility: hidden; opacity: 0; } 27.838%, 28.4375% { display: block; content-visibility: visible; opacity: 1; } 28.4385% { display: none; content-visibility: hidden; opacity: 0; } 38.9666% { display: none; content-visibility: hidden; opacity: 0; } 38.9676%, 39.4236% { display: block; content-visibility: visible; opacity: 1; } 39.4246% { display: none; content-visibility: hidden; opacity: 0; } 46.3346% { display: none; content-visibility: hidden; opacity: 0; } 46.3356%, 46.8681% { display: block; content-visibility: visible; opacity: 1; } 46.8691% { display: none; content-visibility: hidden; opacity: 0; } 59.3393% { display: none; content-visibility: hidden; opacity: 0; } 59.3403%, 59.7639% { display: block; content-visibility: visible; opacity: 1; } 59.7649% { display: none; content-visibility: hidden; opacity: 0; } 69.9712% { display: none; content-visibility: hidden; opacity: 0; } 69.9722%, 70.4907% { display: block; content-visibility: visible; opacity: 1; } 70.4917% { display: none; content-visibility: hidden; opacity: 0; } 85.2421% { display: none; content-visibility: hidden; opacity: 0; } 85.2431%, 85.8148% { display: block; content-visibility: visible; opacity: 1; } 85.8158% { display: none; content-visibility: hidden; opacity: 0; } 89.9342% { display: none; content-visibility: hidden; opacity: 0; } 89.9352%, 90.4005% { display: block; content-visibility: visible; opacity: 1; } 90.4015% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
.nj-l-dy .nj-g { animation: nj-gl-dy 4320s infinite var(--ev-clock); }
.nj-l-dy .sky-log { --n: 29; }
@keyframes nj-logon { 0% { opacity: .9; } 8%, 16% { opacity: .35; } 12%, 20% { opacity: .9; } 100% { opacity: .8; } }
.nj-log .sky-log { animation: ev-type .7s steps(var(--n)) both, nj-logon 4.8s step-end forwards; }
@keyframes nj-gm-jump { 0% { display: none; content-visibility: hidden; opacity: 0; } 5.0731% { display: none; content-visibility: hidden; opacity: 0; } 5.0741%, 5.2315% { display: block; content-visibility: visible; opacity: 1; } 5.2325% { display: none; content-visibility: hidden; opacity: 0; } 13.6147% { display: none; content-visibility: hidden; opacity: 0; } 13.6157%, 13.7731% { display: block; content-visibility: visible; opacity: 1; } 13.7741% { display: none; content-visibility: hidden; opacity: 0; } 26.1471% { display: none; content-visibility: hidden; opacity: 0; } 26.1481%, 26.3056% { display: block; content-visibility: visible; opacity: 1; } 26.3066% { display: none; content-visibility: hidden; opacity: 0; } 35.3925% { display: none; content-visibility: hidden; opacity: 0; } 35.3935%, 35.5509% { display: block; content-visibility: visible; opacity: 1; } 35.5519% { display: none; content-visibility: hidden; opacity: 0; } 54.4203% { display: none; content-visibility: hidden; opacity: 0; } 54.4213%, 54.5787% { display: block; content-visibility: visible; opacity: 1; } 54.5797% { display: none; content-visibility: hidden; opacity: 0; } 56.7444% { display: none; content-visibility: hidden; opacity: 0; } 56.7454%, 56.9028% { display: block; content-visibility: visible; opacity: 1; } 56.9038% { display: none; content-visibility: hidden; opacity: 0; } 69.1703% { display: none; content-visibility: hidden; opacity: 0; } 69.1713%, 69.3287% { display: block; content-visibility: visible; opacity: 1; } 69.3297% { display: none; content-visibility: hidden; opacity: 0; } 79.1842% { display: none; content-visibility: hidden; opacity: 0; } 79.1852%, 79.3426% { display: block; content-visibility: visible; opacity: 1; } 79.3436% { display: none; content-visibility: hidden; opacity: 0; } 99.4666% { display: none; content-visibility: hidden; opacity: 0; } 99.4676%, 99.625% { display: block; content-visibility: visible; opacity: 1; } 99.626% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
@keyframes nj-hopm-jump { 0% { --x: 90.2%; --y: 11.9%; --a: 282deg; } 5.0509% { --x: 14.3%; --y: 66.1%; --a: 217deg; } 13.5926% { --x: 67.2%; --y: 14.1%; --a: 90deg; } 26.125% { --x: 85.4%; --y: 5.6%; --a: 133deg; } 35.3704% { --x: 44.3%; --y: 40.6%; --a: 48deg; } 54.3981% { --x: 58.3%; --y: 78.5%; --a: 184deg; } 56.7222% { --x: 13.9%; --y: 85.7%; --a: 261deg; } 69.1481% { --x: 11.2%; --y: 38.2%; --a: 94deg; } 79.162% { --x: 26.8%; --y: 8.3%; --a: 251deg; } 99.4444% { --x: 90.2%; --y: 11.9%; --a: 282deg; } }
@keyframes nj-gm-nova { 0% { display: none; content-visibility: hidden; opacity: 0; } 3.2305% { display: none; content-visibility: hidden; opacity: 0; } 3.2315%, 3.537% { display: block; content-visibility: visible; opacity: 1; } 3.538% { display: none; content-visibility: hidden; opacity: 0; } 12.4064% { display: none; content-visibility: hidden; opacity: 0; } 12.4074%, 12.713% { display: block; content-visibility: visible; opacity: 1; } 12.714% { display: none; content-visibility: hidden; opacity: 0; } 31.7953% { display: none; content-visibility: hidden; opacity: 0; } 31.7963%, 32.1019% { display: block; content-visibility: visible; opacity: 1; } 32.1029% { display: none; content-visibility: hidden; opacity: 0; } 36.2305% { display: none; content-visibility: hidden; opacity: 0; } 36.2315%, 36.537% { display: block; content-visibility: visible; opacity: 1; } 36.538% { display: none; content-visibility: hidden; opacity: 0; } 44.7305% { display: none; content-visibility: hidden; opacity: 0; } 44.7315%, 45.037% { display: block; content-visibility: visible; opacity: 1; } 45.038% { display: none; content-visibility: hidden; opacity: 0; } 62.4249% { display: none; content-visibility: hidden; opacity: 0; } 62.4259%, 62.7315% { display: block; content-visibility: visible; opacity: 1; } 62.7325% { display: none; content-visibility: hidden; opacity: 0; } 67.9944% { display: none; content-visibility: hidden; opacity: 0; } 67.9954%, 68.3009% { display: block; content-visibility: visible; opacity: 1; } 68.3019% { display: none; content-visibility: hidden; opacity: 0; } 87.4944% { display: none; content-visibility: hidden; opacity: 0; } 87.4954%, 87.8009% { display: block; content-visibility: visible; opacity: 1; } 87.8019% { display: none; content-visibility: hidden; opacity: 0; } 92.0962% { display: none; content-visibility: hidden; opacity: 0; } 92.0972%, 92.4028% { display: block; content-visibility: visible; opacity: 1; } 92.4038% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
@keyframes nj-hopm-nova { 0% { --x: 42.6%; --y: 43.9%; --a: 0deg; } 3.2083% { --x: 59.9%; --y: 69.8%; --a: 0deg; } 12.3843% { --x: 29.5%; --y: 79.4%; --a: 0deg; } 31.7731% { --x: 75.1%; --y: 84.4%; --a: 0deg; } 36.2083% { --x: 55.4%; --y: 35.7%; --a: 0deg; } 44.7083% { --x: 82.8%; --y: 77.8%; --a: 0deg; } 62.4028% { --x: 64.1%; --y: 20.5%; --a: 0deg; } 67.9722% { --x: 41.7%; --y: 74.7%; --a: 0deg; } 87.4722% { --x: 89.4%; --y: 85.2%; --a: 0deg; } 92.0741% { --x: 42.6%; --y: 43.9%; --a: 0deg; } }
@keyframes nj-gm-kn { 0% { display: none; content-visibility: hidden; opacity: 0; } 5.6194% { display: none; content-visibility: hidden; opacity: 0; } 5.6204%, 6.1389% { display: block; content-visibility: visible; opacity: 1; } 6.1399% { display: none; content-visibility: hidden; opacity: 0; } 16.8647% { display: none; content-visibility: hidden; opacity: 0; } 16.8657%, 17.3843% { display: block; content-visibility: visible; opacity: 1; } 17.3853% { display: none; content-visibility: hidden; opacity: 0; } 29.8184% { display: none; content-visibility: hidden; opacity: 0; } 29.8194%, 30.338% { display: block; content-visibility: visible; opacity: 1; } 30.339% { display: none; content-visibility: hidden; opacity: 0; } 38.1286% { display: none; content-visibility: hidden; opacity: 0; } 38.1296%, 38.6481% { display: block; content-visibility: visible; opacity: 1; } 38.6491% { display: none; content-visibility: hidden; opacity: 0; } 46.6333% { display: none; content-visibility: hidden; opacity: 0; } 46.6343%, 47.1528% { display: block; content-visibility: visible; opacity: 1; } 47.1538% { display: none; content-visibility: hidden; opacity: 0; } 59.5314% { display: none; content-visibility: hidden; opacity: 0; } 59.5324%, 60.0509% { display: block; content-visibility: visible; opacity: 1; } 60.0519% { display: none; content-visibility: hidden; opacity: 0; } 75.2907% { display: none; content-visibility: hidden; opacity: 0; } 75.2917%, 75.8102% { display: block; content-visibility: visible; opacity: 1; } 75.8112% { display: none; content-visibility: hidden; opacity: 0; } 77.9434% { display: none; content-visibility: hidden; opacity: 0; } 77.9444%, 78.463% { display: block; content-visibility: visible; opacity: 1; } 78.464% { display: none; content-visibility: hidden; opacity: 0; } 90.9805% { display: none; content-visibility: hidden; opacity: 0; } 90.9815%, 91.5% { display: block; content-visibility: visible; opacity: 1; } 91.501% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
@keyframes nj-hopm-kn { 0% { --x: 44.3%; --y: 26.8%; --a: 0deg; } 5.5972% { --x: 64.7%; --y: 54.9%; --a: 0deg; } 16.8426% { --x: 32.8%; --y: 33.9%; --a: 0deg; } 29.7963% { --x: 18.0%; --y: 85.0%; --a: 0deg; } 38.1065% { --x: 27.5%; --y: 43.8%; --a: 0deg; } 46.6111% { --x: 43.1%; --y: 62.3%; --a: 0deg; } 59.5093% { --x: 74.2%; --y: 64.6%; --a: 0deg; } 75.2685% { --x: 71.6%; --y: 44.4%; --a: 0deg; } 77.9213% { --x: 26.1%; --y: 15.0%; --a: 0deg; } 90.9583% { --x: 44.3%; --y: 26.8%; --a: 0deg; } }
@keyframes nj-gm-duel { 0% { display: none; content-visibility: hidden; opacity: 0; } 10.2583% { display: none; content-visibility: hidden; opacity: 0; } 10.2593%, 10.5972% { display: block; content-visibility: visible; opacity: 1; } 10.5982% { display: none; content-visibility: hidden; opacity: 0; } 21.6657% { display: none; content-visibility: hidden; opacity: 0; } 21.6667%, 22.0046% { display: block; content-visibility: visible; opacity: 1; } 22.0056% { display: none; content-visibility: hidden; opacity: 0; } 27.9434% { display: none; content-visibility: hidden; opacity: 0; } 27.9444%, 28.2824% { display: block; content-visibility: visible; opacity: 1; } 28.2834% { display: none; content-visibility: hidden; opacity: 0; } 40.9666% { display: none; content-visibility: hidden; opacity: 0; } 40.9676%, 41.3056% { display: block; content-visibility: visible; opacity: 1; } 41.3066% { display: none; content-visibility: hidden; opacity: 0; } 47.7583% { display: none; content-visibility: hidden; opacity: 0; } 47.7593%, 48.0972% { display: block; content-visibility: visible; opacity: 1; } 48.0982% { display: none; content-visibility: hidden; opacity: 0; } 57.7675% { display: none; content-visibility: hidden; opacity: 0; } 57.7685%, 58.1065% { display: block; content-visibility: visible; opacity: 1; } 58.1075% { display: none; content-visibility: hidden; opacity: 0; } 72.2953% { display: none; content-visibility: hidden; opacity: 0; } 72.2963%, 72.6343% { display: block; content-visibility: visible; opacity: 1; } 72.6353% { display: none; content-visibility: hidden; opacity: 0; } 86.6194% { display: none; content-visibility: hidden; opacity: 0; } 86.6204%, 86.9583% { display: block; content-visibility: visible; opacity: 1; } 86.9593% { display: none; content-visibility: hidden; opacity: 0; } 94.0592% { display: none; content-visibility: hidden; opacity: 0; } 94.0602%, 94.3981% { display: block; content-visibility: visible; opacity: 1; } 94.3991% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
@keyframes nj-hopm-duel { 0% { --x: 30.4%; --y: 21.4%; --a: 126deg; } 10.2361% { --x: 85.8%; --y: 33.7%; --a: 237deg; } 21.6435% { --x: 19.0%; --y: 64.1%; --a: 353deg; } 27.9213% { --x: 54.4%; --y: 44.8%; --a: 355deg; } 40.9444% { --x: 65.9%; --y: 44.1%; --a: 242deg; } 47.7361% { --x: 21.3%; --y: 45.2%; --a: 195deg; } 57.7454% { --x: 75.9%; --y: 26.5%; --a: 111deg; } 72.2731% { --x: 69.2%; --y: 24.9%; --a: 207deg; } 86.5972% { --x: 12.0%; --y: 73.8%; --a: 311deg; } 94.037% { --x: 30.4%; --y: 21.4%; --a: 126deg; } }
@keyframes nj-gm-pulsar { 0% { display: none; content-visibility: hidden; opacity: 0; } 1.212% { display: none; content-visibility: hidden; opacity: 0; } 1.213%, 1.7824% { display: block; content-visibility: visible; opacity: 1; } 1.7834% { display: none; content-visibility: hidden; opacity: 0; } 19.6518% { display: none; content-visibility: hidden; opacity: 0; } 19.6528%, 20.2222% { display: block; content-visibility: visible; opacity: 1; } 20.2232% { display: none; content-visibility: hidden; opacity: 0; } 22.5036% { display: none; content-visibility: hidden; opacity: 0; } 22.5046%, 23.0741% { display: block; content-visibility: visible; opacity: 1; } 23.0751% { display: none; content-visibility: hidden; opacity: 0; } 34.3971% { display: none; content-visibility: hidden; opacity: 0; } 34.3981%, 34.9676% { display: block; content-visibility: visible; opacity: 1; } 34.9686% { display: none; content-visibility: hidden; opacity: 0; } 51.9018% { display: none; content-visibility: hidden; opacity: 0; } 51.9028%, 52.4722% { display: block; content-visibility: visible; opacity: 1; } 52.4732% { display: none; content-visibility: hidden; opacity: 0; } 60.4388% { display: none; content-visibility: hidden; opacity: 0; } 60.4398%, 61.0093% { display: block; content-visibility: visible; opacity: 1; } 61.0103% { display: none; content-visibility: hidden; opacity: 0; } 73.3555% { display: none; content-visibility: hidden; opacity: 0; } 73.3565%, 73.9259% { display: block; content-visibility: visible; opacity: 1; } 73.9269% { display: none; content-visibility: hidden; opacity: 0; } 84.3786% { display: none; content-visibility: hidden; opacity: 0; } 84.3796%, 84.9491% { display: block; content-visibility: visible; opacity: 1; } 84.9501% { display: none; content-visibility: hidden; opacity: 0; } 89.962% { display: none; content-visibility: hidden; opacity: 0; } 89.963%, 90.5324% { display: block; content-visibility: visible; opacity: 1; } 90.5334% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
@keyframes nj-hopm-pulsar { 0% { --x: 72.9%; --y: 17.2%; --a: 0deg; } 1.1898% { --x: 48.6%; --y: 9.1%; --a: 0deg; } 19.6296% { --x: 8.1%; --y: 80.3%; --a: 0deg; } 22.4815% { --x: 68.1%; --y: 77.0%; --a: 0deg; } 34.375% { --x: 34.6%; --y: 12.9%; --a: 0deg; } 51.8796% { --x: 27.1%; --y: 28.2%; --a: 0deg; } 60.4167% { --x: 15.0%; --y: 28.6%; --a: 0deg; } 73.3333% { --x: 21.5%; --y: 54.9%; --a: 0deg; } 84.3565% { --x: 80.5%; --y: 38.2%; --a: 0deg; } 89.9398% { --x: 72.9%; --y: 17.2%; --a: 0deg; } }
@keyframes nj-gm-jg { 0% { display: none; content-visibility: hidden; opacity: 0; } 8.4759% { display: none; content-visibility: hidden; opacity: 0; } 8.4769%, 9.0324% { display: block; content-visibility: visible; opacity: 1; } 9.0334% { display: none; content-visibility: hidden; opacity: 0; } 20.4388% { display: none; content-visibility: hidden; opacity: 0; } 20.4398%, 20.9954% { display: block; content-visibility: visible; opacity: 1; } 20.9964% { display: none; content-visibility: hidden; opacity: 0; } 28.7675% { display: none; content-visibility: hidden; opacity: 0; } 28.7685%, 29.3241% { display: block; content-visibility: visible; opacity: 1; } 29.3251% { display: none; content-visibility: hidden; opacity: 0; } 37.3277% { display: none; content-visibility: hidden; opacity: 0; } 37.3287%, 37.8843% { display: block; content-visibility: visible; opacity: 1; } 37.8853% { display: none; content-visibility: hidden; opacity: 0; } 51.0777% { display: none; content-visibility: hidden; opacity: 0; } 51.0787%, 51.6343% { display: block; content-visibility: visible; opacity: 1; } 51.6353% { display: none; content-visibility: hidden; opacity: 0; } 65.9897% { display: none; content-visibility: hidden; opacity: 0; } 65.9907%, 66.5463% { display: block; content-visibility: visible; opacity: 1; } 66.5473% { display: none; content-visibility: hidden; opacity: 0; } 66.8833% { display: none; content-visibility: hidden; opacity: 0; } 66.8843%, 67.4398% { display: block; content-visibility: visible; opacity: 1; } 67.4408% { display: none; content-visibility: hidden; opacity: 0; } 83.4296% { display: none; content-visibility: hidden; opacity: 0; } 83.4306%, 83.9861% { display: block; content-visibility: visible; opacity: 1; } 83.9871% { display: none; content-visibility: hidden; opacity: 0; } 97.2814% { display: none; content-visibility: hidden; opacity: 0; } 97.2824%, 97.838% { display: block; content-visibility: visible; opacity: 1; } 97.839% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
@keyframes nj-hopm-jg { 0% { --x: 58.0%; --y: 70.0%; --a: 0deg; } 8.4537% { --x: 30.7%; --y: 36.0%; --a: 0deg; } 20.4167% { --x: 46.1%; --y: 63.8%; --a: 0deg; } 28.7454% { --x: 37.7%; --y: 36.8%; --a: 0deg; } 37.3056% { --x: 73.7%; --y: 90.7%; --a: 0deg; } 51.0556% { --x: 6.2%; --y: 31.7%; --a: 0deg; } 65.9676% { --x: 31.8%; --y: 64.3%; --a: 0deg; } 66.8611% { --x: 12.4%; --y: 40.0%; --a: 0deg; } 83.4074% { --x: 14.1%; --y: 40.4%; --a: 0deg; } 97.2593% { --x: 58.0%; --y: 70.0%; --a: 0deg; } }
@keyframes nj-gm-station { 0% { display: none; content-visibility: hidden; opacity: 0; } 7.7259% { display: none; content-visibility: hidden; opacity: 0; } 7.7269%, 8.2083% { display: block; content-visibility: visible; opacity: 1; } 8.2093% { display: none; content-visibility: hidden; opacity: 0; } 17.8925% { display: none; content-visibility: hidden; opacity: 0; } 17.8935%, 18.375% { display: block; content-visibility: visible; opacity: 1; } 18.376% { display: none; content-visibility: hidden; opacity: 0; } 25.3092% { display: none; content-visibility: hidden; opacity: 0; } 25.3102%, 25.7917% { display: block; content-visibility: visible; opacity: 1; } 25.7927% { display: none; content-visibility: hidden; opacity: 0; } 40.0777% { display: none; content-visibility: hidden; opacity: 0; } 40.0787%, 40.5602% { display: block; content-visibility: visible; opacity: 1; } 40.5612% { display: none; content-visibility: hidden; opacity: 0; } 54.837% { display: none; content-visibility: hidden; opacity: 0; } 54.838%, 55.3194% { display: block; content-visibility: visible; opacity: 1; } 55.3204% { display: none; content-visibility: hidden; opacity: 0; } 65.1379% { display: none; content-visibility: hidden; opacity: 0; } 65.1389%, 65.6204% { display: block; content-visibility: visible; opacity: 1; } 65.6214% { display: none; content-visibility: hidden; opacity: 0; } 69.5221% { display: none; content-visibility: hidden; opacity: 0; } 69.5231%, 70.0046% { display: block; content-visibility: visible; opacity: 1; } 70.0056% { display: none; content-visibility: hidden; opacity: 0; } 85.3416% { display: none; content-visibility: hidden; opacity: 0; } 85.3426%, 85.8241% { display: block; content-visibility: visible; opacity: 1; } 85.8251% { display: none; content-visibility: hidden; opacity: 0; } 96.6333% { display: none; content-visibility: hidden; opacity: 0; } 96.6343%, 97.1157% { display: block; content-visibility: visible; opacity: 1; } 97.1167% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
@keyframes nj-hopm-station { 0% { --x: 33.2%; --y: 60.9%; --a: 32deg; } 7.7037% { --x: 89.3%; --y: 26.6%; --a: 99deg; } 17.8704% { --x: 5.4%; --y: 54.0%; --a: 122deg; } 25.287% { --x: 28.6%; --y: 70.2%; --a: 248deg; } 40.0556% { --x: 25.7%; --y: 29.7%; --a: 338deg; } 54.8148% { --x: 65.0%; --y: 39.2%; --a: 317deg; } 65.1157% { --x: 87.8%; --y: 12.4%; --a: 59deg; } 69.5% { --x: 46.5%; --y: 71.9%; --a: 341deg; } 85.3194% { --x: 37.4%; --y: 84.6%; --a: 58deg; } 96.6111% { --x: 33.2%; --y: 60.9%; --a: 32deg; } }
@keyframes nj-gm-ecl { 0% { display: none; content-visibility: hidden; opacity: 0; } 0.1657% { display: none; content-visibility: hidden; opacity: 0; } 0.1667%, 0.537% { display: block; content-visibility: visible; opacity: 1; } 0.538% { display: none; content-visibility: hidden; opacity: 0; } 14.9944% { display: none; content-visibility: hidden; opacity: 0; } 14.9954%, 15.3657% { display: block; content-visibility: visible; opacity: 1; } 15.3667% { display: none; content-visibility: hidden; opacity: 0; } 32.4851% { display: none; content-visibility: hidden; opacity: 0; } 32.4861%, 32.8565% { display: block; content-visibility: visible; opacity: 1; } 32.8575% { display: none; content-visibility: hidden; opacity: 0; } 42.1055% { display: none; content-visibility: hidden; opacity: 0; } 42.1065%, 42.4769% { display: block; content-visibility: visible; opacity: 1; } 42.4779% { display: none; content-visibility: hidden; opacity: 0; } 52.9805% { display: none; content-visibility: hidden; opacity: 0; } 52.9815%, 53.3519% { display: block; content-visibility: visible; opacity: 1; } 53.3529% { display: none; content-visibility: hidden; opacity: 0; } 64.2814% { display: none; content-visibility: hidden; opacity: 0; } 64.2824%, 64.6528% { display: block; content-visibility: visible; opacity: 1; } 64.6538% { display: none; content-visibility: hidden; opacity: 0; } 70.4296% { display: none; content-visibility: hidden; opacity: 0; } 70.4306%, 70.8009% { display: block; content-visibility: visible; opacity: 1; } 70.8019% { display: none; content-visibility: hidden; opacity: 0; } 80.9897% { display: none; content-visibility: hidden; opacity: 0; } 80.9907%, 81.3611% { display: block; content-visibility: visible; opacity: 1; } 81.3621% { display: none; content-visibility: hidden; opacity: 0; } 93.0083% { display: none; content-visibility: hidden; opacity: 0; } 93.0093%, 93.3796% { display: block; content-visibility: visible; opacity: 1; } 93.3806% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
@keyframes nj-gm-comet { 0% { display: none; content-visibility: hidden; opacity: 0; } 6.5268% { display: none; content-visibility: hidden; opacity: 0; } 6.5278%, 7.3611% { display: block; content-visibility: visible; opacity: 1; } 7.3621% { display: none; content-visibility: hidden; opacity: 0; } 18.5638% { display: none; content-visibility: hidden; opacity: 0; } 18.5648%, 19.3981% { display: block; content-visibility: visible; opacity: 1; } 19.3991% { display: none; content-visibility: hidden; opacity: 0; } 24.1194% { display: none; content-visibility: hidden; opacity: 0; } 24.1204%, 24.9537% { display: block; content-visibility: visible; opacity: 1; } 24.9547% { display: none; content-visibility: hidden; opacity: 0; } 38.9342% { display: none; content-visibility: hidden; opacity: 0; } 38.9352%, 39.7685% { display: block; content-visibility: visible; opacity: 1; } 39.7695% { display: none; content-visibility: hidden; opacity: 0; } 49.1194% { display: none; content-visibility: hidden; opacity: 0; } 49.1204%, 49.9537% { display: block; content-visibility: visible; opacity: 1; } 49.9547% { display: none; content-visibility: hidden; opacity: 0; } 63.0083% { display: none; content-visibility: hidden; opacity: 0; } 63.0093%, 63.8426% { display: block; content-visibility: visible; opacity: 1; } 63.8436% { display: none; content-visibility: hidden; opacity: 0; } 74.1194% { display: none; content-visibility: hidden; opacity: 0; } 74.1204%, 74.9537% { display: block; content-visibility: visible; opacity: 1; } 74.9547% { display: none; content-visibility: hidden; opacity: 0; } 79.6749% { display: none; content-visibility: hidden; opacity: 0; } 79.6759%, 80.5093% { display: block; content-visibility: visible; opacity: 1; } 80.5103% { display: none; content-visibility: hidden; opacity: 0; } 95.4157% { display: none; content-visibility: hidden; opacity: 0; } 95.4167%, 96.25% { display: block; content-visibility: visible; opacity: 1; } 96.251% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
@keyframes nj-hopm-comet { 0% { --x: -3.0%; --y: 26.4%; --a: 30deg; } 6.5046% { --x: -3.0%; --y: 38.4%; --a: 21deg; } 18.5417% { --x: -3.0%; --y: 43.9%; --a: 19deg; } 24.0972% { --x: -3.0%; --y: 19.2%; --a: 34deg; } 38.912% { --x: -3.0%; --y: 43.3%; --a: 16deg; } 49.0972% { --x: -3.0%; --y: 9.6%; --a: 27deg; } 62.9861% { --x: -3.0%; --y: 30.0%; --a: 15deg; } 74.0972% { --x: -3.0%; --y: 41.1%; --a: 21deg; } 79.6528% { --x: -3.0%; --y: 16.0%; --a: 8deg; } 95.3935% { --x: -3.0%; --y: 26.4%; --a: 30deg; } }
@keyframes nj-gm-au { 0% { display: none; content-visibility: hidden; opacity: 0; } 4.0221% { display: none; content-visibility: hidden; opacity: 0; } 4.0231%, 4.5787% { display: block; content-visibility: visible; opacity: 1; } 4.5797% { display: none; content-visibility: hidden; opacity: 0; } 15.7907% { display: none; content-visibility: hidden; opacity: 0; } 15.7917%, 16.3472% { display: block; content-visibility: visible; opacity: 1; } 16.3482% { display: none; content-visibility: hidden; opacity: 0; } 26.9759% { display: none; content-visibility: hidden; opacity: 0; } 26.9769%, 27.5324% { display: block; content-visibility: visible; opacity: 1; } 27.5334% { display: none; content-visibility: hidden; opacity: 0; } 33.5175% { display: none; content-visibility: hidden; opacity: 0; } 33.5185%, 34.0741% { display: block; content-visibility: visible; opacity: 1; } 34.0751% { display: none; content-visibility: hidden; opacity: 0; } 48.374% { display: none; content-visibility: hidden; opacity: 0; } 48.375%, 48.9306% { display: block; content-visibility: visible; opacity: 1; } 48.9316% { display: none; content-visibility: hidden; opacity: 0; } 55.6842% { display: none; content-visibility: hidden; opacity: 0; } 55.6852%, 56.2407% { display: block; content-visibility: visible; opacity: 1; } 56.2417% { display: none; content-visibility: hidden; opacity: 0; } 76.2351% { display: none; content-visibility: hidden; opacity: 0; } 76.2361%, 76.7917% { display: block; content-visibility: visible; opacity: 1; } 76.7927% { display: none; content-visibility: hidden; opacity: 0; } 82.4944% { display: none; content-visibility: hidden; opacity: 0; } 82.4954%, 83.0509% { display: block; content-visibility: visible; opacity: 1; } 83.0519% { display: none; content-visibility: hidden; opacity: 0; } 98.4342% { display: none; content-visibility: hidden; opacity: 0; } 98.4352%, 98.9907% { display: block; content-visibility: visible; opacity: 1; } 98.9917% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
@keyframes nj-hopm-au { 0% { --x: 51.2%; --y: 24.5%; --a: 0deg; } 4% { --x: 21.1%; --y: 23.4%; --a: 0deg; } 15.7685% { --x: 71.2%; --y: 33.5%; --a: 0deg; } 26.9537% { --x: 40.3%; --y: 88.9%; --a: 0deg; } 33.4954% { --x: 62.6%; --y: 8.4%; --a: 0deg; } 48.3519% { --x: 60.1%; --y: 46.9%; --a: 0deg; } 55.662% { --x: 88.8%; --y: 42.3%; --a: 0deg; } 76.213% { --x: 8.4%; --y: 51.8%; --a: 0deg; } 82.4722% { --x: 9.3%; --y: 65.7%; --a: 0deg; } 98.412% { --x: 51.2%; --y: 24.5%; --a: 0deg; } }
@keyframes nj-gm-hole { 0% { display: none; content-visibility: hidden; opacity: 0; } 2.3323% { display: none; content-visibility: hidden; opacity: 0; } 2.3333%, 2.7222% { display: block; content-visibility: visible; opacity: 1; } 2.7232% { display: none; content-visibility: hidden; opacity: 0; } 11.4342% { display: none; content-visibility: hidden; opacity: 0; } 11.4352%, 11.8241% { display: block; content-visibility: visible; opacity: 1; } 11.8251% { display: none; content-visibility: hidden; opacity: 0; } 23.4712% { display: none; content-visibility: hidden; opacity: 0; } 23.4722%, 23.8611% { display: block; content-visibility: visible; opacity: 1; } 23.8621% { display: none; content-visibility: hidden; opacity: 0; } 42.8092% { display: none; content-visibility: hidden; opacity: 0; } 42.8102%, 43.1991% { display: block; content-visibility: visible; opacity: 1; } 43.2001% { display: none; content-visibility: hidden; opacity: 0; } 50.1703% { display: none; content-visibility: hidden; opacity: 0; } 50.1713%, 50.5602% { display: block; content-visibility: visible; opacity: 1; } 50.5612% { display: none; content-visibility: hidden; opacity: 0; } 61.4249% { display: none; content-visibility: hidden; opacity: 0; } 61.4259%, 61.8148% { display: block; content-visibility: visible; opacity: 1; } 61.8158% { display: none; content-visibility: hidden; opacity: 0; } 77.0638% { display: none; content-visibility: hidden; opacity: 0; } 77.0648%, 77.4537% { display: block; content-visibility: visible; opacity: 1; } 77.4547% { display: none; content-visibility: hidden; opacity: 0; } 81.6518% { display: none; content-visibility: hidden; opacity: 0; } 81.6528%, 82.0417% { display: block; content-visibility: visible; opacity: 1; } 82.0427% { display: none; content-visibility: hidden; opacity: 0; } 89.3046% { display: none; content-visibility: hidden; opacity: 0; } 89.3056%, 89.6944% { display: block; content-visibility: visible; opacity: 1; } 89.6954% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
@keyframes nj-hopm-hole { 0% { --x: 87.3%; --y: 64.7%; --a: 0deg; } 2.3102% { --x: 50.6%; --y: 88.3%; --a: 0deg; } 11.412% { --x: 17.3%; --y: 14.1%; --a: 0deg; } 23.4491% { --x: 14.1%; --y: 58.4%; --a: 0deg; } 42.787% { --x: 61.1%; --y: 82.9%; --a: 0deg; } 50.1481% { --x: 17.9%; --y: 73.9%; --a: 0deg; } 61.4028% { --x: 15.7%; --y: 48.2%; --a: 0deg; } 77.0417% { --x: 8.9%; --y: 20.0%; --a: 0deg; } 81.6296% { --x: 33.7%; --y: 55.0%; --a: 0deg; } 89.2824% { --x: 87.3%; --y: 64.7%; --a: 0deg; } }
@keyframes nj-gm-nebula { 0% { display: none; content-visibility: hidden; opacity: 0; } 9.3879% { display: none; content-visibility: hidden; opacity: 0; } 9.3889%, 10.0556% { display: block; content-visibility: visible; opacity: 1; } 10.0566% { display: none; content-visibility: hidden; opacity: 0; } 13.9573% { display: none; content-visibility: hidden; opacity: 0; } 13.9583%, 14.625% { display: block; content-visibility: visible; opacity: 1; } 14.626% { display: none; content-visibility: hidden; opacity: 0; } 30.749% { display: none; content-visibility: hidden; opacity: 0; } 30.75%, 31.4167% { display: block; content-visibility: visible; opacity: 1; } 31.4177% { display: none; content-visibility: hidden; opacity: 0; } 43.6286% { display: none; content-visibility: hidden; opacity: 0; } 43.6296%, 44.2963% { display: block; content-visibility: visible; opacity: 1; } 44.2973% { display: none; content-visibility: hidden; opacity: 0; } 45.5777% { display: none; content-visibility: hidden; opacity: 0; } 45.5787%, 46.2454% { display: block; content-visibility: visible; opacity: 1; } 46.2464% { display: none; content-visibility: hidden; opacity: 0; } 58.5083% { display: none; content-visibility: hidden; opacity: 0; } 58.5093%, 59.1759% { display: block; content-visibility: visible; opacity: 1; } 59.1769% { display: none; content-visibility: hidden; opacity: 0; } 71.3971% { display: none; content-visibility: hidden; opacity: 0; } 71.3981%, 72.0648% { display: block; content-visibility: visible; opacity: 1; } 72.0658% { display: none; content-visibility: hidden; opacity: 0; } 88.0175% { display: none; content-visibility: hidden; opacity: 0; } 88.0185%, 88.6852% { display: block; content-visibility: visible; opacity: 1; } 88.6862% { display: none; content-visibility: hidden; opacity: 0; } 94.5962% { display: none; content-visibility: hidden; opacity: 0; } 94.5972%, 95.2639% { display: block; content-visibility: visible; opacity: 1; } 95.2649% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
@keyframes nj-hopm-nebula { 0% { --x: 31.0%; --y: 89.6%; --a: 2deg; } 9.3657% { --x: 86.0%; --y: 36.9%; --a: 85deg; } 13.9352% { --x: 4.0%; --y: 73.9%; --a: 10deg; } 30.7269% { --x: 77.0%; --y: 24.8%; --a: 352deg; } 43.6065% { --x: 49.1%; --y: 57.2%; --a: 43deg; } 45.5556% { --x: 89.1%; --y: 8.2%; --a: 182deg; } 58.4861% { --x: 46.7%; --y: 47.4%; --a: 162deg; } 71.375% { --x: 18.6%; --y: 54.2%; --a: 249deg; } 87.9954% { --x: 29.3%; --y: 46.0%; --a: 33deg; } 94.5741% { --x: 31.0%; --y: 89.6%; --a: 2deg; } }
@media (max-width: 40rem) {
  html:not([data-sky="demo"]) .nj-e-jump { animation: nj-hopm-jump 2160s step-end infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-jump .nj-g { animation: nj-gm-jump 2160s infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-nova { animation: nj-hopm-nova 2160s step-end infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-nova .nj-g { animation: nj-gm-nova 2160s infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-kn { animation: nj-hopm-kn 2160s step-end infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-kn .nj-g { animation: nj-gm-kn 2160s infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-duel { animation: nj-hopm-duel 2160s step-end infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-duel .nj-g { animation: nj-gm-duel 2160s infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-pulsar { animation: nj-hopm-pulsar 2160s step-end infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-pulsar .nj-g { animation: nj-gm-pulsar 2160s infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-jg { animation: nj-hopm-jg 2160s step-end infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-jg .nj-g { animation: nj-gm-jg 2160s infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-station { animation: nj-hopm-station 2160s step-end infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-station .nj-g { animation: nj-gm-station 2160s infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-ecl { animation: nj-gm-ecl 2160s infinite var(--ev-clock); }
  @keyframes nj-sundim-m { 0% { opacity: .9; } 0.3222% { opacity: 0.9; } 0.3519% { opacity: 0.3; } 0.3815% { opacity: 0.9; } 15.1509% { opacity: 0.9; } 15.1806% { opacity: 0.3; } 15.2102% { opacity: 0.9; } 32.6417% { opacity: 0.9; } 32.6713% { opacity: 0.3; } 32.7009% { opacity: 0.9; } 42.262% { opacity: 0.9; } 42.2917% { opacity: 0.3; } 42.3213% { opacity: 0.9; } 53.137% { opacity: 0.9; } 53.1667% { opacity: 0.3; } 53.1963% { opacity: 0.9; } 64.438% { opacity: 0.9; } 64.4676% { opacity: 0.3; } 64.4972% { opacity: 0.9; } 70.5861% { opacity: 0.9; } 70.6157% { opacity: 0.3; } 70.6454% { opacity: 0.9; } 81.1463% { opacity: 0.9; } 81.1759% { opacity: 0.3; } 81.2056% { opacity: 0.9; } 93.1648% { opacity: 0.9; } 93.1944% { opacity: 0.3; } 93.2241% { opacity: 0.9; } 100% { opacity: .9; } }
  html:not([data-sky="demo"]) .nj-sun::before { animation: nj-sundim-m 2160s infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-comet { animation: nj-hopm-comet 2160s step-end infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-comet .nj-g { animation: nj-gm-comet 2160s infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-au { animation: nj-hopm-au 2160s step-end infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-au .nj-g { animation: nj-gm-au 2160s infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-hole { animation: nj-hopm-hole 2160s step-end infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-hole .nj-g { animation: nj-gm-hole 2160s infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-nebula { animation: nj-hopm-nebula 2160s step-end infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-e-nebula .nj-g { animation: nj-gm-nebula 2160s infinite var(--ev-clock); }
  html:not([data-sky="demo"]) .nj-km-nova0 { --kd: calc(mod(calc(var(--ev-clock) + 69.8s), 2160s) + 4.6s); }
  html:not([data-sky="demo"]) .nj-km-nova1 { --kd: calc(mod(calc(var(--ev-clock) + 268.0s), 2160s) + 4.6s); }
  html:not([data-sky="demo"]) .nj-km-nova2 { --kd: calc(mod(calc(var(--ev-clock) + 686.8s), 2160s) + 4.6s); }
  html:not([data-sky="demo"]) .nj-km-nova3 { --kd: calc(mod(calc(var(--ev-clock) + 782.6s), 2160s) + 4.6s); }
  html:not([data-sky="demo"]) .nj-km-nova4 { --kd: calc(mod(calc(var(--ev-clock) + 966.2s), 2160s) + 4.6s); }
  html:not([data-sky="demo"]) .nj-km-nova5 { --kd: calc(mod(calc(var(--ev-clock) + 1348.4s), 2160s) + 4.6s); }
  html:not([data-sky="demo"]) .nj-km-nova6 { --kd: calc(mod(calc(var(--ev-clock) + 1468.7s), 2160s) + 4.6s); }
  html:not([data-sky="demo"]) .nj-km-nova7 { --kd: calc(mod(calc(var(--ev-clock) + 1889.9s), 2160s) + 4.6s); }
  html:not([data-sky="demo"]) .nj-km-nova8 { --kd: calc(mod(calc(var(--ev-clock) + 1989.3s), 2160s) + 4.6s); }
  html:not([data-sky="demo"]) .nj-km-kn0 { --kd: calc(mod(calc(var(--ev-clock) + 121.4s), 2160s) + 9.2s); }
  html:not([data-sky="demo"]) .nj-km-kn1 { --kd: calc(mod(calc(var(--ev-clock) + 364.3s), 2160s) + 9.2s); }
  html:not([data-sky="demo"]) .nj-km-kn2 { --kd: calc(mod(calc(var(--ev-clock) + 644.1s), 2160s) + 9.2s); }
  html:not([data-sky="demo"]) .nj-km-kn3 { --kd: calc(mod(calc(var(--ev-clock) + 823.6s), 2160s) + 9.2s); }
  html:not([data-sky="demo"]) .nj-km-kn4 { --kd: calc(mod(calc(var(--ev-clock) + 1007.3s), 2160s) + 9.2s); }
  html:not([data-sky="demo"]) .nj-km-kn5 { --kd: calc(mod(calc(var(--ev-clock) + 1285.9s), 2160s) + 9.2s); }
  html:not([data-sky="demo"]) .nj-km-kn6 { --kd: calc(mod(calc(var(--ev-clock) + 1626.3s), 2160s) + 9.2s); }
  html:not([data-sky="demo"]) .nj-km-kn7 { --kd: calc(mod(calc(var(--ev-clock) + 1683.6s), 2160s) + 9.2s); }
  html:not([data-sky="demo"]) .nj-km-kn8 { --kd: calc(mod(calc(var(--ev-clock) + 1965.2s), 2160s) + 9.2s); }
  html:not([data-sky="demo"]) .nj-km-hole0 { --kd: calc(mod(calc(var(--ev-clock) + 50.4s), 2160s) + 6.4s); }
  html:not([data-sky="demo"]) .nj-km-hole1 { --kd: calc(mod(calc(var(--ev-clock) + 247.0s), 2160s) + 6.4s); }
  html:not([data-sky="demo"]) .nj-km-hole2 { --kd: calc(mod(calc(var(--ev-clock) + 507.0s), 2160s) + 6.4s); }
  html:not([data-sky="demo"]) .nj-km-hole3 { --kd: calc(mod(calc(var(--ev-clock) + 924.7s), 2160s) + 6.4s); }
  html:not([data-sky="demo"]) .nj-km-hole4 { --kd: calc(mod(calc(var(--ev-clock) + 1083.7s), 2160s) + 6.4s); }
  html:not([data-sky="demo"]) .nj-km-hole5 { --kd: calc(mod(calc(var(--ev-clock) + 1326.8s), 2160s) + 6.4s); }
  html:not([data-sky="demo"]) .nj-km-hole6 { --kd: calc(mod(calc(var(--ev-clock) + 1664.6s), 2160s) + 6.4s); }
  html:not([data-sky="demo"]) .nj-km-hole7 { --kd: calc(mod(calc(var(--ev-clock) + 1763.7s), 2160s) + 6.4s); }
  html:not([data-sky="demo"]) .nj-km-hole8 { --kd: calc(mod(calc(var(--ev-clock) + 1929.0s), 2160s) + 6.4s); }
  html:not([data-sky="demo"]) .nj-km-pulsar0 { --kd: calc(mod(calc(var(--ev-clock) + 26.2s), 2160s) + 10.3s); }
  html:not([data-sky="demo"]) .nj-km-pulsar1 { --kd: calc(mod(calc(var(--ev-clock) + 424.5s), 2160s) + 10.3s); }
  html:not([data-sky="demo"]) .nj-km-pulsar2 { --kd: calc(mod(calc(var(--ev-clock) + 486.1s), 2160s) + 10.3s); }
  html:not([data-sky="demo"]) .nj-km-pulsar3 { --kd: calc(mod(calc(var(--ev-clock) + 743.0s), 2160s) + 10.3s); }
  html:not([data-sky="demo"]) .nj-km-pulsar4 { --kd: calc(mod(calc(var(--ev-clock) + 1121.1s), 2160s) + 10.3s); }
  html:not([data-sky="demo"]) .nj-km-pulsar5 { --kd: calc(mod(calc(var(--ev-clock) + 1305.5s), 2160s) + 10.3s); }
  html:not([data-sky="demo"]) .nj-km-pulsar6 { --kd: calc(mod(calc(var(--ev-clock) + 1584.5s), 2160s) + 10.3s); }
  html:not([data-sky="demo"]) .nj-km-pulsar7 { --kd: calc(mod(calc(var(--ev-clock) + 1822.6s), 2160s) + 10.3s); }
  html:not([data-sky="demo"]) .nj-km-pulsar8 { --kd: calc(mod(calc(var(--ev-clock) + 1943.2s), 2160s) + 10.3s); }
  .nj-km-mg0 { animation: none; }
  .nj-km-mg1 { animation: none; }
  .nj-km-mg2 { animation: none; }
  .nj-km-mg3 { animation: none; }
  .nj-km-mg4 { animation: none; }
  .nj-km-mg5 { animation: none; }
  .nj-km-mg6 { animation: none; }
  .nj-km-mg7 { animation: none; }
  .nj-km-mg8 { animation: none; }
  html:not([data-sky="demo"]) .nj-km-au0 { --kd: calc(mod(calc(var(--ev-clock) + 86.9s), 2160s) + 10s); }
  html:not([data-sky="demo"]) .nj-km-au1 { --kd: calc(mod(calc(var(--ev-clock) + 341.1s), 2160s) + 10s); }
  html:not([data-sky="demo"]) .nj-km-au2 { --kd: calc(mod(calc(var(--ev-clock) + 582.7s), 2160s) + 10s); }
  html:not([data-sky="demo"]) .nj-km-au3 { --kd: calc(mod(calc(var(--ev-clock) + 724.0s), 2160s) + 10s); }
  html:not([data-sky="demo"]) .nj-km-au4 { --kd: calc(mod(calc(var(--ev-clock) + 1044.9s), 2160s) + 10s); }
  html:not([data-sky="demo"]) .nj-km-au5 { --kd: calc(mod(calc(var(--ev-clock) + 1202.8s), 2160s) + 10s); }
  html:not([data-sky="demo"]) .nj-km-au6 { --kd: calc(mod(calc(var(--ev-clock) + 1646.7s), 2160s) + 10s); }
  html:not([data-sky="demo"]) .nj-km-au7 { --kd: calc(mod(calc(var(--ev-clock) + 1781.9s), 2160s) + 10s); }
  html:not([data-sky="demo"]) .nj-km-au8 { --kd: calc(mod(calc(var(--ev-clock) + 2126.2s), 2160s) + 10s); }
  .nj-km-dy0 { animation: none; }
  .nj-km-dy1 { animation: none; }
  .nj-km-dy2 { animation: none; }
  .nj-km-dy3 { animation: none; }
  .nj-km-dy4 { animation: none; }
  .nj-km-dy5 { animation: none; }
  .nj-km-dy6 { animation: none; }
  .nj-km-dy7 { animation: none; }
  .nj-km-dy8 { animation: none; }
  .nj-km-rocks0 { animation: none; }
  .nj-km-rocks1 { animation: none; }
  .nj-km-rocks2 { animation: none; }
  .nj-km-rocks3 { animation: none; }
  .nj-km-rocks4 { animation: none; }
  .nj-km-rocks5 { animation: none; }
  .nj-km-rocks6 { animation: none; }
  .nj-km-rocks7 { animation: none; }
  .nj-km-rocks8 { animation: none; }
  .nj-km-beacon0 { animation: none; }
  .nj-km-beacon1 { animation: none; }
  .nj-km-beacon2 { animation: none; }
  .nj-km-beacon3 { animation: none; }
  .nj-km-beacon4 { animation: none; }
  .nj-km-beacon5 { animation: none; }
  .nj-km-beacon6 { animation: none; }
  .nj-km-beacon7 { animation: none; }
  .nj-km-beacon8 { animation: none; }
  .nj-km-crash0 { animation: none; }
  .nj-km-crash1 { animation: none; }
  .nj-km-crash2 { animation: none; }
  .nj-km-crash3 { animation: none; }
  .nj-km-crash4 { animation: none; }
  .nj-km-crash5 { animation: none; }
  .nj-km-crash6 { animation: none; }
  .nj-km-crash7 { animation: none; }
  .nj-km-crash8 { animation: none; }
  html:not([data-sky="demo"]) .nj-km-duel0 { --kd: calc(mod(calc(var(--ev-clock) + 221.6s), 2160s) + 5.3s); }
  html:not([data-sky="demo"]) .nj-km-duel1 { --kd: calc(mod(calc(var(--ev-clock) + 468.0s), 2160s) + 5.3s); }
  html:not([data-sky="demo"]) .nj-km-duel2 { --kd: calc(mod(calc(var(--ev-clock) + 603.6s), 2160s) + 5.3s); }
  html:not([data-sky="demo"]) .nj-km-duel3 { --kd: calc(mod(calc(var(--ev-clock) + 884.9s), 2160s) + 5.3s); }
  html:not([data-sky="demo"]) .nj-km-duel4 { --kd: calc(mod(calc(var(--ev-clock) + 1031.6s), 2160s) + 5.3s); }
  html:not([data-sky="demo"]) .nj-km-duel5 { --kd: calc(mod(calc(var(--ev-clock) + 1247.8s), 2160s) + 5.3s); }
  html:not([data-sky="demo"]) .nj-km-duel6 { --kd: calc(mod(calc(var(--ev-clock) + 1561.6s), 2160s) + 5.3s); }
  html:not([data-sky="demo"]) .nj-km-duel7 { --kd: calc(mod(calc(var(--ev-clock) + 1871.0s), 2160s) + 5.3s); }
  html:not([data-sky="demo"]) .nj-km-duel8 { --kd: calc(mod(calc(var(--ev-clock) + 2031.7s), 2160s) + 5.3s); }
}
html[data-sky="demo"] .nj-ev { animation: none; }
@keyframes nj-gd-jump { 0% { display: none; content-visibility: hidden; opacity: 0; } 0.3768% { display: none; content-visibility: hidden; opacity: 0; } 0.3778%, 1.6623% { display: block; content-visibility: visible; opacity: 1; } 1.6633% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-jump .nj-g { animation: nj-gd-jump 264.7s infinite; }
@keyframes nj-gd-nova { 0% { display: none; content-visibility: hidden; opacity: 0; } 2.039% { display: none; content-visibility: hidden; opacity: 0; } 2.04%, 4.5334% { display: block; content-visibility: visible; opacity: 1; } 4.5344% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-nova .nj-g { animation: nj-gd-nova 264.7s infinite; }
html[data-sky="demo"] .nj-km-nova0 { --kd: 10.0s; animation: nj-keep 2.5s ease-out var(--kd) forwards; } html[data-sky="demo"] .nj-km-nova1 { animation: none; } html[data-sky="demo"] .nj-km-nova2 { animation: none; } html[data-sky="demo"] .nj-km-nova3 { animation: none; } html[data-sky="demo"] .nj-km-nova4 { animation: none; } html[data-sky="demo"] .nj-km-nova5 { animation: none; } html[data-sky="demo"] .nj-km-nova6 { animation: none; } html[data-sky="demo"] .nj-km-nova7 { animation: none; } html[data-sky="demo"] .nj-km-nova8 { animation: none; }
@keyframes nj-gd-duel { 0% { display: none; content-visibility: hidden; opacity: 0; } 4.9102% { display: none; content-visibility: hidden; opacity: 0; } 4.9112%, 7.6691% { display: block; content-visibility: visible; opacity: 1; } 7.6701% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-duel .nj-g { animation: nj-gd-duel 264.7s infinite; }
html[data-sky="demo"] .nj-km-duel0 { --kd: 18.3s; animation: nj-keep 2.5s ease-out var(--kd) forwards; } html[data-sky="demo"] .nj-km-duel1 { animation: none; } html[data-sky="demo"] .nj-km-duel2 { animation: none; } html[data-sky="demo"] .nj-km-duel3 { animation: none; } html[data-sky="demo"] .nj-km-duel4 { animation: none; } html[data-sky="demo"] .nj-km-duel5 { animation: none; } html[data-sky="demo"] .nj-km-duel6 { animation: none; } html[data-sky="demo"] .nj-km-duel7 { animation: none; } html[data-sky="demo"] .nj-km-duel8 { animation: none; }
@keyframes nj-gd-route { 0% { display: none; content-visibility: hidden; opacity: 0; } 8.0458% { display: none; content-visibility: hidden; opacity: 0; } 8.0468%, 13.3359% { display: block; content-visibility: visible; opacity: 1; } 13.3369% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-route .nj-g { animation: nj-gd-route 264.7s infinite; }
@keyframes nj-gd-pulsar { 0% { display: none; content-visibility: hidden; opacity: 0; } 13.7126% { display: none; content-visibility: hidden; opacity: 0; } 13.7136%, 18.3604% { display: block; content-visibility: visible; opacity: 1; } 18.3614% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-pulsar .nj-g { animation: nj-gd-pulsar 264.7s infinite; }
html[data-sky="demo"] .nj-km-pulsar0 { --kd: 46.599999999999994s; animation: nj-keep 2.5s ease-out var(--kd) forwards; } html[data-sky="demo"] .nj-km-pulsar1 { animation: none; } html[data-sky="demo"] .nj-km-pulsar2 { animation: none; } html[data-sky="demo"] .nj-km-pulsar3 { animation: none; } html[data-sky="demo"] .nj-km-pulsar4 { animation: none; } html[data-sky="demo"] .nj-km-pulsar5 { animation: none; } html[data-sky="demo"] .nj-km-pulsar6 { animation: none; } html[data-sky="demo"] .nj-km-pulsar7 { animation: none; } html[data-sky="demo"] .nj-km-pulsar8 { animation: none; }
@keyframes nj-gd-squad { 0% { display: none; content-visibility: hidden; opacity: 0; } 18.7372% { display: none; content-visibility: hidden; opacity: 0; } 18.7382%, 22.1383% { display: block; content-visibility: visible; opacity: 1; } 22.1393% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-squad .nj-g { animation: nj-gd-squad 264.7s infinite; }
@keyframes nj-gd-trace { 0% { display: none; content-visibility: hidden; opacity: 0; } 22.5151% { display: none; content-visibility: hidden; opacity: 0; } 22.5161%, 26.6717% { display: block; content-visibility: visible; opacity: 1; } 26.6727% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-trace .nj-g { animation: nj-gd-trace 264.7s infinite; }
@keyframes nj-gd-crash { 0% { display: none; content-visibility: hidden; opacity: 0; } 27.0485% { display: none; content-visibility: hidden; opacity: 0; } 27.0495%, 29.5051% { display: block; content-visibility: visible; opacity: 1; } 29.5061% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-crash .nj-g { animation: nj-gd-crash 264.7s infinite; }
html[data-sky="demo"] .nj-km-crash0 { --kd: 76.1s; animation: nj-keep 2.5s ease-out var(--kd) forwards; } html[data-sky="demo"] .nj-km-crash1 { animation: none; } html[data-sky="demo"] .nj-km-crash2 { animation: none; } html[data-sky="demo"] .nj-km-crash3 { animation: none; } html[data-sky="demo"] .nj-km-crash4 { animation: none; } html[data-sky="demo"] .nj-km-crash5 { animation: none; } html[data-sky="demo"] .nj-km-crash6 { animation: none; } html[data-sky="demo"] .nj-km-crash7 { animation: none; } html[data-sky="demo"] .nj-km-crash8 { animation: none; }
@keyframes nj-gd-station { 0% { display: none; content-visibility: hidden; opacity: 0; } 29.8819% { display: none; content-visibility: hidden; opacity: 0; } 29.8829%, 33.8119% { display: block; content-visibility: visible; opacity: 1; } 33.8129% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-station .nj-g { animation: nj-gd-station 264.7s infinite; }
@keyframes nj-gd-comet { 0% { display: none; content-visibility: hidden; opacity: 0; } 34.1886% { display: none; content-visibility: hidden; opacity: 0; } 34.1896%, 40.9898% { display: block; content-visibility: visible; opacity: 1; } 40.9908% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-comet .nj-g { animation: nj-gd-comet 264.7s infinite; }
@keyframes nj-gd-ftl { 0% { display: none; content-visibility: hidden; opacity: 0; } 41.3666% { display: none; content-visibility: hidden; opacity: 0; } 41.3676%, 47.0344% { display: block; content-visibility: visible; opacity: 1; } 47.0354% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-ftl .nj-g { animation: nj-gd-ftl 264.7s infinite; }
@keyframes nj-gd-ecl { 0% { display: none; content-visibility: hidden; opacity: 0; } 47.4112% { display: none; content-visibility: hidden; opacity: 0; } 47.4122%, 50.4345% { display: block; content-visibility: visible; opacity: 1; } 50.4355% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-ecl { animation: nj-gd-ecl 264.7s infinite; }
html[data-sky="demo"] .nj-sun::before { animation: nj-sundim-d 264.7s infinite; }
@keyframes nj-sundim-d { 0% { opacity: .9; } 48.6815% { opacity: 0.9; } 48.9233% { opacity: 0.3; } 49.1651% { opacity: 0.9; } 100% { opacity: .9; } }
@keyframes nj-gd-hole { 0% { display: none; content-visibility: hidden; opacity: 0; } 50.8112% { display: none; content-visibility: hidden; opacity: 0; } 50.8122%, 53.9856% { display: block; content-visibility: visible; opacity: 1; } 53.9866% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-hole .nj-g { animation: nj-gd-hole 264.7s infinite; }
html[data-sky="demo"] .nj-km-hole0 { --kd: 140.9s; animation: nj-keep 2.5s ease-out var(--kd) forwards; } html[data-sky="demo"] .nj-km-hole1 { animation: none; } html[data-sky="demo"] .nj-km-hole2 { animation: none; } html[data-sky="demo"] .nj-km-hole3 { animation: none; } html[data-sky="demo"] .nj-km-hole4 { animation: none; } html[data-sky="demo"] .nj-km-hole5 { animation: none; } html[data-sky="demo"] .nj-km-hole6 { animation: none; } html[data-sky="demo"] .nj-km-hole7 { animation: none; } html[data-sky="demo"] .nj-km-hole8 { animation: none; }
@keyframes nj-gd-intd { 0% { display: none; content-visibility: hidden; opacity: 0; } 54.3624% { display: none; content-visibility: hidden; opacity: 0; } 54.3634%, 56.7813% { display: block; content-visibility: visible; opacity: 1; } 56.7823% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-intd .nj-g { animation: nj-gd-intd 264.7s infinite; }
@keyframes nj-gd-rocks { 0% { display: none; content-visibility: hidden; opacity: 0; } 57.158% { display: none; content-visibility: hidden; opacity: 0; } 57.159%, 60.7102% { display: block; content-visibility: visible; opacity: 1; } 60.7112% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-rocks .nj-g { animation: nj-gd-rocks 264.7s infinite; }
html[data-sky="demo"] .nj-km-rocks0 { --kd: 158.70000000000002s; animation: nj-keep 2.5s ease-out var(--kd) forwards; } html[data-sky="demo"] .nj-km-rocks1 { animation: none; } html[data-sky="demo"] .nj-km-rocks2 { animation: none; } html[data-sky="demo"] .nj-km-rocks3 { animation: none; } html[data-sky="demo"] .nj-km-rocks4 { animation: none; } html[data-sky="demo"] .nj-km-rocks5 { animation: none; } html[data-sky="demo"] .nj-km-rocks6 { animation: none; } html[data-sky="demo"] .nj-km-rocks7 { animation: none; } html[data-sky="demo"] .nj-km-rocks8 { animation: none; }
@keyframes nj-gd-ping { 0% { display: none; content-visibility: hidden; opacity: 0; } 61.087% { display: none; content-visibility: hidden; opacity: 0; } 61.088%, 63.5814% { display: block; content-visibility: visible; opacity: 1; } 63.5824% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-ping .nj-g { animation: nj-gd-ping 264.7s infinite; }
@keyframes nj-gd-beacon { 0% { display: none; content-visibility: hidden; opacity: 0; } 63.9582% { display: none; content-visibility: hidden; opacity: 0; } 63.9592%, 66.7548% { display: block; content-visibility: visible; opacity: 1; } 66.7558% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-beacon .nj-g { animation: nj-gd-beacon 264.7s infinite; }
html[data-sky="demo"] .nj-km-beacon0 { --kd: 174.70000000000002s; animation: nj-keep 2.5s ease-out var(--kd) forwards; } html[data-sky="demo"] .nj-km-beacon1 { animation: none; } html[data-sky="demo"] .nj-km-beacon2 { animation: none; } html[data-sky="demo"] .nj-km-beacon3 { animation: none; } html[data-sky="demo"] .nj-km-beacon4 { animation: none; } html[data-sky="demo"] .nj-km-beacon5 { animation: none; } html[data-sky="demo"] .nj-km-beacon6 { animation: none; } html[data-sky="demo"] .nj-km-beacon7 { animation: none; } html[data-sky="demo"] .nj-km-beacon8 { animation: none; }
@keyframes nj-gd-nebula { 0% { display: none; content-visibility: hidden; opacity: 0; } 67.1316% { display: none; content-visibility: hidden; opacity: 0; } 67.1326%, 72.5727% { display: block; content-visibility: visible; opacity: 1; } 72.5737% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-nebula .nj-g { animation: nj-gd-nebula 264.7s infinite; }
@keyframes nj-gd-kn { 0% { display: none; content-visibility: hidden; opacity: 0; } 72.9495% { display: none; content-visibility: hidden; opacity: 0; } 72.9505%, 77.1817% { display: block; content-visibility: visible; opacity: 1; } 77.1827% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-kn .nj-g { animation: nj-gd-kn 264.7s infinite; }
html[data-sky="demo"] .nj-km-kn0 { --kd: 202.29999999999998s; animation: nj-keep 2.5s ease-out var(--kd) forwards; } html[data-sky="demo"] .nj-km-kn1 { animation: none; } html[data-sky="demo"] .nj-km-kn2 { animation: none; } html[data-sky="demo"] .nj-km-kn3 { animation: none; } html[data-sky="demo"] .nj-km-kn4 { animation: none; } html[data-sky="demo"] .nj-km-kn5 { animation: none; } html[data-sky="demo"] .nj-km-kn6 { animation: none; } html[data-sky="demo"] .nj-km-kn7 { animation: none; } html[data-sky="demo"] .nj-km-kn8 { animation: none; }
@keyframes nj-gd-jg { 0% { display: none; content-visibility: hidden; opacity: 0; } 77.5585% { display: none; content-visibility: hidden; opacity: 0; } 77.5595%, 82.0929% { display: block; content-visibility: visible; opacity: 1; } 82.0939% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-jg .nj-g { animation: nj-gd-jg 264.7s infinite; }
@keyframes nj-gd-fw { 0% { display: none; content-visibility: hidden; opacity: 0; } 82.4697% { display: none; content-visibility: hidden; opacity: 0; } 82.4707%, 85.7952% { display: block; content-visibility: visible; opacity: 1; } 85.7962% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-fw .nj-g { animation: nj-gd-fw 264.7s infinite; }
@keyframes nj-gd-mg { 0% { display: none; content-visibility: hidden; opacity: 0; } 86.172% { display: none; content-visibility: hidden; opacity: 0; } 86.173%, 89.7998% { display: block; content-visibility: visible; opacity: 1; } 89.8008% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-mg .nj-g { animation: nj-gd-mg 264.7s infinite; }
html[data-sky="demo"] .nj-km-mg0 { --kd: 235.7s; animation: nj-keep 2.5s ease-out var(--kd) forwards; } html[data-sky="demo"] .nj-km-mg1 { animation: none; } html[data-sky="demo"] .nj-km-mg2 { animation: none; } html[data-sky="demo"] .nj-km-mg3 { animation: none; } html[data-sky="demo"] .nj-km-mg4 { animation: none; } html[data-sky="demo"] .nj-km-mg5 { animation: none; } html[data-sky="demo"] .nj-km-mg6 { animation: none; } html[data-sky="demo"] .nj-km-mg7 { animation: none; } html[data-sky="demo"] .nj-km-mg8 { animation: none; }
@keyframes nj-gd-au { 0% { display: none; content-visibility: hidden; opacity: 0; } 90.1766% { display: none; content-visibility: hidden; opacity: 0; } 90.1776%, 94.711% { display: block; content-visibility: visible; opacity: 1; } 94.712% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-au .nj-g { animation: nj-gd-au 264.7s infinite; }
html[data-sky="demo"] .nj-km-au0 { --kd: 248.7s; animation: nj-keep 2.5s ease-out var(--kd) forwards; } html[data-sky="demo"] .nj-km-au1 { animation: none; } html[data-sky="demo"] .nj-km-au2 { animation: none; } html[data-sky="demo"] .nj-km-au3 { animation: none; } html[data-sky="demo"] .nj-km-au4 { animation: none; } html[data-sky="demo"] .nj-km-au5 { animation: none; } html[data-sky="demo"] .nj-km-au6 { animation: none; } html[data-sky="demo"] .nj-km-au7 { animation: none; } html[data-sky="demo"] .nj-km-au8 { animation: none; }
@keyframes nj-gd-dy { 0% { display: none; content-visibility: hidden; opacity: 0; } 95.0878% { display: none; content-visibility: hidden; opacity: 0; } 95.0888%, 99.6222% { display: block; content-visibility: visible; opacity: 1; } 99.6232% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-e-dy .nj-g { animation: nj-gd-dy 264.7s infinite; }
html[data-sky="demo"] .nj-km-dy0 { --kd: 261.7s; animation: nj-keep 2.5s ease-out var(--kd) forwards; } html[data-sky="demo"] .nj-km-dy1 { animation: none; } html[data-sky="demo"] .nj-km-dy2 { animation: none; } html[data-sky="demo"] .nj-km-dy3 { animation: none; } html[data-sky="demo"] .nj-km-dy4 { animation: none; } html[data-sky="demo"] .nj-km-dy5 { animation: none; } html[data-sky="demo"] .nj-km-dy6 { animation: none; } html[data-sky="demo"] .nj-km-dy7 { animation: none; } html[data-sky="demo"] .nj-km-dy8 { animation: none; }
@keyframes nj-gdl-jump { 0% { display: none; content-visibility: hidden; opacity: 0; } 0.3768% { display: none; content-visibility: hidden; opacity: 0; } 0.3778%, 1.8889% { display: block; content-visibility: visible; opacity: 1; } 1.8899% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-jump .nj-g { animation: nj-gdl-jump 264.7s infinite; }
@keyframes nj-gdl-nova { 0% { display: none; content-visibility: hidden; opacity: 0; } 2.039% { display: none; content-visibility: hidden; opacity: 0; } 2.04%, 4.7601% { display: block; content-visibility: visible; opacity: 1; } 4.7611% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-nova .nj-g { animation: nj-gdl-nova 264.7s infinite; }
@keyframes nj-gdl-duel { 0% { display: none; content-visibility: hidden; opacity: 0; } 4.9102% { display: none; content-visibility: hidden; opacity: 0; } 4.9112%, 7.8957% { display: block; content-visibility: visible; opacity: 1; } 7.8967% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-duel .nj-g { animation: nj-gdl-duel 264.7s infinite; }
@keyframes nj-gdl-route { 0% { display: none; content-visibility: hidden; opacity: 0; } 8.0458% { display: none; content-visibility: hidden; opacity: 0; } 8.0468%, 13.5625% { display: block; content-visibility: visible; opacity: 1; } 13.5635% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-route .nj-g { animation: nj-gdl-route 264.7s infinite; }
@keyframes nj-gdl-pulsar { 0% { display: none; content-visibility: hidden; opacity: 0; } 13.7126% { display: none; content-visibility: hidden; opacity: 0; } 13.7136%, 18.5871% { display: block; content-visibility: visible; opacity: 1; } 18.5881% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-pulsar .nj-g { animation: nj-gdl-pulsar 264.7s infinite; }
@keyframes nj-gdl-squad { 0% { display: none; content-visibility: hidden; opacity: 0; } 18.7372% { display: none; content-visibility: hidden; opacity: 0; } 18.7382%, 22.3649% { display: block; content-visibility: visible; opacity: 1; } 22.3659% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-squad .nj-g { animation: nj-gdl-squad 264.7s infinite; }
@keyframes nj-gdl-trace { 0% { display: none; content-visibility: hidden; opacity: 0; } 22.5151% { display: none; content-visibility: hidden; opacity: 0; } 22.5161%, 26.8984% { display: block; content-visibility: visible; opacity: 1; } 26.8994% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-trace .nj-g { animation: nj-gdl-trace 264.7s infinite; }
@keyframes nj-gdl-crash { 0% { display: none; content-visibility: hidden; opacity: 0; } 27.0485% { display: none; content-visibility: hidden; opacity: 0; } 27.0495%, 29.7318% { display: block; content-visibility: visible; opacity: 1; } 29.7328% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-crash .nj-g { animation: nj-gdl-crash 264.7s infinite; }
@keyframes nj-gdl-station { 0% { display: none; content-visibility: hidden; opacity: 0; } 29.8819% { display: none; content-visibility: hidden; opacity: 0; } 29.8829%, 34.0385% { display: block; content-visibility: visible; opacity: 1; } 34.0395% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-station .nj-g { animation: nj-gdl-station 264.7s infinite; }
@keyframes nj-gdl-comet { 0% { display: none; content-visibility: hidden; opacity: 0; } 34.1886% { display: none; content-visibility: hidden; opacity: 0; } 34.1896%, 41.2165% { display: block; content-visibility: visible; opacity: 1; } 41.2175% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-comet .nj-g { animation: nj-gdl-comet 264.7s infinite; }
@keyframes nj-gdl-ftl { 0% { display: none; content-visibility: hidden; opacity: 0; } 41.3666% { display: none; content-visibility: hidden; opacity: 0; } 41.3676%, 50.6611% { display: block; content-visibility: visible; opacity: 1; } 50.6621% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-ftl .nj-g { animation: nj-gdl-ftl 264.7s infinite; }
@keyframes nj-gdl-hole { 0% { display: none; content-visibility: hidden; opacity: 0; } 50.8112% { display: none; content-visibility: hidden; opacity: 0; } 50.8122%, 54.2123% { display: block; content-visibility: visible; opacity: 1; } 54.2133% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-hole .nj-g { animation: nj-gdl-hole 264.7s infinite; }
@keyframes nj-gdl-intd { 0% { display: none; content-visibility: hidden; opacity: 0; } 54.3624% { display: none; content-visibility: hidden; opacity: 0; } 54.3634%, 57.0079% { display: block; content-visibility: visible; opacity: 1; } 57.0089% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-intd .nj-g { animation: nj-gdl-intd 264.7s infinite; }
@keyframes nj-gdl-rocks { 0% { display: none; content-visibility: hidden; opacity: 0; } 57.158% { display: none; content-visibility: hidden; opacity: 0; } 57.159%, 60.9369% { display: block; content-visibility: visible; opacity: 1; } 60.9379% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-rocks .nj-g { animation: nj-gdl-rocks 264.7s infinite; }
@keyframes nj-gdl-ping { 0% { display: none; content-visibility: hidden; opacity: 0; } 61.087% { display: none; content-visibility: hidden; opacity: 0; } 61.088%, 63.8081% { display: block; content-visibility: visible; opacity: 1; } 63.8091% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-ping .nj-g { animation: nj-gdl-ping 264.7s infinite; }
@keyframes nj-gdl-beacon { 0% { display: none; content-visibility: hidden; opacity: 0; } 63.9582% { display: none; content-visibility: hidden; opacity: 0; } 63.9592%, 66.9815% { display: block; content-visibility: visible; opacity: 1; } 66.9825% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-beacon .nj-g { animation: nj-gdl-beacon 264.7s infinite; }
@keyframes nj-gdl-nebula { 0% { display: none; content-visibility: hidden; opacity: 0; } 67.1316% { display: none; content-visibility: hidden; opacity: 0; } 67.1326%, 72.7994% { display: block; content-visibility: visible; opacity: 1; } 72.8004% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-nebula .nj-g { animation: nj-gdl-nebula 264.7s infinite; }
@keyframes nj-gdl-kn { 0% { display: none; content-visibility: hidden; opacity: 0; } 72.9495% { display: none; content-visibility: hidden; opacity: 0; } 72.9505%, 77.4084% { display: block; content-visibility: visible; opacity: 1; } 77.4094% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-kn .nj-g { animation: nj-gdl-kn 264.7s infinite; }
@keyframes nj-gdl-jg { 0% { display: none; content-visibility: hidden; opacity: 0; } 77.5585% { display: none; content-visibility: hidden; opacity: 0; } 77.5595%, 82.3196% { display: block; content-visibility: visible; opacity: 1; } 82.3206% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-jg .nj-g { animation: nj-gdl-jg 264.7s infinite; }
@keyframes nj-gdl-fw { 0% { display: none; content-visibility: hidden; opacity: 0; } 82.4697% { display: none; content-visibility: hidden; opacity: 0; } 82.4707%, 86.0219% { display: block; content-visibility: visible; opacity: 1; } 86.0229% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-fw .nj-g { animation: nj-gdl-fw 264.7s infinite; }
@keyframes nj-gdl-mg { 0% { display: none; content-visibility: hidden; opacity: 0; } 86.172% { display: none; content-visibility: hidden; opacity: 0; } 86.173%, 90.0264% { display: block; content-visibility: visible; opacity: 1; } 90.0274% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-mg .nj-g { animation: nj-gdl-mg 264.7s infinite; }
@keyframes nj-gdl-au { 0% { display: none; content-visibility: hidden; opacity: 0; } 90.1766% { display: none; content-visibility: hidden; opacity: 0; } 90.1776%, 94.9377% { display: block; content-visibility: visible; opacity: 1; } 94.9387% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-au .nj-g { animation: nj-gdl-au 264.7s infinite; }
@keyframes nj-gdl-dy { 0% { display: none; content-visibility: hidden; opacity: 0; } 95.0878% { display: none; content-visibility: hidden; opacity: 0; } 95.0888%, 99.99% { display: block; content-visibility: visible; opacity: 1; } 99.991% { display: none; content-visibility: hidden; opacity: 0; } 100% { display: none; content-visibility: hidden; opacity: 0; } }
html[data-sky="demo"] .nj-l-dy .nj-g { animation: nj-gdl-dy 264.7s infinite; }
.nj-meteor { width: 140px; height: 1.5px; border-radius: 2px; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 35%, transparent) 60%, var(--fg)); opacity: 0; animation: nj-meteor 29s ease-out infinite; }
.nj-meteor::after { content: ""; position: absolute; right: -2px; top: -1.5px; width: 4.5px; height: 4.5px; border-radius: 50%; background: #fff; box-shadow: 0 0 6px 2px color-mix(in srgb, var(--accent) 70%, transparent); }
@keyframes nj-meteor { 0% { opacity: 0; transform: rotate(var(--a)) translateX(0); } 1% { opacity: .9; } 4%, 100% { opacity: 0; transform: rotate(var(--a)) translateX(380px); } }
.nj-sat { left: 0; width: 3px; height: 3px; border-radius: 50%; background: var(--muted); opacity: 0; animation: nj-sat 90s linear infinite, ev-blink 1.4s steps(1) infinite; }
.nj-sat2 { animation-duration: 130s, 1.4s; animation-delay: 55s, 0s; }
@keyframes nj-sat { 0% { opacity: .8; transform: translate(-10px, 0); } 30% { opacity: .8; transform: translate(104vw, -18vh); } 30.1%, 100% { opacity: 0; transform: translate(104vw, -18vh); } }

.nj-meteor:nth-of-type(1) { left: 8%; top: 55%; --a: 33deg; animation-duration: 41s; animation-delay: 34s; }
.nj-meteor:nth-of-type(2) { left: 48%; top: 56%; --a: 33deg; animation-duration: 23s; animation-delay: 31s; }
.nj-meteor:nth-of-type(3) { left: 55%; top: 59%; --a: 44deg; animation-duration: 29s; animation-delay: 3s; }
.nj-meteor:nth-of-type(4) { left: 28%; top: 11%; --a: 25deg; animation-duration: 23s; animation-delay: 24s; }
.nj-meteor:nth-of-type(5) { left: 26%; top: 7%; --a: 33deg; animation-duration: 37s; animation-delay: 14s; }
.nj-sat1 { top: 34%; } .nj-sat2 { top: 72%; }
@media (prefers-reduced-motion: reduce) {
  .nj-sky *, .nj-sky *::before, .nj-sky *::after, .nj-hit * { animation: none !important; }
  .nj-ev, .nj-log, .nj-meteor, .nj-sat, .nj-fx, .nj-nova, .nj-core, .nj-ecl, .nj-hit { display: none !important; }
}
@media (prefers-contrast: more), (forced-colors: active), print { .nj-sky, .nj-hit { display: none; } }
:root:is([data-net="demo"], :not([data-sky="demo"]):is([data-bg="net"], [data-bg="off"], :not([data-bg]):has(#bg-net:checked, #bg-off:checked))) :is(.nj-sky, .nj-hit) { display: none; }
@media (max-width: 40rem) { .nj-log { display: none; } }
/* Phones: half the events (the wide graphs and the busiest go), on rounds
   of their own, one in every 20 s as elsewhere and never two at once (above);
   two shooting stars, one satellite, fewer twinkles. */
@media (max-width: 40rem) {
  :is(.nj-e-route, .nj-e-trace, .nj-e-ftl, .nj-e-ping, .nj-e-squad, .nj-e-crash, .nj-e-intd, .nj-e-rocks, .nj-e-beacon, .nj-e-fw, .nj-e-mg, .nj-e-dy),
  .nj-meteor:nth-of-type(n+3), .nj-sat2, .nj-tw:nth-of-type(2n) { display: none; }
}
.cst-h0 { left: calc(50% - 874px); top: 593px; width: 219px; height: 117px; clip-path: path('M166 105a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M166 74a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M146 54a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M151 31a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M186 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M197 26a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M63 48a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M61 82a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 83a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z0 { --cx: -764px; --cy: 652px; }
.cst-h1 { left: calc(50% - 237px); top: 77px; width: 143px; height: 168px; clip-path: path('M88 152a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M43 101a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 57a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M23 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M61 27a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M62 79a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M121 156a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z1 { --cx: -166px; --cy: 161px; }
.cst-h2 { left: calc(50% - -1203px); top: 948px; width: 90px; height: 153px; clip-path: path('M2 29a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M68 131a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M51 36a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M40 79a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M33 85a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M25 90a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M14 141a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M35 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z2 { --cx: 1248px; --cy: 1024px; }
.cst-h3 { left: calc(50% - 373px); top: 1011px; width: 193px; height: 133px; clip-path: path('M98 96a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M24 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 60a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M109 78a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M109 100a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M123 101a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M118 89a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M154 121a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M171 43a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z3 { --cx: -277px; --cy: 1078px; }
.cst-h4 { left: calc(50% - -1365px); top: 395px; width: 72px; height: 59px; clip-path: path('M42 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M50 26a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M40 42a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M28 45a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M18 47a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M7 41a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 22a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z4 { --cx: 1401px; --cy: 424px; }
.cst-h5 { left: calc(50% - 1089px); top: 123px; width: 131px; height: 136px; clip-path: path('M14 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M36 46a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M109 124a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 85a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M80 13a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z5 { --cx: -1023px; --cy: 191px; }
.cst-h6 { left: calc(50% - 1153px); top: 1180px; width: 269px; height: 182px; clip-path: path('M113 111a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M116 27a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M20 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 106a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M151 140a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M204 170a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M247 143a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M146 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z6 { --cx: -1018px; --cy: 1271px; }
.cst-h7 { left: calc(50% - -614px); top: 1016px; width: 187px; height: 102px; clip-path: path('M153 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M165 46a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M120 73a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M99 52a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M64 58a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M35 60a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 90a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z7 { --cx: 708px; --cy: 1067px; }
.cst-h8 { left: calc(50% - -773px); top: 165px; width: 167px; height: 179px; clip-path: path('M139 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M145 32a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M145 56a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M111 50a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M99 55a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M89 66a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M69 106a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M67 130a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M64 159a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M43 166a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M12 167a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 142a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M12 128a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M16 129a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z8 { --cx: 857px; --cy: 255px; }
.cst-h9 { left: calc(50% - -449px); top: 1506px; width: 111px; height: 83px; clip-path: path('M62 71a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M68 41a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M58 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M89 46a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M33 22a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M18 18a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 28a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M9 42a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z9 { --cx: 505px; --cy: 1547px; }
.cst-h10 { left: calc(50% - -1141px); top: 1462px; width: 116px; height: 120px; clip-path: path('M59 19a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M94 28a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M29 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M24 83a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M39 99a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M93 108a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 103a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z10 { --cx: 1199px; --cy: 1522px; }
.cst-h11 { left: calc(50% - 1488px); top: 662px; width: 62px; height: 147px; clip-path: path('M14 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M5 37a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 67a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M16 97a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M40 118a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M28 135a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M3 109a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z11 { --cx: -1457px; --cy: 735px; }
.cst-h12 { left: calc(50% - 136px); top: 580px; width: 108px; height: 138px; clip-path: path('M56 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M7 17a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 68a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M45 126a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M86 94a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M74 25a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z12 { --cx: -83px; --cy: 649px; }
.cst-h13 { left: calc(50% - 318px); top: 1478px; width: 176px; height: 115px; clip-path: path('M154 103a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M108 95a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M67 64a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M84 45a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M93 28a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z13 { --cx: -230px; --cy: 1536px; }
.cst-h14 { left: calc(50% - -159px); top: 1015px; width: 98px; height: 185px; clip-path: path('M46 55a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M67 112a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M76 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M64 30a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M26 69a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M6 118a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 146a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M7 173a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z14 { --cx: 208px; --cy: 1108px; }
.cst-h15 { left: calc(50% - -260px); top: 160px; width: 53px; height: 64px; clip-path: path('M31 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M21 20a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M14 48a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 52a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M9 24a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z15 { --cx: 286px; --cy: 192px; }
.cst-h16 { left: calc(50% - -575px); top: 587px; width: 263px; height: 232px; clip-path: path('M9 218a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M37 220a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M40 201a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M24 184a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 92a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M72 136a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M103 165a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M153 175a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M197 117a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M218 48a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M241 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z16 { --cx: 707px; --cy: 703px; }
.cst-h17 { left: calc(50% - 1517px); top: 46px; width: 51px; height: 63px; clip-path: path('M19 51a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 29a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M15 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M29 23a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M23 33a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z17 { --cx: -1491px; --cy: 77px; }
.cst-h18 { left: calc(50% - -1307px); top: 51px; width: 105px; height: 74px; clip-path: path('M83 42a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M59 62a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M44 35a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M20 38a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z18 { --cx: 1360px; --cy: 88px; }
.cst-h19 { left: calc(50% - 691px); top: 115px; width: 131px; height: 148px; clip-path: path('M36 46a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M44 34a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M29 62a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M77 83a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M109 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M109 136a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 109a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z19 { --cx: -625px; --cy: 189px; }
.cst-h20 { left: calc(50% - 1052px); top: 1556px; width: 158px; height: 127px; clip-path: path('M19 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M2 36a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M92 58a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M124 74a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M136 73a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M37 78a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M61 88a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z M103 115a10 10 0 1 0 20 0a10 10 0 1 0 -20 0Z'); }
.cst-z20 { --cx: -973px; --cy: 1620px; }
html:has(#cst-0:checked) .cst-z0 { display: block; } .cst-z0 { --nm: "LEO"; }
html:has(#cst-1:checked) .cst-z1 { display: block; } .cst-z1 { --nm: "BOÖTES"; }
html:has(#cst-2:checked) .cst-z2 { display: block; } .cst-z2 { --nm: "ORION"; }
html:has(#cst-3:checked) .cst-z3 { display: block; } .cst-z3 { --nm: "TAURUS"; }
html:has(#cst-4:checked) .cst-z4 { display: block; } .cst-z4 { --nm: "CORONA BOREALIS"; }
html:has(#cst-5:checked) .cst-z5 { display: block; } .cst-z5 { --nm: "CYGNUS"; }
html:has(#cst-6:checked) .cst-z6 { display: block; } .cst-z6 { --nm: "PEGASUS"; }
html:has(#cst-7:checked) .cst-z7 { display: block; } .cst-z7 { --nm: "URSA MAJOR"; }
html:has(#cst-8:checked) .cst-z8 { display: block; } .cst-z8 { --nm: "SCORPIUS"; }
html:has(#cst-9:checked) .cst-z9 { display: block; } .cst-z9 { --nm: "SAGITTARIUS"; }
html:has(#cst-10:checked) .cst-z10 { display: block; } .cst-z10 { --nm: "CANIS MAJOR"; }
html:has(#cst-11:checked) .cst-z11 { display: block; } .cst-z11 { --nm: "URSA MINOR"; }
html:has(#cst-12:checked) .cst-z12 { display: block; } .cst-z12 { --nm: "AURIGA"; }
html:has(#cst-13:checked) .cst-z13 { display: block; } .cst-z13 { --nm: "ANDROMEDA"; }
html:has(#cst-14:checked) .cst-z14 { display: block; } .cst-z14 { --nm: "PERSEUS"; }
html:has(#cst-15:checked) .cst-z15 { display: block; } .cst-z15 { --nm: "LYRA"; }
html:has(#cst-16:checked) .cst-z16 { display: block; } .cst-z16 { --nm: "DRACO"; }
html:has(#cst-17:checked) .cst-z17 { display: block; } .cst-z17 { --nm: "CRUX"; }
html:has(#cst-18:checked) .cst-z18 { display: block; } .cst-z18 { --nm: "CASSIOPEIA"; }
html:has(#cst-19:checked) .cst-z19 { display: block; } .cst-z19 { --nm: "AQUILA"; }
html:has(#cst-20:checked) .cst-z20 { display: block; } .cst-z20 { --nm: "GEMINI"; }
.km-t-nova { --nm: "SNR · SUPERNOVA REMNANT"; }
.km-t-kn { --nm: "KILONOVA REMNANT · r-PROCESS"; }
.km-t-hole { --nm: "BLACK HOLE · 9 M☉"; }
.km-t-pulsar { --nm: "PULSAR · P 0.71 s"; }
.km-t-mg { --nm: "MAGNETAR · B 10¹¹ T"; }
.km-t-au { --nm: "GAS GIANT · 1.3 M♃"; }
.km-t-dy { --nm: "DYSON SWARM · KARDASHEV II"; }
.km-t-rocks { --nm: "ASTEROID FIELD · 214 BODIES"; }
.km-t-beacon { --nm: "DISTRESS BEACON · SOS"; }
.km-t-crash { --nm: "WRECKAGE · NO LIFE SIGNS"; }
.km-t-duel { --nm: "WRECKAGE · HOSTILE, DISABLED"; }
.nj-s0 { --t: 0; }
.nj-s1 { --t: 1; }
.nj-s2 { --t: 2; }
.nj-s3 { --t: 3; }
.nj-s4 { --t: 4; }
.nj-s5 { --dx: 108px; --dy: 35px; --w: 8px; --rot: 297deg; }
.nj-s6 { --dx: 44px; --dy: 30px; --w: 12px; --rot: 257deg; }
.nj-s7 { --dx: 5px; --dy: 75px; --w: 8px; --rot: -253deg; }
.nj-s8 { --dx: -79px; --dy: 48px; --w: 6px; --rot: -247deg; }
.nj-s9 { --dx: -66px; --dy: 13px; --w: 7px; --rot: -157deg; }
.nj-s10 { --dx: -84px; --dy: -63px; --w: 6px; --rot: -407deg; }
.nj-s11 { --dx: -1px; --dy: -85px; --w: 7px; --rot: 11deg; }
.nj-s12 { --dx: 34px; --dy: -41px; --w: 9px; --rot: -2deg; }
.nj-s13 { --dx: 95px; --dy: -20px; --w: 9px; --rot: 47deg; }
.nj-s14 { --dx: -49px; --dy: 90px; }
.nj-s15 { --dx: 27px; --dy: -71px; }
.nj-s16 { --dx: -49px; --dy: -90px; }
.nj-s17 { --dx: 96px; --dy: 24px; }
.nj-s18 { --dx: 106px; --dy: -65px; }
.nj-s19 { --dx: -50px; --dy: 83px; }
.nj-s20 { --dx: 136px; --dy: 41px; }
.nj-s21 { --dx: -94px; --dy: 4px; }
.nj-s22 { --dx: 98px; --dy: 79px; }
.nj-s23 { --dx: -64px; --dy: 120px; }
.nj-s24 { --dx: -89px; --dy: 17px; }
.nj-s25 { --dx: -63px; --dy: 43px; }
.nj-s26 { --dx: 68px; --dy: 60px; }
.nj-s27 { --dx: -123px; --dy: -56px; }
.nj-s28 { --k: 0; }
.nj-s29 { --k: 1; }
.nj-s30 { --k: 2; }
.nj-s31 { --dx: -72px; --dy: -37px; }
.nj-s32 { --dx: -52px; --dy: 69px; }
.nj-s33 { --dx: -67px; --dy: 52px; }
.nj-s34 { --dx: 10px; --dy: 146px; }
.nj-s35 { --dx: -35px; --dy: 79px; }
.nj-s36 { --dx: -66px; --dy: 124px; }
.nj-s37 { --dx: -100px; --dy: 88px; }
.nj-s38 { --dx: -70px; --dy: 107px; }
.nj-s39 { --dx: -14px; --dy: -122px; }
.nj-s40 { --dx: -92px; --dy: -12px; }
.nj-s41 { --dx: 29px; --dy: 94px; }
.nj-s42 { --dx: 39px; --dy: -80px; }
.nj-s43 { --dx: -80px; --dy: 95px; }
.nj-s44 { --dx: 76px; --dy: 111px; }
.nj-s45 { --dx: 56px; --dy: 139px; }
.nj-s46 { --dx: -79px; --dy: -70px; }
.nj-s47 { --dx: 105px; --dy: 8px; --w: 9px; --rot: 374deg; }
.nj-s48 { --dx: 46px; --dy: 78px; --w: 7px; --rot: 43deg; }
.nj-s49 { --dx: -20px; --dy: 70px; --w: 11px; --rot: -350deg; }
.nj-s50 { --dx: -40px; --dy: 37px; --w: 11px; --rot: 423deg; }
.nj-s51 { --dx: -116px; --dy: -0px; --w: 6px; --rot: -61deg; }
.nj-s52 { --dx: -77px; --dy: -37px; --w: 11px; --rot: 426deg; }
.nj-s53 { --dx: -21px; --dy: -84px; --w: 7px; --rot: -530deg; }
.nj-s54 { --dx: 46px; --dy: -69px; --w: 7px; --rot: 222deg; }
.nj-s55 { --dx: 62px; --dy: -31px; --w: 11px; --rot: 246deg; }
.nj-s56 { --dx: -71px; --dy: -63px; }
.nj-s57 { --dx: 96px; --dy: -49px; }
.nj-s58 { --dx: 32px; --dy: -79px; }
.nj-s59 { --dx: 76px; --dy: 33px; }
.nj-s60 { --dx: 38px; --dy: 142px; }
.nj-s61 { --dx: -36px; --dy: 65px; }
.nj-s62 { --dx: 72px; --dy: 33px; }
.nj-s63 { --dx: -77px; --dy: -101px; }
.nj-s64 { --dx: -141px; --dy: -37px; }
.nj-s65 { --dx: -70px; --dy: -93px; }
.nj-s66 { --dx: -70px; --dy: 26px; }
.nj-s67 { --dx: -69px; --dy: -91px; }
.nj-s68 { --dx: -117px; --dy: 56px; }
.nj-s69 { --dx: 43px; --dy: -105px; }
.nj-s70 { --x: -110px; --y: -30px; --w: 30px; --h: 22px; --r0: -29deg; --r1: 12deg; }
.nj-s71 { --x: -40px; --y: 44px; --w: 22px; --h: 16px; --r0: -18deg; --r1: 14deg; }
.nj-s72 { --x: 60px; --y: -56px; --w: 18px; --h: 16px; --r0: -29deg; --r1: 7deg; }
.nj-s73 { --x: 110px; --y: 40px; --w: 26px; --h: 23px; --r0: -39deg; --r1: 40deg; }
.nj-s74 { --x: -120px; --y: 70px; --w: 12px; --h: 9px; --r0: -11deg; --r1: 32deg; }
.nj-s75 { --x: 130px; --y: -20px; --w: 14px; --h: 11px; --r0: -13deg; --r1: 35deg; }
.nj-s76 { --x: 20px; --y: -90px; --w: 10px; --h: 9px; --r0: -37deg; --r1: 13deg; }
.nj-s77 { --x: -70px; --y: -80px; --w: 9px; --h: 8px; --r0: -10deg; --r1: 19deg; }
.nj-s78 { --w: 40px; --h: 32px; }
.nj-s79 { --w: 20px; --h: 16px; }
.nj-s80 { --dx: 43px; --dy: 1px; --w: 10px; --rot: 360deg; }
.nj-s81 { --dx: 63px; --dy: 47px; --w: 7px; --rot: -265deg; }
.nj-s82 { --dx: 20px; --dy: 76px; --w: 6px; --rot: 161deg; }
.nj-s83 { --dx: -21px; --dy: 38px; --w: 5px; --rot: -254deg; }
.nj-s84 { --dx: -74px; --dy: 44px; --w: 6px; --rot: 9deg; }
.nj-s85 { --dx: -51px; --dy: -3px; --w: 11px; --rot: -163deg; }
.nj-s86 { --dx: -50px; --dy: -47px; --w: 7px; --rot: 127deg; }
.nj-s87 { --dx: 4px; --dy: -108px; --w: 9px; --rot: -370deg; }
.nj-s88 { --dx: 56px; --dy: -71px; --w: 7px; --rot: -396deg; }
.nj-s89 { --dx: 97px; --dy: -38px; --w: 10px; --rot: 254deg; }
.nj-s90 { --d: 0.0s; }
.nj-s91 { --d: 0.8s; }
.nj-s92 { --d: 1.6s; }
.nj-s93 { --x: 21px; --y: -51px; --w: 8px; --p: 9s; }
.nj-s94 { --x: -62px; --y: 47px; --w: 13px; --p: 21s; }
.nj-s95 { --x: -68px; --y: -10px; --w: 9px; --p: 18s; }
.nj-s96 { --x: -10px; --y: -24px; --w: 6px; --p: 26s; }
.nj-s97 { --x: -36px; --y: 23px; --w: 5px; --p: 15s; }
.nj-s98 { --x: 50px; --y: 46px; --w: 6px; --p: 22s; }
.nj-s99 { --x: -7px; --y: 38px; --w: 6px; --p: 24s; }
.nj-s100 { --x: 6px; --y: 20px; --p: 1.0s; }
.nj-s101 { --x: 20px; --y: -4px; --p: 1.0s; }
.nj-s102 { --x: -24px; --y: 3px; --p: 1.0s; }
.nj-s103 { --x: 10px; --y: -14px; --p: 0.6s; }
.nj-s104 { --x: 11px; --y: 5px; --p: 1.1s; }
.nj-s105 { --x: -61px; --y: -34px; --w: 8px; --p: 8s; }
.nj-s106 { --x: 89px; --y: -26px; --w: 10px; --p: 9s; }
.nj-s107 { --x: -58px; --y: -39px; --w: 12px; --p: 27s; }
.nj-s108 { --x: -28px; --y: -32px; --w: 10px; --p: 13s; }
.nj-s109 { --x: -74px; --y: 2px; --w: 6px; --p: 26s; }
.nj-s110 { --x: -51px; --y: 7px; --w: 10px; --p: 23s; }
.nj-s111 { --x: 18px; --y: 35px; --w: 10px; --p: 20s; }
.nj-s112 { --x: -14px; --y: 19px; --p: 1.0s; }
.nj-s113 { --x: 2px; --y: -2px; --p: 1.6s; }
.nj-s114 { --x: -19px; --y: -10px; --p: 1.2s; }
.nj-s115 { --x: -9px; --y: -2px; --p: 1.2s; }
.nj-s116 { --x: -8px; --y: 2px; --p: 1.3s; }
.nj-s117 { --x: -62px; --y: -18px; --w: 34px; --h: 26px; --p: 16s; --r0: -26deg; --r1: 28deg; --dx: 2px; --dy: -4px; }
.nj-s118 { --x: 8px; --y: -6px; --w: 46px; --h: 32px; --p: 20s; --r0: -20deg; --r1: 17deg; --dx: -0px; --dy: -2px; }
.nj-s119 { --x: 58px; --y: 24px; --w: 28px; --h: 21px; --p: 17s; --r0: -9deg; --r1: 21deg; --dx: -3px; --dy: 4px; }
.nj-s120 { --x: -20px; --y: 34px; --w: 22px; --h: 18px; --p: 17s; --r0: -17deg; --r1: 16deg; --dx: 3px; --dy: 2px; }
.nj-s121 { --x: 40px; --y: -40px; --w: 18px; --h: 16px; --p: 11s; --r0: -17deg; --r1: 4deg; --dx: -3px; --dy: 1px; }
.nj-s122 { --x: -90px; --y: 30px; --w: 12px; --h: 9px; --p: 15s; --r0: -22deg; --r1: 5deg; --dx: -6px; --dy: -4px; }
.nj-s123 { --x: 88px; --y: -12px; --w: 14px; --h: 12px; --p: 16s; --r0: -15deg; --r1: 6deg; --dx: 2px; --dy: 2px; }
.nj-s124 { --x: -40px; --y: -48px; --w: 10px; --h: 9px; --p: 14s; --r0: -13deg; --r1: 29deg; --dx: 4px; --dy: -3px; }
.nj-s125 { --x: 20px; --y: 52px; --w: 9px; --h: 7px; --p: 14s; --r0: -4deg; --r1: 26deg; --dx: 4px; --dy: 4px; }
.nj-s126 { --r: 0deg; }
.nj-s127 { --r: 30deg; }
.nj-s128 { --r: 60deg; }
.nj-s129 { --r: 90deg; }
.nj-s130 { --r: 120deg; }
.nj-s131 { --r: 150deg; }