.k3d{position:relative;aspect-ratio:4/5;max-width:100%;isolation:isolate}
.k3d::before{content:"";position:absolute;inset:6% 4% 10%;z-index:-1;background:radial-gradient(70% 60% at 50% 40%,color-mix(in srgb,#5aa8e8 26%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,#9cc8ef 30%,transparent),transparent);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.k3d-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}
.k3d-tag{position:absolute;display:flex;align-items:center;gap:8px;font:600 13px/1 var(--cond);letter-spacing:.05em;padding:8px 11px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--rule);border-left:3px solid var(--red);backdrop-filter:blur(6px);pointer-events:none}
.k3d-tag b{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 var(--red);animation:k3d-pulse 1.6s infinite}
@keyframes k3d-pulse{70%{box-shadow:0 0 0 8px transparent}}
.k3d-tag-a{left:4%;top:12%}
.k3d-tag-b{right:3%;top:44%}
.k3d-tag-c{right:4%;top:24%}
@media (max-width:860px){.k3d{aspect-ratio:1/1}}
@media (prefers-reduced-motion:reduce){.k3d-tag b{animation:none}}