.universe{--u-bg:#07131d;--u-line:#253640;--u-muted:#a0b1bb;--u-ice:#a3eddf;color:#edf4f6;background:var(--u-bg);padding:44px max(24px,calc((100vw - 1440px)/2)) 26px;font-family:inherit;color-scheme:dark;overflow:hidden}
.universe-module-menu{position:fixed;z-index:1000;width:320px;max-width:calc(100vw - 16px);padding:7px;border:1px solid var(--module-color,var(--u-ice));border-radius:12px;background:linear-gradient(135deg,#162e3af5,#091721fa);box-shadow:0 14px 40px #0009,0 0 18px color-mix(in srgb,var(--module-color,var(--u-ice)) 20%,transparent);backdrop-filter:blur(16px)}
.universe-module-menu :is(a,button){display:block;width:100%;padding:13px 14px;border:0;border-radius:7px;background:transparent;color:#e4f3f6;text-align:left;text-decoration:none;font:inherit;font-size:13px;line-height:1.5;overflow-wrap:anywhere;cursor:pointer}
.universe-module-menu :is(a,button):hover,.universe-module-menu :is(a,button):focus{background:#284653;color:var(--module-color,var(--u-ice));outline:2px solid var(--module-color,var(--u-ice));outline-offset:-2px}
.universe *{box-sizing:border-box}.universe button,.universe input{font:inherit}.universe button,.universe a{touch-action:manipulation}.universe button{cursor:pointer}.universe button:disabled{cursor:default}.universe [hidden]{display:none!important}.universe :is(button,a,input):focus-visible{outline:3px solid #c8ff91;outline-offset:5px}.universe svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.universe a{color:inherit}.universe-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:0 0 30px}.universe-eyebrow{font-size:10px!important;font-weight:650;letter-spacing:2px;line-height:1.5;color:var(--u-ice);margin:0 0 13px;text-transform:uppercase}.universe-eyebrow>span,.universe-scene-heading i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--u-ice);margin-right:8px;box-shadow:0 0 14px #7dfde0}.universe h1{font-size:clamp(30px,3.5vw,52px);line-height:1.12;font-weight:500;letter-spacing:-2px;margin:0 0 12px;color:#f4f7f8}.universe h1 em{font-style:normal;color:var(--u-ice)}.universe-intro>div>p:last-child{font-size:14px;color:var(--u-muted);margin:0}.universe-text-link{font-size:12px;color:#c5d3da!important;text-decoration:none;border-bottom:1px solid #52656e;padding-bottom:8px;white-space:nowrap}
.universe-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid var(--u-line);border-radius:18px;overflow:hidden;background:#0a1924}.universe-explorer{position:relative;min-width:0;background:radial-gradient(ellipse at 48% 58%,#16344480,transparent 65%),linear-gradient(160deg,#11233060,#07131dfa)}.universe-explorer:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#091723bb,#09172380),url('/source-images/Migra%C3%A7%C3%A3o%20segura%20de%20banco%20de%20dados%20-%20DBA.jpg') center/cover;opacity:.35;pointer-events:none}.universe-scene-heading{position:absolute;z-index:2;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.4px;color:#a7bac6;pointer-events:none}.universe-scene-heading>span:first-child{color:#d1e0e7}.universe-viewport{height:570px;perspective:1500px;perspective-origin:50% 40%;position:relative;cursor:grab;touch-action:pan-y;overflow:hidden}.universe-viewport.is-dragging{cursor:grabbing;touch-action:none}.universe-scene{--yaw:-24deg;--tilt:48deg;--inverse-yaw:24deg;--inverse-tilt:-48deg;--scene-scale:.8;position:absolute;width:900px;height:700px;left:50%;top:49%;transform:translate(-50%,-50%) scale(var(--scene-scale)) rotateX(var(--tilt)) rotateZ(var(--yaw));transform-style:preserve-3d}.universe-scene [data-pieces],.universe-scene [data-connections]{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.universe-floor{position:absolute;inset:-100px;background-image:linear-gradient(#719cb412 1px,transparent 1px),linear-gradient(90deg,#719cb412 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse,#000 20%,transparent 69%);pointer-events:none}.universe-orbit{position:absolute;border:1px solid #7592a425;border-radius:50%;pointer-events:none}.orbit-one{width:670px;height:570px;left:115px;top:65px}.orbit-two{width:440px;height:370px;left:230px;top:165px;border-style:dashed}.universe-wire{position:absolute;height:2px;transform-origin:0 50%;background:#49677835;transition:background .35s,box-shadow .35s}.universe-wire.is-connected{background:var(--module-color);box-shadow:0 0 8px var(--module-color)}.universe-wire.is-connected:after{content:"";position:absolute;width:25px;height:3px;background:#efffff;left:0;top:-.5px;box-shadow:0 0 10px #d4fffd;animation:universe-flow 3.4s linear infinite}
.universe-piece{--height:46px;position:absolute;width:105px;height:105px;margin:-52px 0 0 -52px;transform-style:preserve-3d;transform:translateZ(8px);padding:0;border:0;background:transparent;color:var(--module-color);pointer-events:auto;transition:transform .35s;outline-offset:12px!important}.universe-piece:hover,.universe-piece.is-active{transform:translateZ(25px)}.universe-core{--height:74px;width:136px;height:136px;margin:-68px 0 0 -68px}.piece-top,.piece-side,.piece-shadow{position:absolute;display:block;inset:0;border:1px solid #486373;border-radius:13px;backface-visibility:hidden}.piece-top{transform:translateZ(var(--height));background:linear-gradient(140deg,#324856,#152735);box-shadow:inset 0 0 20px #0004;display:grid;place-items:center;transition:border-color .35s,box-shadow .35s}.is-connected .piece-top{border-color:var(--module-color);box-shadow:inset 0 0 25px color-mix(in srgb,var(--module-color) 14%,transparent),0 0 24px color-mix(in srgb,var(--module-color) 16%,transparent)}.is-active .piece-top{outline:2px solid var(--module-color);outline-offset:7px;background:linear-gradient(140deg,#405f6a,#1c3341)}.piece-icon{transform:rotateZ(24deg);display:grid;place-items:center;width:68px;height:68px;border:1px solid #7893a23a;border-radius:18px;background:#10222d80}.piece-icon svg{width:42px;height:42px;filter:drop-shadow(0 2px 8px #8bddfa40)}.universe-core .piece-icon{width:96px;height:96px;background:radial-gradient(circle,#195064,#0e2834);border:1px solid #76dfff66}.universe-core .piece-icon svg{width:55px;height:55px}.piece-corner{position:absolute;right:10px;top:4px;font-size:17px;color:#c2d4df}.is-connected .piece-corner{color:var(--module-color)}.piece-side{height:var(--height);background:linear-gradient(#182f40,#0b1721);border-radius:5px;border-color:#365364}.piece-front{top:100%;transform-origin:top;transform:rotateX(90deg)}.piece-back{top:0;transform-origin:top;transform:rotateX(90deg)}.piece-right{left:100%;width:var(--height);height:100%;transform-origin:left;transform:rotateY(-90deg);background:linear-gradient(90deg,#122939,#09141e)}.piece-left{left:0;width:var(--height);height:100%;transform-origin:left;transform:rotateY(-90deg)}.is-connected .piece-front,.is-connected .piece-right{border-bottom:3px solid var(--module-color)}.piece-shadow{background:#0006;box-shadow:0 12px 22px #0008;transform:translateZ(-6px);border:0}.piece-label{position:absolute;left:50%;top:50%;transform:translateZ(calc(var(--height) + 30px)) rotateZ(var(--inverse-yaw)) rotateX(var(--inverse-tilt)) translate(-50%,0);display:flex;align-items:center;gap:7px;white-space:nowrap;color:#e4edf1;background:#091721ec;border:1px solid #3a5262;border-radius:6px;padding:7px 10px;font-size:13px;font-weight:550;line-height:1.3;pointer-events:none;box-shadow:0 5px 12px #0005}.piece-status{height:5px;width:5px;flex:none;background:#6f8694;border-radius:50%}.is-connected .piece-status{background:var(--module-color);box-shadow:0 0 8px var(--module-color)}.universe-core .piece-label{font-size:15px;letter-spacing:3px;border-color:#7acade66}.universe-scene-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 24px 20px;margin-top:-8px}.universe-scene-bottom p{font-size:10px;color:#9ab0bf;margin:0;line-height:1.6}.universe-mouse{font-size:17px;vertical-align:middle;margin-right:5px}.universe-camera{display:flex;align-items:center;gap:3px;background:#10212de0;border:1px solid #2a414e;border-radius:8px;padding:3px}.universe-camera button{color:#d6e4ec;background:transparent;border:0;width:32px;height:32px;font-size:20px;border-radius:4px}.universe-camera button:hover{background:#284351}.universe-camera>span{height:15px;width:1px;background:#3c515c;margin:0 3px}
.universe-inspector{border-left:1px solid var(--u-line);background:#111f29;display:flex;flex-direction:column}.universe-module-image{height:180px;position:relative;overflow:hidden;flex-shrink:0}.universe-module-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#111f29)}.universe-module-image img{width:100%;height:100%;object-fit:cover}.universe-module-image>span{position:absolute;left:22px;bottom:16px;z-index:1;font-size:8px;letter-spacing:1.4px;color:var(--u-ice);background:#0a1b25dc;border:1px solid #416059;padding:6px 9px;border-radius:4px}.universe-detail-body{padding:14px 24px 24px;display:flex;flex-direction:column;flex:1}.universe-detail-body>.universe-eyebrow{font-size:9px!important;letter-spacing:1px;margin-bottom:8px;color:#9daeba}.universe h2{color:#e9f2f5;font-size:22px;font-weight:500;letter-spacing:-.5px;line-height:1.2;margin:0 0 14px}.universe-description{color:#b3c2cb;font-size:12px;line-height:1.8;margin:0 0 17px}.universe-features{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:9px;color:#d7e2e8;font-size:11px}.universe-features li:before{content:"↗";color:var(--u-ice);margin-right:10px}.universe-dependencies{font-size:10px;color:#91a8b7;line-height:1.7;padding-top:13px;border-top:1px solid #2b3b47;margin:0 0 18px}.universe-connect{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #a3eddf;border-radius:7px;padding:14px 16px;color:#09252b!important;background:var(--u-ice);font-size:12px!important;font-weight:700;text-decoration:none;min-height:45px}.universe-connect:hover{background:#c0fff0}.universe-connect:disabled{background:#213a41;color:#c9e6e4!important;border-color:#3d5b5e}.universe-connect.is-disconnect{background:transparent;color:#bdeade!important;border-color:#52796e}.universe-detail-body>.universe-connect{margin-top:auto}.universe-detail-link{font-size:10px;text-decoration:none;text-align:center;margin-top:16px;color:#a6bbc9!important}.universe-dock{padding:30px 0 26px}.universe-dock-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.universe-dock-heading .universe-eyebrow{font-size:8px!important;margin:0 0 5px;letter-spacing:1.5px;color:#a3b6c2}.universe-dock-heading h2{font-size:17px;letter-spacing:-.3px;margin:0}.universe-filter{display:flex;gap:8px;font-size:11px;color:#a9bac5;align-items:center;white-space:nowrap;cursor:pointer}.universe-filter input{accent-color:var(--u-ice);width:15px;height:15px}.universe-module-dock{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:7px}.universe-dock-item{background:#10202b;border:1px solid #293d4c;border-radius:9px;min-width:0;min-height:120px;color:#d9e4eb;padding:12px 7px;display:flex;align-items:center;flex-direction:column;gap:9px;transition:border-color .2s,background .2s}.universe-dock-item:hover{background:#1b303d;border-color:#6e929e}.universe-dock-item.is-active{background:#20373f;border-color:var(--module-color)}.dock-icon{color:var(--module-color);display:grid;place-items:center;height:27px}.dock-icon svg{width:25px;height:25px}.dock-name{font-size:10px;font-weight:500;line-height:1.4;margin:auto 0}.dock-state{font-size:8px;color:#91a7b4}.is-connected .dock-state{color:var(--module-color)}.universe-composition{display:grid;grid-template-columns:1fr 320px;gap:40px;border-top:1px solid var(--u-line);padding-top:25px}.universe-composition .universe-eyebrow{font-size:9px!important;margin-bottom:8px}.universe-composition h2{font-size:23px;margin-bottom:17px}.universe-selected{display:flex;flex-wrap:wrap;gap:6px}.universe-selected button{border:1px solid #324d51;background:#142b30;color:#bfd8d8;border-radius:5px;font-size:10px;padding:7px 10px}.universe-next>p{font-size:9px;color:#94a9b5;line-height:1.6;text-align:center;margin:8px 0 12px}.universe-next>div{display:flex;justify-content:space-between;gap:12px}.universe-next>div>button{background:none;border:0;padding:5px 0;color:#aec5d0;font-size:10px}.universe-next>div>button:hover{text-decoration:underline}.universe-feedback{color:#acc6cf;font-size:11px;min-height:18px;line-height:1.6;margin:20px 0 0}.universe-share-fallback{margin-top:15px}.universe-share-fallback label{display:block;font-size:12px;margin-bottom:8px}.universe-share-fallback input{width:100%;padding:12px;background:#122d37;color:white;border:1px solid #5b8586;border-radius:5px}
@keyframes universe-flow{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 25px);opacity:0}}
@media(min-width:1650px){.universe-viewport{height:640px}.universe-workspace{grid-template-columns:minmax(0,1fr) 350px}.universe-module-image{height:205px}.universe-description{font-size:13px}.universe-detail-body{padding:20px 28px 28px}}
@media(max-width:1150px){.universe{padding:30px 22px}.universe-workspace{grid-template-columns:minmax(0,1fr) 285px}.universe-viewport{height:530px}.universe-module-dock{grid-template-columns:repeat(6,minmax(0,1fr))}.universe-dock-item{min-height:104px}.universe-scene-bottom{flex-wrap:wrap}.universe-intro{align-items:flex-start}.universe-text-link{font-size:10px;margin-top:30px}.universe-detail-body{padding:12px 18px 20px}}
@media(max-width:800px){.universe-workspace{grid-template-columns:1fr}.universe-viewport{height:530px}.universe-inspector{border-left:0;border-top:1px solid var(--u-line);display:grid;grid-template-columns:33% 1fr}.universe-module-image{height:100%;min-height:300px}.universe-detail-body{padding:22px}.universe-intro{display:block}.universe-text-link{display:inline-block;margin-top:18px}.universe-composition{grid-template-columns:1fr 285px;gap:24px}.universe-dock-heading h2{font-size:15px}.universe-module-image>span{left:12px;right:12px;line-height:1.7}.universe-features{gap:7px}}
@media(max-width:520px){.universe{padding:26px 14px 20px}.universe h1{font-size:32px;letter-spacing:-1.4px}.universe h1 em{display:block;margin-top:3px}.universe-intro>div>p:last-child{font-size:12px}.universe-eyebrow{font-size:8px!important;letter-spacing:1.5px}.universe-viewport{height:360px;perspective:1000px}.universe-scene-heading{left:15px;right:15px;top:17px;font-size:7px;letter-spacing:.7px}.universe-scene-bottom{padding:0 14px 15px;justify-content:center}.universe-scene-bottom p{font-size:9px;text-align:center}.universe-inspector{display:flex}.universe-module-image{height:150px;min-height:0}.universe-module-image>span{right:auto;left:20px}.universe-detail-body{padding:12px 20px 22px}.universe-detail-body h2{font-size:23px}.universe-dock-heading{align-items:flex-start}.universe-dock-heading h2{font-size:14px;max-width:210px}.universe-filter{font-size:9px;margin-top:4px}.universe-module-dock{grid-template-columns:repeat(3,minmax(0,1fr))}.universe-dock-item{min-height:106px}.dock-name{font-size:11px}.dock-state{font-size:9px}.universe-composition{grid-template-columns:1fr;gap:24px}.universe-next>p{font-size:10px}.universe-feedback{font-size:10px}.universe-dock{padding-top:24px}.piece-label{font-size:17px}.universe-core .piece-label{font-size:19px}}
@media(prefers-reduced-motion:reduce){.universe-wire.is-connected:after{animation:none;display:none}.universe-piece,.piece-top,.universe-wire,.universe-dock-item{transition:none}}

/* Constelações de submódulos e navegação por módulo principal. */
.universe-scene-navigation{position:absolute;z-index:3;top:52px;left:24px;right:24px;display:flex;align-items:center;gap:12px;color:#b8d9df;font-size:11px;flex-wrap:wrap}.universe-scene-navigation button{border:1px solid #3d616c;background:#112c38;color:#d7f6f3;border-radius:6px;padding:8px 10px;font-size:11px}.universe-scene-navigation button:disabled{opacity:.4}.universe-scene-navigation>span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.universe-scene-navigation>div{margin-left:auto;display:flex;align-items:center;gap:8px}.universe-scene-navigation>div>span{font-size:10px}.universe-satellite{--height:32px;width:90px;height:90px;margin:-45px 0 0 -45px}.universe-satellite .piece-top{border-radius:20px}.universe-satellite .piece-icon{width:56px;height:56px;border-radius:50%;background:#142e3b}.universe-satellite .piece-icon svg{width:31px;height:31px}.universe-satellite .piece-label{white-space:normal;min-width:120px;max-width:185px;text-align:center;justify-content:center;font-size:13px}.universe-satellite .piece-name{display:block}.universe-piece.is-family-center{--height:70px}.piece-children-count{position:absolute;left:50%;top:100%;transform:translateZ(9px) rotateZ(var(--inverse-yaw)) rotateX(var(--inverse-tilt)) translate(-50%,0);color:#b2dce0;background:#142c37;border:1px solid #48727b;border-radius:12px;font-size:12px;padding:3px 8px;white-space:nowrap;pointer-events:none}.universe-explore-children{margin-top:14px;padding:10px;background:#1c3540;color:#b4eee1;border:1px solid #365863;border-radius:6px;font-size:11px}.universe-children{margin-top:22px;padding:22px;border:1px solid #31535d;border-radius:12px;background:linear-gradient(120deg,#112830,#0c1c29)}.universe-children>.universe-dock-heading{margin-bottom:10px}.universe-children>.universe-dock-heading>span{color:#a4d9d0;font-size:11px;white-space:nowrap}.universe-children>p{color:#a9bbc5;font-size:12px;line-height:1.7;margin:0 0 18px}.universe-child-dock{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px}.universe-child-dock .universe-dock-item{min-height:110px}.universe-child-dock .dock-name{font-size:12px}.universe-child-dock .dock-state{font-size:10px}.universe-options-total{color:#afd8cf;font-size:12px;margin:0 0 15px}.universe-selected-group{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:260px}.universe-selected .universe-selected-child{margin-left:10px;border-color:#345165;background:#102530;color:#bacfdc;text-align:left;font-size:10px}.universe-selected{gap:14px}.universe-module-dock .dock-state{line-height:1.5}
@media(max-width:520px){.universe-scene-navigation{top:39px;left:12px;right:12px;gap:6px;font-size:9px}.universe-scene-navigation button{font-size:9px;padding:6px}.universe-scene-navigation>span{max-width:120px}.universe-scene-navigation>div{gap:5px}.universe-scene-navigation>div>span{font-size:8px}.universe-children{padding:16px 12px}.universe-child-dock{grid-template-columns:repeat(2,minmax(0,1fr))}.universe-child-dock .dock-name{font-size:11px}.universe-satellite .piece-label{font-size:17px;max-width:210px}.piece-children-count{font-size:17px}.universe-children>.universe-dock-heading>span{font-size:9px}}
.universe-satellite .piece-label{top:110%;width:190px;max-width:190px;font-size:12px;transform:translateZ(calc(var(--height) + 10px)) rotateZ(var(--inverse-yaw)) rotateX(var(--inverse-tilt)) translate(-50%,0)}
@media(max-width:520px){.universe-satellite .piece-label{width:220px;max-width:220px;font-size:16px}}
.universe-catalog-status{display:flex;align-items:center;gap:14px;margin-top:16px;color:#b2cbd3;font-size:12px;line-height:1.6}.universe-catalog-status button{flex-shrink:0;border:1px solid #527b7e;border-radius:6px;background:#142e38;color:#b7eddf;padding:8px 12px}
/* Processor Prodigy: chip sobre circuito, contatos e feixes de energia. */
.universe-core,.universe-core.is-family-center{--height:30px;width:128px;height:128px;margin:-64px 0 0 -64px}
.universe-core .piece-top{border:2px solid #80f3ff;border-radius:12px;background:radial-gradient(ellipse at 50% 45%,#8c217f85,#123e63 58%,#081528);box-shadow:inset 0 0 0 5px #142237,inset 0 0 0 7px #4ee1fa,0 0 15px #00bbff90;transform-style:preserve-3d}
.universe-core.is-active .piece-top{outline:1px solid #df9cff;outline-offset:7px;background:radial-gradient(ellipse,#b5389b80,#123e63 65%,#081528)}
.universe-core .piece-top:before{content:"";position:absolute;inset:13px;border:1px dashed #579ccd;border-radius:4px;pointer-events:none}
.universe-core .piece-icon{width:52px;height:52px;background:radial-gradient(circle,#50dfff80,#193e60);border:1px solid #ccfaff;border-radius:3px;transform:translateZ(5px) rotateZ(0deg);box-shadow:0 0 5px #fff,0 0 18px #41dfff,0 0 28px #219fff6c,inset 0 0 15px #32d6ff}
.universe-core .piece-icon img{width:42px;height:42px;object-fit:contain;transform:rotateZ(24deg);filter:drop-shadow(0 0 5px #fff);pointer-events:none}
.universe-core .piece-side{border-radius:3px;border-color:#9d77c2;background:repeating-linear-gradient(90deg,#db80e8 0 1px,#361139 1px 4px);box-shadow:inset 0 8px 0 #142039,inset 0 -7px 0 #161627}
.universe-core .piece-right,.universe-core .piece-left{background:repeating-linear-gradient(0deg,#dc80eb 0 1px,#351739 1px 4px);box-shadow:inset 8px 0 0 #122438,inset -7px 0 0 #101728}
.universe-core .piece-front,.universe-core .piece-right{border-bottom:3px solid #fc4acd;box-shadow:0 5px 13px #fa23c84d,inset 0 7px 0 #132237}
.universe-core .piece-corner{font-size:10px;right:9px;top:4px}
.universe-core .piece-label{top:calc(100% + 55px);transform:translateZ(3px) rotateZ(var(--inverse-yaw)) rotateX(var(--inverse-tilt)) translate(-50%,0);font-size:14px;letter-spacing:3px;background:#091727f5;border-color:#729ebd;box-shadow:0 0 14px #31b4ff30}
.core-structure{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.core-structure>span{position:absolute;display:block}
.processor-board{inset:-35px;border:1px solid #b855dd;border-radius:7px;background:repeating-linear-gradient(0deg,transparent 0 17px,#739df111 18px 19px),linear-gradient(135deg,#162f4c,#090e25 65%,#271333);box-shadow:0 4px 0 #111126,0 6px 0 #ff40d3,0 8px 8px #ff22d4,0 14px 28px #bc26dd66;transform:translateZ(0)}
.processor-board:before,.processor-board:after{content:"";position:absolute;width:13px;height:13px;border:2px solid #42d8ff;border-radius:50%;background:#152943;box-shadow:0 0 8px #17ccff}
.processor-board:before{top:9px;left:9px}.processor-board:after{right:9px;bottom:9px;border-color:#fc76e0;box-shadow:0 0 8px #ee4bce}
.processor-traces{inset:-29px;transform:translateZ(2px);background:repeating-linear-gradient(90deg,transparent 0 9px,#da40c777 9px 10px,transparent 10px 14px),repeating-linear-gradient(0deg,transparent 0 12px,#32d4ff5c 12px 13px,transparent 13px 18px);mask-image:radial-gradient(ellipse,transparent 44%,#000 48%,#000 64%,transparent 72%)}
.processor-socket{inset:-7px;border:2px solid #f587eb;border-radius:9px;background:linear-gradient(135deg,#29476a,#17172f);box-shadow:inset 0 0 0 4px #0b162e,0 3px 0 #081222,0 5px 0 #9562c1;transform:translateZ(9px)}
.processor-pins{height:13px;left:4px;right:4px;background:repeating-linear-gradient(90deg,#ff95e7 0 2px,#481e5140 2px 5px);border-top:1px solid #fc6ed7;filter:drop-shadow(0 0 3px #ff42ce);transform:translateZ(16px)}
.pins-n{top:-18px}.pins-s{bottom:-18px}.processor-pins.pins-e,.processor-pins.pins-w{width:13px;height:auto;top:4px;bottom:4px;background:repeating-linear-gradient(0deg,#77e8ff 0 2px,#123c5640 2px 5px);border:0;border-left:1px solid #5ce1ff;filter:drop-shadow(0 0 3px #27bcff)}
.processor-pins.pins-e{left:auto;right:-18px}.processor-pins.pins-w{left:-18px;right:auto}
.processor-beam{width:1px;height:108px;background:linear-gradient(0deg,#82efff, #6bbdff65 65%,transparent);transform-origin:top;transform:translateZ(48px) rotateX(90deg);box-shadow:0 0 6px #35cdff80}
.processor-beam:after{content:"";position:absolute;left:-2px;top:18px;width:5px;height:5px;background:#b8faff;border-radius:1px;box-shadow:0 0 9px #27cbff;animation:processor-pulse 4s ease-in-out infinite}
.beam-a{left:35px;top:35px}.beam-b{right:35px;top:35px;height:80px}.beam-c{left:35px;bottom:35px;height:67px;background:linear-gradient(0deg,#ff82e5,transparent);box-shadow:0 0 6px #ff35d580}.beam-d{right:35px;bottom:35px;height:92px}
.beam-b:after{animation-delay:-1s}.beam-c:after{animation-delay:-2s}.beam-d:after{animation-delay:-3s}
@keyframes processor-pulse{0%,100%{opacity:.3;translate:0 0}50%{opacity:1;translate:0 28px}}
@media(prefers-reduced-motion:reduce){.processor-beam:after{animation:none}}

.processor-ring{border:2px solid #74efff;border-radius:5px;background:transparent;box-shadow:0 0 6px #25d4ff, inset 0 0 6px #25d4ff55}
.ring-outer{inset:5px;transform:translateZ(36px);border-color:#ff83df;box-shadow:0 0 8px #f42acb,inset 0 0 8px #f42acb44}
.ring-middle{inset:14px;transform:translateZ(40px)}
.ring-inner{inset:24px;transform:translateZ(44px);border-width:1px}
.beam-center{opacity:.35;background:linear-gradient(0deg,#afffff,#40d9ff70 60%,transparent);box-shadow:0 0 7px #3ccfff80}
.beam-center:after{width:3px;height:6px;left:-1px;animation-delay:var(--beam-delay)}
/* Emblema em relevo: silhueta original extrudada em planos solidários à câmera 3D. */
.universe-core .piece-icon{background:radial-gradient(circle,#6932a970,#14162c 75%);border-color:#a789d6;box-shadow:0 0 12px #963bda50,inset 0 0 14px #792edb60}
.universe-core .piece-icon .processor-plasma{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);overflow:visible;transform:rotateZ(-24deg);filter:none}
.processor-plasma .plasma-arc{fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:.15;animation:plasma-discharge 6s ease-in-out infinite}
.plasma-arc.arc-violet{stroke:#ddbdff;filter:drop-shadow(0 0 2px #d078ff) drop-shadow(0 0 5px #8431ff)}
.plasma-arc.arc-orange{stroke:#ffe4af;filter:drop-shadow(0 0 2px #ffba62) drop-shadow(0 0 5px #ff7529);animation-delay:-2s}
.plasma-arc.arc-cyan{stroke:#d6faff;filter:drop-shadow(0 0 2px #73ddff) drop-shadow(0 0 5px #407fff);animation-delay:-4s}
@keyframes plasma-discharge{0%,100%{opacity:.12}18%{opacity:.35}28%{opacity:.9}42%{opacity:.2}70%{opacity:.12}}
@keyframes plasma-reflection{0%,100%{opacity:.2}30%{opacity:.7}65%{opacity:.3}}
@media(prefers-reduced-motion:reduce){.processor-plasma .plasma-arc{animation:none;opacity:.5}}

/* Módulos em vidro: arestas neon na cor de cada área. */
.universe-piece:not(.universe-core){--height:30px}
.universe-piece:not(.universe-core) .piece-top{border-radius:3px;border:2px solid var(--module-color);background:linear-gradient(135deg,color-mix(in srgb,var(--module-color) 18%,transparent),#0c182822 65%,color-mix(in srgb,var(--module-color) 9%,transparent));box-shadow:inset 0 0 0 4px #08172880,inset 0 0 16px color-mix(in srgb,var(--module-color) 12%,transparent),0 0 4px var(--module-color),0 0 12px var(--module-color),0 0 28px color-mix(in srgb,var(--module-color) 55%,transparent);transform-style:preserve-3d}
.universe-piece:not(.universe-core) .piece-side{border-radius:5px;backface-visibility:visible;border:2px solid var(--module-color);background:linear-gradient(90deg,color-mix(in srgb,var(--module-color) 19%,transparent),#09142622 18%,#0a172b33 78%,color-mix(in srgb,var(--module-color) 22%,transparent));box-shadow:inset 0 0 14px color-mix(in srgb,var(--module-color) 12%,transparent),0 0 4px var(--module-color),0 0 12px color-mix(in srgb,var(--module-color) 70%,transparent),0 0 25px color-mix(in srgb,var(--module-color) 30%,transparent)}
.universe-piece:not(.universe-core) .piece-right,.universe-piece:not(.universe-core) .piece-left{background:linear-gradient(0deg,color-mix(in srgb,var(--module-color) 19%,transparent),#09142622 18%,#0a172b33 78%,color-mix(in srgb,var(--module-color) 22%,transparent))}
.universe-piece:not(.universe-core) .piece-front:before,.universe-piece:not(.universe-core) .piece-right:before{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--module-color) 22%,transparent);pointer-events:none}
.universe-piece:not(.universe-core) .piece-icon{border:0;background:transparent;box-shadow:none;transform:translateZ(1px) rotateZ(24deg)}
.universe-piece:not(.universe-core) .piece-icon svg{filter:drop-shadow(0 0 5px var(--module-color));stroke-width:1.3}
.universe-piece:not(.universe-core) .piece-shadow{border-radius:3px;background:radial-gradient(ellipse,color-mix(in srgb,var(--module-color) 22%,transparent),transparent 72%);box-shadow:0 10px 28px color-mix(in srgb,var(--module-color) 18%,transparent)}
.universe-piece:not(.universe-core).is-connected .piece-front,.universe-piece:not(.universe-core).is-connected .piece-right{border-bottom:2px solid var(--module-color)}
.universe-piece:not(.universe-core).is-connected .piece-top{box-shadow:inset 0 0 0 4px #08172880,inset 0 0 25px color-mix(in srgb,var(--module-color) 24%,transparent),0 0 5px var(--module-color),0 0 16px var(--module-color),0 0 34px color-mix(in srgb,var(--module-color) 65%,transparent)}
.universe-piece:not(.universe-core).is-active .piece-top{outline:1px solid #e4fbff;outline-offset:5px}
.universe-piece.universe-satellite{--height:24px}
.universe-piece:not(.universe-core).is-family-center{--height:36px}

/* Cápsula metálica baixa, com luz concentrada nas bordas. */
.universe-piece:not(.universe-core) .piece-top{border-radius:11px;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(135deg,#597080 0%,#2c4150 24%,#142634 55%,#344d5d 85%,#667e8b 100%);box-shadow:inset 0 0 0 3px #091925,inset 0 0 0 4px #91b3c53d,0 0 3px var(--module-color),0 0 8px color-mix(in srgb,var(--module-color) 75%,transparent)}
.universe-piece:not(.universe-core) .piece-side{box-shadow:inset 0 0 7px color-mix(in srgb,var(--module-color) 18%,transparent),0 0 3px var(--module-color),0 0 7px color-mix(in srgb,var(--module-color) 55%,transparent)}
.universe-piece:not(.universe-core).is-connected .piece-top{box-shadow:inset 0 0 0 3px #091925,inset 0 0 0 4px #91b3c55c,0 0 4px var(--module-color),0 0 10px color-mix(in srgb,var(--module-color) 85%,transparent)}
.universe-piece:not(.universe-core) .piece-shadow{border-radius:11px;background:color-mix(in srgb,var(--module-color) 14%,transparent);box-shadow:0 3px 9px color-mix(in srgb,var(--module-color) 30%,transparent)}

/* Símbolo em relevo no topo e laterais metálicas sem emissão de luz. */
.universe-piece:not(.universe-core) .piece-icon{width:68px;height:68px;display:grid;place-items:center;border:1px solid #7893a23a;border-radius:18px;background:#10222dcc;box-shadow:inset 0 1px 8px #0003;transform:translateZ(1px) rotateZ(24deg)}
.universe-piece:not(.universe-core) .piece-icon svg{width:42px;height:42px;stroke-width:1.5;filter:drop-shadow(0 2px 8px #8bddfa40)}
.universe-piece:not(.universe-core) .piece-side{border:1px solid #365364;background:linear-gradient(#182f40,#0b1721);box-shadow:none;backface-visibility:hidden}
.universe-piece:not(.universe-core) .piece-right,.universe-piece:not(.universe-core) .piece-left{background:linear-gradient(90deg,#122939,#09141e)}
.universe-piece:not(.universe-core).is-connected .piece-front,.universe-piece:not(.universe-core).is-connected .piece-right{border-bottom:1px solid #365364}
.universe-piece:not(.universe-core) .piece-front:before,.universe-piece:not(.universe-core) .piece-right:before{display:none}
.universe-piece:not(.universe-core) .piece-shadow{background:#0006;box-shadow:0 8px 16px #0006}
.universe-piece.universe-satellite .piece-icon{width:56px;height:56px;border-radius:16px}
.universe-piece.universe-satellite .piece-icon svg{width:31px;height:31px}

/* Conexão destacada pela iluminação do topo. */
.universe-piece:not(.universe-core).is-connected .piece-top{border-color:color-mix(in srgb,var(--module-color) 65%,white);box-shadow:inset 0 0 0 3px #091925,inset 0 0 0 4px color-mix(in srgb,var(--module-color) 60%,transparent),inset 0 0 16px color-mix(in srgb,var(--module-color) 25%,transparent),0 0 4px var(--module-color),0 0 12px var(--module-color),0 0 20px color-mix(in srgb,var(--module-color) 50%,transparent)}

/* Volume fechado: as quatro paredes permanecem visíveis em qualquer rotação. */
.universe-piece:not(.universe-core) .piece-side{backface-visibility:visible}
.universe-piece:not(.universe-core):not(.universe-neon-node):before{content:"";position:absolute;inset:0;display:block;border:1px solid #365364;border-radius:5px;background:#0b1721;transform:translateZ(0);backface-visibility:visible;pointer-events:none}
/* Navegação espacial e satélites neon: o estado comercial permanece independente da câmera. */
.universe-scene{transform:translate(calc(-50% + var(--pan-x,0px)),calc(-50% + var(--pan-y,0px))) scale(var(--scene-scale)) rotateX(var(--tilt)) rotateZ(var(--yaw))}
.universe-viewport{touch-action:none}
.universe-viewport:focus-visible{outline:2px solid var(--u-ice);outline-offset:-4px}
.universe-scene-bottom{flex-wrap:wrap;gap:14px}
.universe-camera{flex-wrap:wrap;max-width:100%}
.universe-camera button{width:40px;height:40px}
.universe-camera button[aria-pressed=true]{background:#31515c;color:#d4fff5}
.universe-camera-help{position:relative;margin:0;padding:0 24px 14px;color:#a5bbc8;font-size:11px;line-height:1.65}
.universe-camera-help [data-camera-status]{white-space:nowrap;color:var(--u-ice);font-weight:600}
.universe .universe-piece.universe-neon-node{width:52px;height:52px;margin:-26px 0 0 -26px;--height:24px}
.universe .universe-neon-node :is(.piece-side,.piece-shadow,.piece-icon,.piece-corner){display:none}
.universe .universe-piece.universe-neon-node .piece-top{inset:10px;border-radius:50%;border:2px solid var(--module-color);background:#081b2d;outline:none;box-shadow:0 0 5px #fff,0 0 12px var(--module-color),0 0 25px var(--module-color),inset 0 0 8px var(--module-color);transform:translateZ(24px) rotateZ(var(--inverse-yaw)) rotateX(var(--inverse-tilt))}
.universe .universe-neon-node .piece-top:before{content:"";position:absolute;inset:6px;border:2px solid var(--module-color);border-radius:50%;box-shadow:0 0 7px var(--module-color)}
.universe .universe-neon-node .piece-top:after{content:"";width:4px;height:4px;border-radius:50%;background:#eaffff;box-shadow:0 0 7px var(--module-color)}
.universe .universe-neon-node:not(.is-connected) .piece-top{opacity:.5;box-shadow:0 0 7px var(--module-color)}
.universe .universe-neon-node .piece-label{opacity:0;transition:opacity .15s;transform:translateZ(55px) rotateZ(var(--inverse-yaw)) rotateX(var(--inverse-tilt)) translate(-50%,0)}
.universe .universe-neon-node:hover .piece-label,.universe .universe-neon-node:focus-visible .piece-label,.universe .is-family-view .universe-neon-node .piece-label{opacity:1}
@media(max-width:650px){.universe-camera button{width:44px;height:44px}.universe-camera-help{padding-right:16px;padding-left:16px}}
@media(prefers-reduced-motion:reduce){.universe .universe-neon-node .piece-label{transition:none}}

/* Identificação permanente dos submódulos na família, sem tooltips. */
.satellite-thumbnail,.satellite-caption{display:none}
.universe .is-family-view .universe-neon-node .piece-top{inset:-19px;border-radius:12px;background:#102633;box-shadow:0 0 12px color-mix(in srgb,var(--module-color) 50%,transparent)}
.universe .is-family-view .universe-neon-node .piece-top:before,.universe .is-family-view .universe-neon-node .piece-top:after{display:none}
.universe .is-family-view .universe-neon-node .satellite-thumbnail{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px;pointer-events:none}
.universe .is-family-view .universe-neon-node .satellite-thumbnail[hidden]{display:none}
.universe .is-family-view .universe-neon-node .piece-icon{display:grid;position:absolute;inset:0;margin:auto;transform:none;z-index:-1}
.universe .is-family-view .universe-neon-node:not(.is-connected) .piece-top{opacity:1;border-style:dashed}
.universe .is-family-view .universe-neon-node .satellite-caption{display:block;position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);width:140px;padding:5px 7px;border-radius:5px;background:#081925ed;color:#edf6ff;font-size:12px;line-height:1.3;text-align:center;pointer-events:none;border-bottom:2px solid var(--module-color)}

/* O destaque permanente representa conexão; o foco continua identificável. */
.universe-module-dock .universe-dock-item.is-connected{border-color:var(--module-color);background:linear-gradient(145deg,color-mix(in srgb,var(--module-color) 23%,#10202b),#142b36);box-shadow:inset 0 0 18px color-mix(in srgb,var(--module-color) 10%,transparent),0 0 10px color-mix(in srgb,var(--module-color) 20%,transparent)}
.universe-module-dock .universe-dock-item.is-connected .dock-icon{filter:drop-shadow(0 0 5px var(--module-color))}
.universe-module-dock .universe-dock-item.is-active:not(.is-connected){background:#10202b;border-color:#516674}
.universe-module-dock .universe-dock-item:focus-visible{outline:2px solid #e8ffff;outline-offset:3px}

/* Ajuda sobreposta à cena, sem ocupar altura do explorador. */
.universe-scene-bottom{justify-content:flex-end;margin-top:4px;padding-bottom:8px}
.universe-camera .universe-zoom-status{width:auto;height:auto;background:none;white-space:nowrap;font-size:10px;color:#a7dcd3;padding:0 5px}
.universe-help{position:relative}
.universe-camera .universe-help-button{width:auto;padding:0 10px;font-size:12px}
.universe-help-card{display:none;position:absolute;right:0;bottom:100%;width:min(320px,calc(100vw - 64px));box-sizing:border-box;padding:18px;background:#122b38;border:1px solid #648d9b;border-radius:10px;box-shadow:0 8px 28px #0009;color:#deedf4;z-index:20;font-size:12px;line-height:1.6;text-align:left;cursor:default}
.universe-help-card p{margin:10px 0 0;font-size:12px;line-height:1.6}
.universe-help:hover .universe-help-card,.universe-help:focus-within .universe-help-card{display:block}
.universe-module-menu{max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain}
.universe-menu-selection{border-top:1px solid #50708266;margin-top:6px;padding:4px 14px 8px;font-size:12px;line-height:1.5}
.universe-menu-selection h3{font-size:12px;margin:14px 0 7px;font-weight:700;color:#e4f3f6}
.universe-menu-selection ul{list-style:none;padding:0;margin:0}
.universe-menu-selection li{padding:5px 0;overflow-wrap:anywhere}
.universe-menu-selection .is-connected li{color:#8ee5d2;font-weight:600}
.universe-menu-selection .is-disconnected li,.universe-menu-selection p{color:#b5c7d1}
.universe-menu-selection p{margin:4px 0}
.universe-module-menu .universe-menu-learn-label{color:#73daff;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}