.scene-popup-backdrop{position:fixed;inset:0;z-index:17000;background:rgba(0,0,0,.64);opacity:0;visibility:hidden;transition:opacity .34s ease,visibility 0s linear .34s;pointer-events:none}
.scene-popup-backdrop.is-visible{opacity:1;visibility:visible;transition-delay:0s}
.scene-detail-popup{position:fixed;z-index:18000;width:min(54vw,760px);aspect-ratio:1;display:none;overflow:hidden;border:1px solid rgba(92,192,216,.1);border-radius:26px;background:#000;box-shadow:0 20px 52px rgba(0,0,0,.46),inset 0 0 32px rgba(64,221,255,.025);isolation:isolate;touch-action:none;cursor:grab;opacity:0;transform:scale(.018);transform-origin:50% 50%;transition:transform .52s cubic-bezier(.16,.84,.2,1),opacity .28s ease;will-change:transform,opacity}
.scene-detail-popup.is-dragging{cursor:grabbing}
.scene-detail-popup.is-mounted{display:block}
.scene-detail-popup.is-open{opacity:1;transform:scale(1)}
.scene-detail-popup.is-closing{opacity:0;transform:scale(.018);pointer-events:none}
.scene-detail-popup::before,.scene-detail-popup::after{content:"";position:absolute;inset:0;z-index:20;padding:2px;border-radius:inherit;background:conic-gradient(from var(--popup-flow-angle,0deg),#28efff,#5968ff,#ff48d4,#ffe34e,#48ff9b,#28efff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:popupFlow 7s linear infinite}
.scene-detail-popup::after{inset:2px;padding:1px;opacity:.48;filter:blur(2px);animation-direction:reverse;animation-duration:9s}
@property --popup-flow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes popupFlow{to{--popup-flow-angle:360deg}}
.scene-popup-title{position:absolute;z-index:40;left:18px;top:15px;color:#fff;font-size:15px;font-weight:700;letter-spacing:.14em;text-shadow:0 0 10px #40eaff;pointer-events:none}
.scene-popup-stage{position:absolute;inset:0;overflow:hidden;transform-style:preserve-3d}
.scene-popup-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 48%,rgba(16,73,96,.12),transparent 45%),radial-gradient(circle at 72% 24%,rgba(106,42,137,.09),transparent 32%);pointer-events:none}
.scene-popup-main-effects{position:absolute;left:0;top:0;z-index:3;overflow:hidden;transform-origin:0 0;pointer-events:none}
.scene-popup-code-meteors{position:absolute;inset:0;z-index:2;width:100%;height:100%;mix-blend-mode:screen;pointer-events:none}
.scene-popup-stage .cosmic-node{pointer-events:auto}
@media(max-width:900px){.scene-detail-popup{width:min(82vw,680px)}}