/* Scoped operating-layer visualization; preserve the live base stylesheet. */
.dms-operating{align-items:center;gap:clamp(24px,4vw,64px)}
.dms-role-copy{display:grid;gap:8px}
.dms-role-link{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 14px;border:1px solid transparent;border-left:2px solid #1bb6c6;background:rgba(10,160,180,.04);font-size:15px;line-height:1.5;color:var(--ink,#001871);text-decoration:none}
.dms-role-link:hover,.dms-role-link.is-highlighted{background:rgba(10,160,180,.1);border-color:#1bb6c6}
.dms-role-link:focus-visible{outline:2px solid #001871;outline-offset:3px}
.dms-role-arrow{color:#008894}
.dms-model-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:24px}.dms-model-links a{text-decoration:underline;text-underline-offset:5px}.dms-monitor-note{font-size:12px!important;color:var(--muted)}
.dms-model{background:#07182b;border:1px solid #2a5b6b;border-radius:18px;overflow:hidden;color:#d9f5f7;box-shadow:0 24px 64px #00187124}
.dms-model-stage{position:relative;aspect-ratio:1100/733;isolation:isolate}
.dms-model .dms-robot{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;border:0;border-radius:0;background:#07182b;box-shadow:none}
.dms-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.dms-packet{fill:#c8ffff;filter:drop-shadow(0 0 4px #69ffff);animation:dms-travel 6s linear infinite;offset-rotate:0deg}
.packet-1{fill:#d1bcff}.packet-2{fill:#ffe28b}
.dms-coils{transform-origin:0 0;animation:dms-spin 12s linear infinite}.dms-core-aura{animation:dms-pulse 3s ease-in-out infinite}
.dms-role{position:absolute;color:#d9ffff;background:#082335bc;border:1px solid #63dce898;border-radius:8px;padding:5px 10px;text-decoration:none;min-height:28px;line-height:1.2;z-index:3;font-size:clamp(11px,1vw,15px)}
.dms-role-cat{left:10%;top:74%}.dms-role-brain{left:60%;top:14%}.dms-role-boe{left:60%;top:34%}
.dms-role:hover,.dms-role.is-highlighted,.dms-role:focus-visible{background:#103549;border-color:#a4ffff;box-shadow:0 0 20px #68eaf944;outline:2px solid #b7ffff;outline-offset:3px}
.dms-earth{position:absolute;right:3%;top:4%;width:15%;display:grid;justify-items:center;color:#8bf0ef;font:600 12px sans-serif}.dms-earth-disc{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;position:relative;border:1px solid #5adddf;background:#082a39;box-shadow:0 0 20px #1de0db33}.dms-earth-disc i{position:absolute;inset:0;background-image:url('/assets/earth-natural-rotation.png');background-size:7200% 100%;background-repeat:no-repeat}.dms-earth-next{opacity:0}.dms-earth span{margin-top:3px}
.dms-model figcaption{color:#a6c2cc;font-size:12px;padding:0 16px;line-height:1.5}.dms-motion-button{margin:4px 16px 16px;background:#102c40;color:#d9f8fa;border:1px solid #5abcc9;border-radius:8px;padding:9px 14px;cursor:pointer}.dms-motion-button:focus-visible{outline:3px solid #b7ffff;outline-offset:3px}
.dms-model.is-paused *,.dms-model.is-inspected *,.dms-model.is-hidden *{animation-play-state:paused!important}
@keyframes dms-travel{to{offset-distance:100%}}@keyframes dms-spin{to{transform:rotate(360deg)}}@keyframes dms-pulse{50%{opacity:.3}}
@media(max-width:680px){.dms-operating{display:flex;flex-direction:column}.dms-model{width:100%}.dms-role-link{grid-template-columns:54px minmax(0,1fr) auto;gap:8px;padding:10px;font-size:14px}.dms-model-stage{min-height:0}.dms-model-links{gap:16px}.dms-earth{font-size:10px}}
@media(prefers-reduced-motion:reduce){.dms-model *{animation:none!important}.dms-motion-button{display:none}.dms-packet{offset-distance:55%}}