html,body,#root{margin:0;padding:0;height:100%;background:var(--bg-0);overflow:hidden}body{font-family:var(--font-body);color:var(--ink-1)}:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.scene{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(127,211,203,.1),transparent 70%),radial-gradient(ellipse 40% 30% at 20% 10%,rgba(216,115,64,.06),transparent 70%),var(--bg-0);overflow:hidden}.scene-bg-grid{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-image:var(--bg-grid);background-size:var(--bg-grid-size, 32px 32px);opacity:.35;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 80%);pointer-events:none}.scene-bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 50%,rgba(0,0,0,.7) 100%);pointer-events:none}.scene-bg-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(127,211,203,.03) 2px,rgba(127,211,203,.03) 3px);mix-blend-mode:overlay;pointer-events:none}.spline-stage{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1800px;perspective-origin:50% 30%}.world{position:absolute;left:50%;top:56%;width:980px;height:580px;transform:translate(-50%,-50%) rotateX(var(--tilt, 58deg)) rotate(var(--yaw, -32deg));transform-style:preserve-3d;transition:transform .8s var(--ease-out-l)}@keyframes drift{0%,to{transform:translate(-50%,-50%) rotateX(var(--tilt, 58deg)) rotate(var(--yaw, -32deg))}50%{transform:translate(-50%,-50%) rotateX(calc(var(--tilt, 58deg) + 1deg)) rotate(calc(var(--yaw, -32deg) + 1.5deg))}}.world.drift{animation:drift 14s var(--ease-in-out) infinite}.tile{position:absolute;width:140px;height:140px;transform-style:preserve-3d;transition:transform .42s var(--ease-out-l);cursor:pointer;pointer-events:auto}.tile-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:#080e1a8c;border:1.5px solid rgba(127,211,203,.35);box-shadow:inset 0 0 0 1px #7fd3cb14,0 0 0 1px #0006;transition:background .32s var(--ease-out),border-color .32s var(--ease-out),box-shadow .32s var(--ease-out),filter .32s var(--ease-out)}.tile-shadow{position:absolute;left:50%;top:50%;width:130px;height:130px;transform:translate(-50%,-50%) translateZ(-1px);border-radius:22px;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(0,0,0,.75),transparent 70%);opacity:.6;pointer-events:none;transition:opacity .42s var(--ease-out),transform .42s var(--ease-out-l)}.tile-edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;transform:translateZ(-12px);background:#000000b3;filter:blur(.5px);opacity:.9}.tile.cyan .tile-face{background:linear-gradient(160deg,#93ddd6,#6bc4bb 55%,#4fa09a);border-color:#7fd3cbd9;box-shadow:inset 0 1px #ffffff40,0 0 24px #7fd3cb59}.tile.cyan .tile-edge{background:#2a5754}.tile.copper .tile-face{background:linear-gradient(160deg,#e58c5c,#d87340 55%,#a24f26);border-color:#d87340d9;box-shadow:inset 0 1px #ffffff2e,0 0 24px #d8734052}.tile.copper .tile-edge{background:#5c2c13}.tile.hovered{transform:translateZ(72px)}.tile.hovered .tile-shadow{opacity:.85;transform:translate(-50%,-50%) translateZ(-1px) scale(1.15);filter:blur(2px)}.tile.hovered .tile-face{filter:brightness(1.18);border-color:var(--cyan-bright);box-shadow:inset 0 1px #ffffff59,0 0 48px #7fd3cb8c,0 0 80px #7fd3cb40}.tile.copper.hovered .tile-face{border-color:var(--copper-bright);box-shadow:inset 0 1px #ffffff4d,0 0 48px #ff8a4d99,0 0 80px #d873404d}@keyframes tileBreath{0%,to{opacity:.92}50%{opacity:1}}.tile.cyan:not(.hovered) .tile-face,.tile.copper:not(.hovered) .tile-face{animation:tileBreath 3.2s var(--ease-in-out) infinite}.tile-id{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:#050810d9;text-transform:uppercase;opacity:0;transition:opacity .28s var(--ease-out);pointer-events:none;font-weight:600}.tile.hovered .tile-id{opacity:.9}.tiles-mono .tile.cyan .tile-face,.tiles-mono .tile.copper .tile-face{background:#080e1a8c;border-color:#eaf3ff80;box-shadow:inset 0 0 0 1px #7fd3cb14;animation:none}.tiles-mono .tile.cyan .tile-edge,.tiles-mono .tile.copper .tile-edge{background:#000c}.tiles-mono .tile-id{color:var(--cyan)}.chrome{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.chrome>*{pointer-events:auto}.chrome-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;pointer-events:none}.brand{display:flex;align-items:center;gap:14px;pointer-events:auto}.brand-mark{width:32px;height:32px;background:url(/assets/proyecto28-logo-isometric.png) center/contain no-repeat;filter:drop-shadow(0 0 8px rgba(127,211,203,.5))}.brand-name{font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.22em;color:var(--ink-1);text-transform:uppercase}.brand-sep{width:1px;height:18px;background:var(--cyan-a28)}.brand-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase}.status{display:flex;align-items:center;gap:12px;padding:8px 14px;border:1px solid var(--cyan-a28);border-radius:var(--r-pill);background:#05081080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 12px var(--success),0 0 4px var(--success);animation:dotPulse 2.4s var(--ease-in-out) infinite}@keyframes dotPulse{0%,to{opacity:.7}50%{opacity:1}}.status-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--ink-2);text-transform:uppercase}.status-label .accent{color:var(--success)}.chrome-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:24px 32px 28px;pointer-events:none}.coords{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;line-height:1.7;pointer-events:auto}.coords .k{color:var(--ink-3)}.coords .v{color:var(--cyan)}.hint{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;pointer-events:auto}.hint-key{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--cyan-a28);border-radius:4px;color:var(--cyan);background:#7fd3cb0f}.hint-arrow{width:12px;height:12px;display:inline-block;position:relative}.hint-arrow:before{content:"↗";font-size:12px;color:var(--cyan)}.side-caption{position:absolute;left:32px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:left center;font-family:var(--font-mono);font-size:10px;letter-spacing:.32em;color:var(--ink-4);text-transform:uppercase;white-space:nowrap;pointer-events:none}.viewfinder{position:absolute;top:80px;right:32px;bottom:80px;left:32px;pointer-events:none}.viewfinder span{position:absolute;width:20px;height:20px;border-color:var(--cyan-a40)}.viewfinder .tl{top:0;left:0;border-top:1px solid;border-left:1px solid}.viewfinder .tr{top:0;right:0;border-top:1px solid;border-right:1px solid}.viewfinder .bl{bottom:0;left:0;border-bottom:1px solid;border-left:1px solid}.viewfinder .br{bottom:0;right:0;border-bottom:1px solid;border-right:1px solid}.popup{position:fixed;pointer-events:auto;z-index:50;width:380px;background:#0508109e;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border:1px solid rgba(127,211,203,.18);border-radius:14px;box-shadow:inset 0 0 0 1px #7fd3cb0f,0 24px 64px #000000b3,0 0 40px #7fd3cb1f;padding:28px;opacity:0;transform:translate(20px);transition:opacity .32s var(--ease-out),transform .38s var(--ease-out-l),top .38s var(--ease-out-l),left .38s var(--ease-out-l)}.popup.visible{opacity:1;transform:translate(0)}.popup.side{right:32px;top:50%;transform:translateY(-50%) translate(20px)}.popup.side.visible{transform:translateY(-50%) translate(0)}.popup.corner{right:32px;bottom:80px;transform:translateY(20px)}.popup.corner.visible{transform:translateY(0)}.popup.cursor{transform:translate(20px,-50%)}.popup.cursor.visible{transform:translateY(-50%)}.popup-corners span{position:absolute;width:14px;height:14px;border-color:var(--cyan-a70)}.popup-corners .tl{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}.popup-corners .tr{top:-1px;right:-1px;border-top:1px solid;border-right:1px solid}.popup-corners .bl{bottom:-1px;left:-1px;border-bottom:1px solid;border-left:1px solid}.popup-corners .br{bottom:-1px;right:-1px;border-bottom:1px solid;border-right:1px solid}.popup-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:12px}.popup-eyebrow-rule{width:24px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.popup-eyebrow-text{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--cyan);text-transform:uppercase}.popup-eyebrow-id{margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-3)}.popup-title{font-family:var(--font-display);font-weight:600;font-size:28px;line-height:1.05;letter-spacing:-.01em;color:var(--ink-1);margin:0 0 6px;text-transform:uppercase}.popup-subtitle{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--copper-bright);margin-bottom:18px}.popup.cyan-accent .popup-subtitle{color:var(--cyan-bright)}.popup-desc{font-family:var(--font-body);font-size:14px;line-height:1.55;color:var(--ink-2);margin:0 0 20px}.popup-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.popup-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);padding:5px 10px;border:1px solid var(--cyan-a18);border-radius:4px;background:#7fd3cb0a}.popup-actions{display:flex;gap:10px;align-items:center}.btn-primary{flex:1;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--copper);color:#0e0805;border:1px solid var(--copper-bright);border-radius:var(--r-md);font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);box-shadow:0 0 0 0 var(--copper-a40)}.btn-primary:hover{background:var(--copper-bright);box-shadow:0 0 24px var(--copper-a40);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary .arrow{display:inline-block;transition:transform var(--dur-fast) var(--ease-out)}.btn-primary:hover .arrow{transform:translate(4px)}.popup.cyan-accent .btn-primary{background:var(--cyan);color:#051418;border-color:var(--cyan-bright)}.popup.cyan-accent .btn-primary:hover{background:var(--cyan-bright);box-shadow:0 0 24px var(--cyan-a40)}.btn-ghost{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--cyan-a28);border-radius:var(--r-md);color:var(--cyan);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);font-family:var(--font-mono);font-size:14px}.btn-ghost:hover{border-color:var(--cyan-a70);background:#7fd3cb14;color:var(--cyan-bright)}.cube-a11y{position:fixed;left:16px;bottom:118px;z-index:45;display:flex;flex-direction:column;gap:6px;pointer-events:none}.cube-a11y-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;background:transparent;color:transparent;pointer-events:auto}.cube-a11y-btn:focus-visible{width:min(280px,calc(var(--p28-vv-width, 100vw) - 32px));height:auto;min-height:38px;clip-path:none;padding:10px 12px;border:1px solid var(--cyan-a70);border-radius:8px;background:#050810e0;color:var(--ink-1);box-shadow:0 0 22px #7fd3cb38;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-align:left;text-transform:uppercase}.reticle{position:fixed;width:80px;height:80px;pointer-events:none;z-index:20;opacity:0;transition:opacity .24s var(--ease-out)}.reticle.visible{opacity:.8}.reticle span{position:absolute;border-color:var(--cyan-bright);filter:drop-shadow(0 0 4px var(--cyan-bright))}.reticle .tl,.reticle .tr,.reticle .bl,.reticle .br{width:14px;height:14px}.reticle .tl{top:0;left:0;border-top:1px solid;border-left:1px solid}.reticle .tr{top:0;right:0;border-top:1px solid;border-right:1px solid}.reticle .bl{bottom:0;left:0;border-bottom:1px solid;border-left:1px solid}.reticle .br{bottom:0;right:0;border-bottom:1px solid;border-right:1px solid}.stream-overlay{position:fixed;left:50vw;top:50vh;z-index:35;max-width:calc(var(--p28-vv-width, 100vw) - 32px);opacity:0;pointer-events:none;transform:translate(-50%,-100%);transform-origin:50% 100%;transition:opacity .22s var(--ease-out),left .16s linear,top .16s linear;contain:layout style paint}.stream-overlay:not([hidden]){opacity:1}.stream-overlay.stream-enter .stream-card{animation:streamCardEnter .24s var(--ease-out)}@keyframes streamCardEnter{0%{transform:scale(.94);filter:blur(3px)}to{transform:scale(1);filter:blur(0)}}.stream-overlay.is-offscreen{opacity:0;pointer-events:none}.stream-overlay[data-interactive=true]:not(.is-offscreen){pointer-events:auto}.stream-card{overflow:hidden;border:1px solid rgba(127,211,203,.36);border-radius:8px;background:#050810bd;box-shadow:0 18px 44px #00000085,0 0 32px #7fd3cb2e,inset 0 0 0 1px #ffffff0a;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.stream-head{height:28px;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid rgba(127,211,203,.2);font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}.stream-live-dot{width:6px;height:6px;border-radius:50%;background:var(--copper-bright);box-shadow:0 0 10px currentColor}.stream-overlay[data-state=stream] .stream-live-dot{background:var(--success)}.stream-head-status{margin-left:auto;color:var(--cyan)}.stream-stage{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:radial-gradient(ellipse 75% 75% at 50% 35%,rgba(127,211,203,.16),transparent 70%),#020509}.stream-frame,.stream-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.stream-frame{display:block;border:0;background:#000}.stream-frame[hidden],.stream-fallback[hidden]{display:none}.stream-fallback{display:flex;align-items:flex-end;justify-content:flex-start}.stream-fallback-media{position:absolute;top:0;right:0;bottom:0;left:0}.stream-fallback-image,.stream-fallback-video{width:100%;height:100%;display:block;object-fit:cover;opacity:.72;filter:saturate(.92) contrast(1.05)}.stream-fallback-empty{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(rgba(127,211,203,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(127,211,203,.06) 1px,transparent 1px),radial-gradient(ellipse 70% 70% at 50% 45%,rgba(216,115,64,.16),transparent 72%),#050810;background-size:20px 20px,20px 20px,auto,auto;color:#7fd3cb9e;font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:.08em}.stream-fallback-copy{position:relative;z-index:1;width:100%;padding:28px 12px 12px;background:linear-gradient(to top,rgba(0,0,0,.78),transparent)}.stream-title{font-family:var(--font-display);font-size:15px;font-weight:600;line-height:1.05;color:var(--ink-1);text-transform:uppercase}.stream-subtitle{margin-top:4px;font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--cyan);text-transform:uppercase}.route-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;opacity:0;pointer-events:none;transition:opacity .32s var(--ease-out)}.route-overlay.visible{opacity:1;pointer-events:auto}.route-overlay .label{font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;color:var(--cyan);text-transform:uppercase}.route-overlay .route{font-family:var(--font-display);font-weight:600;font-size:32px;color:var(--ink-1);letter-spacing:.02em}.route-overlay .spinner{width:32px;height:32px;border:2px solid var(--cyan-a28);border-top-color:var(--cyan);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.route-overlay .back{margin-top:24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--ink-3);text-transform:uppercase;background:none;border:1px solid var(--cyan-a28);padding:8px 14px;border-radius:var(--r-md);cursor:pointer}.route-overlay .back:hover{color:var(--cyan);border-color:var(--cyan-a70)}.popup-image-wrap{position:relative;width:100%;aspect-ratio:16 / 9;margin:0 0 16px;overflow:hidden;border-radius:8px;background:#7fd3cb0a;border:1px solid var(--cyan-a28)}.popup-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .24s var(--ease-out)}.popup-image-wrap.loaded img{opacity:1}@media(max-width:1024px),(pointer:coarse),(max-aspect-ratio:1/1){.chrome-top{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}.status-cluster{width:100%;justify-content:space-between;gap:8px}.engine-pill{font-size:10px;padding:6px 10px}.status{padding:6px 10px}.brand-name{font-size:12px}.brand-meta{font-size:10px;letter-spacing:.1em}.brand-sep{height:14px}.brand-mark{width:26px;height:26px}.admin-btn{padding:6px 10px;font-size:10px;letter-spacing:.12em}.admin-btn:before{width:5px;height:5px}.side-caption{display:none}.chrome-bottom{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:8px}.coords{gap:8px;font-size:9px;flex-wrap:wrap}.hint{font-size:10px}.popup,.popup.side,.popup.corner,.popup.cursor{box-sizing:border-box;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:100vw;max-height:65vh;overflow-y:auto;overflow-x:hidden;border-radius:14px 14px 0 0;padding:18px 18px 24px;background:#050810db;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);transform:translateY(100%);transition:transform .28s var(--ease-out),opacity .24s var(--ease-out)}.popup.visible,.popup.side.visible,.popup.corner.visible,.popup.cursor.visible{transform:translateY(0)}.popup-title{font-size:22px}.popup-desc{font-size:13px;margin-bottom:14px}.popup-image-wrap{aspect-ratio:16 / 9;margin-bottom:12px}.popup-actions{gap:8px;flex-wrap:nowrap}.popup-actions .btn-primary{min-width:0}.btn-primary{padding:12px 14px;font-size:12px}.btn-ghost{flex:0 0 auto;width:38px;height:38px}.stream-overlay{z-index:34}.stream-card{background:#050810e0;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.stream-head{height:24px;font-size:8px;padding:0 8px}.stream-title{font-size:13px}.stream-fallback-copy{padding:24px 10px 10px}.cube-a11y{left:12px;right:12px;bottom:88px}.cube-a11y-btn:focus-visible{width:100%}.twk-panel{right:8px!important;left:8px!important;width:auto!important;bottom:8px!important}}html,body,#root{background:#000}html,body{margin:0;padding:0;width:100vw;min-width:100vw;max-width:100vw;height:100%;min-height:100%;overflow:hidden}body{overscroll-behavior:none}:root{--p28-vv-left: 0px;--p28-vv-top: 0px;--p28-vv-width: 100vw;--p28-vv-height: 100vh}@supports (height: 100dvh){:root{--p28-vv-height: 100dvh}}#c{position:fixed!important;left:var(--p28-vv-left, 0px)!important;top:var(--p28-vv-top, 0px)!important;right:auto!important;bottom:auto!important;width:var(--p28-vv-width, 100vw)!important;height:var(--p28-vv-height, 100dvh)!important;display:block;z-index:0;background:#000}.scene-bg-grid,.scene-bg-vignette,.scene-bg-scanlines,.chrome{z-index:10}.scene-bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;width:var(--p28-vv-width, 100vw);height:var(--p28-vv-height, 100dvh);opacity:.1;transform:scale(1.2);transform-origin:center;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 40%,black 10%,transparent 70%);mask-image:radial-gradient(ellipse 80% 80% at 50% 40%,black 10%,transparent 70%)}.scene-bg-vignette{position:fixed;top:0;right:0;bottom:0;left:0;width:var(--p28-vv-width, 100vw);height:var(--p28-vv-height, 100dvh);background:radial-gradient(ellipse 90% 90% at 50% 50%,transparent 40%,rgba(0,0,0,.85) 100%)}.scene-bg-scanlines,.chrome,.route-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:var(--p28-vv-width, 100vw);height:var(--p28-vv-height, 100dvh)}.engine-pill{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--cyan-a28);border-radius:var(--r-pill);background:#7fd3cb0f;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--cyan);text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.engine-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan-bright);box-shadow:0 0 8px var(--cyan-bright)}.status-cluster{display:flex;align-items:center;gap:10px;pointer-events:auto}.side-caption{letter-spacing:.28em}#popup{box-sizing:border-box;max-width:calc(100vw - 32px);right:auto;bottom:auto;transform:translate(0);transition:opacity .32s var(--ease-out),left .32s var(--ease-out-l),top .32s var(--ease-out-l)}#popup.visible{transform:translate(0)}#popup:not(.visible){pointer-events:none}.popup-image-wrap{width:100%;margin:0 0 18px;border:1px solid var(--cyan-a18);border-radius:8px;overflow:hidden;background:#050810;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.popup-image-wrap[hidden]{display:none}.popup-image-wrap img{width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 4px 24px rgba(127,211,203,.18))}#boot{position:fixed;left:var(--p28-vv-left, 0px);top:var(--p28-vv-top, 0px);right:auto;bottom:auto;width:var(--p28-vv-width, 100vw);height:var(--p28-vv-height, 100dvh);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#000;color:var(--cyan);font-family:var(--font-mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;transition:opacity .6s var(--ease-out)}#boot.gone{opacity:0;pointer-events:none}#boot .ring{width:36px;height:36px;border:1px solid var(--cyan-a28);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}#boot .boot-copy{display:grid;justify-items:center;gap:8px;width:min(220px,calc(100vw - 56px))}#boot .boot-label,#boot .boot-stage,#boot .boot-percent{line-height:1.5;text-align:center}#boot .boot-label{max-width:100%;overflow-wrap:anywhere}#boot .boot-stage{max-width:100%;color:var(--ink-3);font-size:9px;letter-spacing:.16em;overflow-wrap:anywhere}#boot .boot-progress{position:relative;width:100%;height:2px;overflow:hidden;background:#7fd3cb29}#boot .boot-progress span{position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(.08);transform-origin:left center;background:linear-gradient(90deg,#7fd3cb8c,#d87340b8);transition:transform .26s var(--ease-out)}#boot .boot-percent{color:var(--ink-3);font-size:10px;letter-spacing:.18em}@media(max-width:1024px),(pointer:coarse),(max-aspect-ratio:1/1){#popup{max-width:100vw}}