.kf-scene{position:relative;width:100%;height:100%;isolation:isolate;font-family:"IBM Plex Sans",sans-serif;color:#edf5f6;container-type:inline-size;--kf-ice:#8edfe8;--kf-gold:#ddbc84;--kf-blue:#8eaee6;user-select:none}
.kf-scene:before{content:"";position:absolute;inset:7% -6% 2%;background:radial-gradient(ellipse at 53% 51%,#2a76821c 0%,#0d283814 45%,transparent 69%);z-index:-1}.kf-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.kf-core{position:absolute;left:50%;top:48.25%;width:23%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #8bcedb35;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 35% 20%,#173444f5,#09141bf5 75%);box-shadow:0 0 55px #4ba9c212,inset 0 0 28px #30637f12}
.kf-core:before{content:"";position:absolute;inset:9px;border:1px solid #a9d8e010;border-radius:50%}.kf-core img{display:block;width:70%;height:auto;filter:invert(1);position:relative}.kf-core span{font:500 1.12cqw "IBM Plex Mono",monospace;letter-spacing:.22em;color:#a4c7d5;margin-top:18px}.kf-core small{font:400 1.2cqw "IBM Plex Sans",sans-serif;color:#8fa9b7;margin-top:8px}
.kf-card{position:absolute;width:27%;padding:17px 0 0 17px;border-top:1px solid #748f9e55;border-left:1px solid #748f9e22;border-radius:0;background:linear-gradient(110deg,#0b1c25eb,#0a1820ba 75%,transparent);color:#eff4f5;--kf-color:var(--kf-ice)}.kf-card[data-phase="0"]{left:67%;top:10%;--kf-color:var(--kf-ice)}.kf-card[data-phase="1"]{left:3%;top:53%;--kf-color:var(--kf-gold)}.kf-card[data-phase="2"]{left:65%;top:77%;--kf-color:var(--kf-blue)}
.kf-card-top{display:flex;gap:9px;align-items:center;color:var(--kf-color);font:500 1.1cqw "IBM Plex Mono",monospace;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}.kf-card-top i{width:5px;height:5px;border-radius:50%;background:var(--kf-color);box-shadow:0 0 12px var(--kf-color)}.kf-card h3{margin:0 0 6px;font:500 2.8cqw/1.15 Archivo,sans-serif;letter-spacing:-.03em}.kf-card p{margin:0;font:400 1.55cqw/1.5 "IBM Plex Sans",sans-serif;color:#b2c1cb}.kf-meter{height:2px;background:#ffffff0c;position:relative;margin-top:18px;width:84%;overflow:hidden}.kf-meter b{position:absolute;inset:0;background:var(--kf-color);transform-origin:left;transform:scaleX(0)}.kf-meter:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 12px,#07151a 12px 16px)}
.kf-orbit-caption{position:absolute;left:7%;top:13%;font:500 1.12cqw/1.9 "IBM Plex Mono",monospace;color:#6d96a9;letter-spacing:.1em}.kf-orbit-caption span{color:#a8c1cb}.kf-caption{position:absolute;left:12%;top:85%;width:45%;font:400 1.65cqw/1.5 "IBM Plex Sans",sans-serif;color:#9ab3c1}.kf-caption:before{content:"";display:block;height:1px;width:36px;background:#729baa75;margin-bottom:13px}.kf-caption strong{font:500 1.25cqw "IBM Plex Mono",monospace;color:#c6d9e1;letter-spacing:.1em;display:block;margin-bottom:7px}
.kf-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#88cad606 1px,transparent 1px),linear-gradient(90deg,#88cad606 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse,#000a,transparent 70%)}