.kgx-section{background:#000;padding:76px 0 64px;position:relative;isolation:isolate;color:#f2eee7;}
.kgx-wrap{max-width:1160px;margin:auto;padding:0 24px;}
.kgx-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;}
.kgx-kicker{display:block;color:#12c5bc;font:700 10px/1.5 Inter,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;}
.kgx-heading h2{font:800 clamp(32px,4vw,52px)/1.1 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.02em;margin:0 0 14px;}
.kgx-heading h2 span{color:#e0ac58;}
.kgx-heading p{max-width:660px;color:#aebbb5;font:400 14px/1.8 Inter,system-ui,sans-serif;margin:0;}
.kgx-tally{color:#c99240;letter-spacing:.12em;font:500 10px/1.6 Inter,system-ui,sans-serif;white-space:nowrap;padding-bottom:4px;}
.kgx-board{border:1px solid #c9924045;border-radius:26px;overflow:hidden;background:#050908;box-shadow:inset 0 1px 0 #ffe6b912,0 20px 70px #0006;}
.kgx-sky{position:relative;height:680px;background:radial-gradient(ellipse at 48% 48%,#12c5bc0a,transparent 49%),radial-gradient(ellipse at 50% 85%,#c992400a,transparent 48%),#020605;overflow:hidden;}
.kgx-sky::before{content:'';position:absolute;width:54%;height:65%;left:23%;top:17%;border:1px solid #c992401c;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 80px #12c5bc04,inset 0 0 80px #12c5bc04;}
.kgx-sky::after{content:'';position:absolute;inset:4% 10%;border:1px solid #12c5bc0d;border-radius:50%;transform:rotate(13deg);pointer-events:none;}
.kgx-map{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.kgx-edge{fill:none;stroke:url(#kgx-thread);stroke-width:1;opacity:.44;transition:opacity .5s,stroke .5s;}
.kgx-edge.is-lit{stroke:#12c5bc;stroke-width:1.5;opacity:.8;filter:drop-shadow(0 0 3px #12c5bc55);}
.kgx-moon-line{fill:none;stroke:#e0ac58;stroke-width:1.1;opacity:.7;stroke-dasharray:4 8;}
.is-moving .kgx-moon-line{animation:kgx-flow 12s linear infinite;}
@keyframes kgx-flow{to{stroke-dashoffset:-120}}
.kgx-planets,.kgx-moons{position:absolute;inset:0;pointer-events:none;}
.kgx-planet{appearance:none;position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;padding:0;background:none;color:#d2dcd5;display:flex;align-items:center;flex-direction:column;gap:15px;cursor:pointer;pointer-events:auto;z-index:3;width:156px;transition:opacity .5s;}
.kgx-sphere{position:relative;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 29% 21%,#99cab275 0,#214b3f 20%,#0e241d 47%,#080d0b 68%,#c992403c 91%,#e0ac5866 100%);box-shadow:inset -14px -13px 25px #000b,inset 2px 3px 6px #d4efd329,0 0 0 1px #c9924077,0 0 20px #c9924013,0 12px 30px #000b;transition:box-shadow .4s;}
.kgx-sphere::before{content:'';position:absolute;inset:7%;border-radius:50%;border-top:1px solid #d5f4d057;border-left:1px solid #86e4c921;transform:rotate(-25deg);}
.kgx-sphere::after{content:'';position:absolute;inset:-10px -18px;border-radius:50%;border:1px solid #c992405c;transform:rotate(-26deg) scaleY(.5);pointer-events:none;}
.kgx-sphere img{width:56px;height:56px;opacity:.95;filter:drop-shadow(0 0 6px #12c5bc33);}
.kgx-label{font:600 12px/1.5 Inter,system-ui,sans-serif;letter-spacing:.035em;background:#030806aa;padding:2px 8px;border-radius:10px;}
.kgx-planet:hover .kgx-sphere,.kgx-planet:focus-visible .kgx-sphere,.kgx-planet.is-selected .kgx-sphere{box-shadow:inset -14px -13px 25px #000a,inset 2px 3px 6px #d4efd339,0 0 0 1px #12c5bc,0 0 35px #12c5bc42,0 0 70px #c9924015;}
.kgx-planet.is-selected .kgx-label{color:#f0d2a1;}
.has-selection .kgx-planet:not(.is-selected){opacity:.48;}
.has-selection .kgx-planet:hover,.has-selection .kgx-planet:focus-visible{opacity:1;}
.is-moving .kgx-sphere{animation:kgx-drift 8s ease-in-out var(--delay) infinite;}
@keyframes kgx-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.kgx-core{position:absolute;left:49%;top:49%;transform:translate(-50%,-50%);width:162px;height:162px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 34% 26%,#274f40aa,#0c1712 60%,#070b09);border:1px solid #c9924077;box-shadow:inset 0 2px 0 #efdaa530,0 0 65px #12c5bc14,0 0 110px #c9924008;transition:opacity .4s;pointer-events:none;}
.kgx-core::before,.kgx-core::after{content:'';position:absolute;inset:-19px;border:1px solid #12c5bc38;border-top-color:#12c5bcaa;border-radius:50%;}
.kgx-core::after{inset:-36px;border-color:#c9924026;border-bottom-color:#c9924080;}
.is-moving .kgx-core::before{animation:kgx-orbit 36s linear infinite;}
.is-moving .kgx-core::after{animation:kgx-orbit 55s linear infinite reverse;}
@keyframes kgx-orbit{to{transform:rotate(360deg)}}
.kgx-core strong{color:#efce99;font:800 18px/1.5 Inter,system-ui,sans-serif;letter-spacing:.17em;}
.kgx-core span{font:400 10px/1.5 Inter,system-ui,sans-serif;letter-spacing:.12em;color:#8ad3c1;margin-top:8px;}
.has-selection .kgx-core{opacity:0;}
.kgx-moon{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;text-decoration:none;color:#f0d5aa;max-width:228px;width:max-content;padding:12px 17px 12px 12px;border:1px solid #c9924070;border-radius:100px;background:linear-gradient(135deg,#1b2e22f5,#0a100bf5 70%,#282011ed);box-shadow:inset 0 1px 0 #ffe2a622,0 0 22px #c9924017;font:600 11px/1.4 Inter,system-ui,sans-serif;pointer-events:auto;z-index:5;transition:border-color .3s,box-shadow .3s;}
.kgx-moon:hover{border-color:#12c5bc;box-shadow:0 0 26px #12c5bc26;}
.kgx-moon-core{flex-shrink:0;width:23px;height:23px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fbe6b6,#a07137 30%,#20190e 70%,#12c5bc6a);box-shadow:0 0 0 1px #c9924066,0 0 15px #c9924030;}
.kgx-toolbar{position:absolute;bottom:18px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:6;}
.kgx-toolbar span{color:#84998e;font:400 10px/1.6 Inter,system-ui,sans-serif;}
.kgx-toolbar div{display:flex;gap:8px;}
.kgx-toolbar button{appearance:none;background:#09150fc9;border:1px solid #c9924044;color:#d9bf97;border-radius:100px;padding:9px 14px;font:500 10px/1.4 Inter,system-ui,sans-serif;cursor:pointer;}
.kgx-toolbar button:disabled{opacity:.55;cursor:default;}
.kgx-detail{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 32px;min-height:182px;border-top:1px solid #c9924033;background:linear-gradient(140deg,#12231b,#080c0a 60%,#19140b);}
.kgx-detail .kgx-kicker{margin-bottom:8px;}
.kgx-detail h3{font:700 25px/1.3 'Barlow Condensed',system-ui,sans-serif;color:#edd0a2;margin:0 0 10px;}
.kgx-detail p{color:#b6c2bb;font:400 13px/1.8 Inter,system-ui,sans-serif;margin:0;max-width:650px;}
.kgx-detail-count{color:#bd9a68;font:500 11px/1.6 Inter,system-ui,sans-serif;white-space:nowrap;}
.kgx-links{display:flex;flex-direction:column;gap:9px;flex-shrink:0;}
.kgx-links a{color:#80d5c1;text-decoration:none;font:500 12px/1.6 Inter,system-ui,sans-serif;}
.kgx-links a:hover{color:#efd2a2;}
.kgx-directory{margin-top:20px;color:#adbbb2;}
.kgx-directory summary{font:500 12px/1.8 Inter,system-ui,sans-serif;cursor:pointer;color:#c99240;}
.kgx-directory-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0;padding:0;list-style:none;}
.kgx-directory-list a{display:block;color:#93cabc;text-decoration:none;font:400 12px/1.6 Inter,system-ui,sans-serif;padding:10px 14px;background:#0a140f;border:1px solid #c9924022;border-radius:10px;}
.kgx-section :is(button,a,summary):focus-visible{outline:2px solid #12c5bc;outline-offset:5px;}
.kgx-section [hidden]{display:none!important;}
@media(max-width:700px){.kgx-section{padding:50px 0}.kgx-wrap{padding:0 18px}.kgx-heading{display:block}.kgx-tally{display:block;margin-top:16px}.kgx-sky{height:580px}.kgx-sphere{width:60px;height:60px}.kgx-sphere img{width:40px;height:40px}.kgx-planet{width:100px;gap:12px}.kgx-label{font-size:10px;letter-spacing:0;padding:2px 4px}.kgx-core{width:112px;height:112px}.kgx-core strong{font-size:13px}.kgx-core span{font-size:8px;letter-spacing:.04em}.kgx-core::after{inset:-26px}.kgx-detail{padding:24px;display:block;min-height:222px}.kgx-links{margin-top:18px;flex-wrap:wrap;flex-direction:row;gap:12px 18px}.kgx-detail-count{display:block;margin-top:16px}.kgx-moon{max-width:164px;font-size:10px;padding:9px 10px;gap:8px}.kgx-moon-core{width:16px;height:16px}.kgx-toolbar{left:16px;right:16px;bottom:14px}.kgx-toolbar>span{display:none}.kgx-toolbar button{font-size:9px;padding:9px 11px}.kgx-directory-list{grid-template-columns:repeat(2,minmax(0,1fr));}.kgx-moons .kgx-moon:nth-child(2){--x:56%!important}.kgx-moons .kgx-moon:nth-child(3){--x:44%!important}}
@media(max-width:370px){.kgx-sphere{width:52px;height:52px}.kgx-sphere img{width:34px;height:34px}.kgx-planet{width:88px}.kgx-label{font-size:9px}.kgx-sky{height:550px}.kgx-moon{max-width:150px}.kgx-heading h2{font-size:32px}.kgx-directory-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.kgx-section *,.kgx-section *::before,.kgx-section *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
@media(max-width:370px){.kgx-moons .kgx-moon{--x:50%!important;max-width:90px;font-size:9px;gap:4px;padding:7px 6px}.kgx-moon-core{width:12px;height:12px}}

/* Lichtimpulse, zentrierte Symbole und zusätzlicher Kernring. */
.kgx-sphere::after{display:none}
.kgx-sphere img{grid-area:1/1;align-self:center;justify-self:center;display:block}
.kgx-fast-ring{position:absolute;inset:-48px;border-radius:50%;border:1px solid #c9924026;border-left:2px solid #e0ac58;border-right:2px solid #12c5bc;box-shadow:0 0 12px #c9924010;pointer-events:none;margin:0!important}
.is-moving .kgx-fast-ring{animation:kgx-orbit 12s linear infinite}
.kgx-bolt{fill:none;stroke:#8efaf1;stroke-width:2;stroke-linecap:round;stroke-dasharray:2 98;stroke-dashoffset:0;opacity:0;filter:drop-shadow(0 0 3px #12c5bc) drop-shadow(0 0 7px #12c5bc77);pointer-events:none}
.kgx-bolt:nth-child(even){stroke:#ffe3a2;filter:drop-shadow(0 0 3px #e0ac58) drop-shadow(0 0 7px #c9924077)}
.is-moving .kgx-bolt{animation:kgx-current 7s linear var(--bolt-delay) infinite}
@keyframes kgx-current{0%,5%{opacity:0;stroke-dashoffset:0}10%{opacity:.9}35%{opacity:.9}42%{opacity:0;stroke-dashoffset:-100}100%{opacity:0;stroke-dashoffset:-100}}
@media(max-width:700px){.kgx-fast-ring{inset:-36px}}
@media(prefers-reduced-motion:reduce){.kgx-bolt{display:none}}
@media(max-width:370px){.kgx-planet{width:76px}}