:root[data-aura] .mechanical-twin { position: absolute; z-index: 1; overflow: hidden; pointer-events: none; isolation: isolate; contain: layout paint; }
:root[data-aura] .mechanical-twin::before { content: ""; position: absolute; inset: 12% 4% 10%; border-radius: 50%; background: radial-gradient(ellipse, #9c80e514, #83c8d207 45%, transparent 70%); pointer-events: none; }
:root[data-aura] .twin-fallback { position: absolute; top: 0; left: 50%; width: var(--twin-figure-width); height: var(--twin-figure-height); max-width: none; transform: translateX(-50%); object-fit: contain; mask-image: linear-gradient(#000 76%, transparent 100%); }
:root[data-aura] .twin-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; opacity: 0; }
:root[data-aura] .mechanical-twin[data-twin-state="ready"] .twin-canvas { opacity: 1; }
:root[data-aura] .mechanical-twin[data-twin-state="ready"] .twin-fallback { visibility: hidden; }
:root[data-aura] .twin-caption { position: absolute; bottom: var(--twin-caption-bottom, 8vh); left: 0; right: 0; text-align: center; color: #e3d1f8; text-shadow: 0 1px 8px #0b1e2d; }
:root[data-aura] .twin-caption::before { content: ""; display: block; width: 42px; height: 1px; margin: 0 auto 10px; background: linear-gradient(90deg, transparent, #cba8ff9c, transparent); }
:root[data-aura] .twin-caption strong { display: block; font-size: 12px; font-weight: 500; letter-spacing: .2em; }
:root[data-aura] .twin-caption span { display: block; margin-top: 7px; font: 500 7px/1.5 "Orbitron", sans-serif; letter-spacing: .17em; color: #b2c7d3; }
@media (max-width: 1179px), (max-height: 579px) {
  :root[data-aura] .mechanical-twin { display: none; }
}