body.mc-ux-prototype{--ux-bg:rgba(5,12,20,.92);--ux-line:rgba(190,220,238,.18);--ux-ink:#e7f0f5;--ux-muted:#8fa7b7}
#mc-ux-shell{position:fixed;inset:0 0 auto;z-index:100000;font:12px/1.3 "Segoe UI",Arial,sans-serif;color:var(--ux-ink);pointer-events:none}
#mc-ux-shell button,#mc-ux-shell a,#mc-ux-shell input{font:inherit}
.mc-ux-top{height:54px;display:flex;align-items:center;gap:20px;padding:0 18px;background:var(--ux-bg);border-bottom:1px solid var(--ux-line);backdrop-filter:blur(14px);pointer-events:auto}
.mc-ux-brand{font:italic 18px/1 Georgia,serif;color:var(--ux-ink);text-decoration:none;white-space:nowrap}
.mc-ux-top nav{display:flex;align-items:center;gap:4px;flex:1}
.mc-ux-top nav button,.mc-ux-top nav a,.mc-ux-top-actions button{border:0;background:transparent;color:var(--ux-muted);padding:10px 11px;text-decoration:none;letter-spacing:.08em;cursor:pointer}
.mc-ux-top nav button:hover,.mc-ux-top nav a:hover,.mc-ux-top nav [aria-current],.mc-ux-top-actions button:hover{color:#fff;background:rgba(170,215,240,.08)}
.mc-ux-top-actions{display:flex;align-items:center;gap:5px;margin-left:auto}.mc-ux-top-actions span{color:#a8c0ce;letter-spacing:.12em}
.mc-ux-top-actions [data-ux-menu]{display:none}.mc-ux-context{position:fixed;left:50%;top:64px;transform:translateX(-50%);display:flex;gap:5px;padding:6px;background:rgba(5,12,20,.82);border:1px solid var(--ux-line);border-radius:999px;backdrop-filter:blur(14px);pointer-events:auto}
.mc-ux-context button{border:0;border-radius:999px;background:transparent;color:#a8bdc9;padding:9px 15px;letter-spacing:.08em;cursor:pointer}
.mc-ux-context button:hover{background:rgba(170,215,240,.09);color:#fff}
.mc-ux-drawer{position:fixed;right:18px;top:66px;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 84px);overflow:auto;background:#08131eeB;border:1px solid var(--ux-line);border-radius:16px;box-shadow:0 22px 70px #0008;pointer-events:auto;backdrop-filter:blur(18px);z-index:4}
.mc-ux-drawer[hidden]{display:none}.mc-ux-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid var(--ux-line)}
.mc-ux-drawer>header strong{letter-spacing:.15em}.mc-ux-drawer>header button{border:0;background:transparent;color:#c6d8e2;font-size:21px;cursor:pointer}
.mc-ux-drawer [data-ux-drawer-body]{display:grid;gap:6px;padding:12px}
.mc-ux-drawer [data-ux-drawer-body]>button,.mc-ux-search-results button{border:1px solid rgba(174,211,231,.14);background:rgba(145,190,216,.055);color:#dce8ee;text-align:left;padding:12px 13px;border-radius:10px;cursor:pointer}
.mc-ux-drawer [data-ux-drawer-body]>button:hover,.mc-ux-search-results button:hover{background:rgba(160,210,238,.12);border-color:rgba(190,225,243,.28)}
.mc-ux-drawer [data-ux-drawer-body]>small{margin:8px 4px 0;color:#718c9d;letter-spacing:.14em}
.mc-ux-drawer input[type=search]{width:100%;border:1px solid rgba(180,215,235,.2);border-radius:10px;background:#071019;color:#e8f1f5;padding:12px;outline:none}
.mc-ux-search-results{display:grid;gap:6px;margin-top:8px}.mc-ux-search-results .mc-ux-deep-search{margin-top:6px;border-color:rgba(205,184,112,.28);color:#dfd2a0}.mc-ux-scrim{position:fixed;inset:0;border:0;background:rgba(0,0,0,.18);pointer-events:auto;z-index:1}.mc-ux-top,.mc-ux-context{z-index:3}
body.mc-ux-prototype:not(.mc-ux-legacy)>.mc15-nav,
body.mc-ux-prototype:not(.mc-ux-legacy) .wrap>header,
body.mc-ux-prototype:not(.mc-ux-legacy) #mc-world-hud,
body.mc-ux-prototype:not(.mc-ux-legacy) .mc-alien-controls,
body.mc-ux-prototype:not(.mc-ux-legacy) #mc-instrument-toggle,
body.mc-ux-prototype:not(.mc-ux-legacy) .globe-inline>header,
body.mc-ux-prototype:not(.mc-ux-legacy) .globe-inline>.weather,
body.mc-ux-prototype:not(.mc-ux-legacy) .globe-inline>.zoom,
body.mc-ux-prototype:not(.mc-ux-legacy) .route-orbit,
body.mc-ux-prototype:not(.mc-ux-legacy) .radio-orbit-button,
body.mc-ux-prototype:not(.mc-ux-legacy) .tv-orbit-button{display:none!important}
body.mc-ux-prototype:not(.mc-ux-legacy) #astronaut-dock{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
body.mc-ux-prototype:not(.mc-ux-legacy):not(.mc-ux-sky-advanced) #mc-sky-observatory .mc-sky-console{display:none!important}
body.mc-ux-prototype.mc-ux-legacy .mc-ux-context{display:none}
body.mc-ux-prototype.mc-ux-legacy #mc-ux-shell{z-index:100000}
body.mc-ux-prototype .globe-section{margin-top:34px}
body.mc-ux-prototype #mc-immersive-exit{z-index:100001}
@media(max-width:760px){
 .mc-ux-top{height:50px;padding:0 12px;gap:10px}.mc-ux-brand{font-size:17px}.mc-ux-top nav{display:none}
 .mc-ux-top-actions [data-ux-menu]{display:inline-block}.mc-ux-top-actions span{font-size:10px}
 .mc-ux-context{top:auto;bottom:12px;left:12px;right:12px;transform:none;justify-content:space-between;border-radius:15px;padding:5px}
 .mc-ux-context button{flex:1;padding:10px 7px;font-size:10px}.mc-ux-context button:nth-child(n+4):not(:last-child){display:none}
 .mc-ux-drawer{top:auto;bottom:70px;left:12px;right:12px;width:auto;max-height:min(62vh,540px);border-radius:16px}
 body.mc-ux-prototype .globe-section{margin-top:14px}
 body.mc-ux-prototype:not(.mc-ux-legacy) .globe-inline #earth{height:calc(100svh - 155px)!important;min-height:400px}
}
@media(prefers-reduced-motion:reduce){#mc-ux-shell *{scroll-behavior:auto!important;transition:none!important}}

.mc-ux-actor-pad{position:fixed;left:18px;bottom:24px;width:238px;padding:10px;border:1px solid rgba(181,215,232,.2);border-radius:16px;background:rgba(5,14,22,.92);box-shadow:0 18px 56px #0008;backdrop-filter:blur(14px);pointer-events:auto}
.mc-ux-actor-pad[hidden]{display:none}.mc-ux-actor-pad>header{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 8px}.mc-ux-actor-pad>header strong{font-size:10px;letter-spacing:.13em;color:#c8d8df}
.mc-ux-actor-pad>header button{border:0;background:transparent;color:#9eb3be;font-size:18px;cursor:pointer}.mc-ux-actor-move{display:grid;grid-template-columns:repeat(3,46px);justify-content:center;gap:5px}
.mc-ux-actor-pad button[data-ux-key]{min-height:42px;border:1px solid rgba(181,215,232,.16);border-radius:10px;background:#091720;color:#dce8ed;touch-action:none;user-select:none;cursor:pointer}
.mc-ux-actor-pad button[data-ux-key][aria-pressed="true"]{background:#17303d;border-color:rgba(202,224,234,.38)}.mc-ux-actor-depth{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}
.mc-ux-actor-depth button[data-ux-key]{font-size:9px;letter-spacing:.06em}.mc-ux-actor-pad>footer{display:grid;grid-template-columns:1fr 1.4fr;gap:6px;margin-top:8px}
.mc-ux-actor-pad>footer button{min-height:34px;border:1px solid rgba(181,215,232,.13);border-radius:9px;background:#07131b;color:#9eb4bf;font-size:9px;letter-spacing:.05em;cursor:pointer}
body.mc-ux-legacy .mc-ux-actor-pad{display:none!important}
@media(max-width:760px){.mc-ux-actor-pad{left:12px;bottom:72px;width:196px;padding:8px;border-radius:14px;backdrop-filter:none}.mc-ux-actor-move{grid-template-columns:repeat(3,42px);gap:4px}.mc-ux-actor-pad button[data-ux-key]{min-height:40px}.mc-ux-actor-pad>footer button{min-height:32px;font-size:8px}}

/* R21 UX BELT — todos os comandos ficam encontráveis sem ocupar o centro da cena */
.mc-ux-context.mc-ux-belt{
  top:auto;bottom:10px;left:10px;right:10px;transform:none;
  display:flex;align-items:stretch;gap:7px;max-width:none;
  padding:7px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
  scrollbar-width:thin;border-radius:14px;background:rgba(4,10,17,.88);
  box-shadow:0 12px 38px rgba(0,0,0,.28);
}
.mc-ux-belt-group{
  flex:0 0 auto;display:grid;grid-template-rows:auto 1fr;gap:4px;
  padding:5px 7px 6px;border-right:1px solid rgba(190,220,238,.12);
}
.mc-ux-belt-group:last-child{border-right:0}
.mc-ux-belt-label{
  padding:0 4px;color:#6f8999;font-size:9px;line-height:1.1;
  letter-spacing:.16em;white-space:nowrap;
}
.mc-ux-belt-actions{display:flex;align-items:center;gap:4px}
.mc-ux-context.mc-ux-belt .mc-ux-belt-actions>button{
  flex:0 0 auto;min-height:30px;padding:7px 9px;border:1px solid rgba(173,207,226,.10);
  border-radius:7px;background:rgba(126,171,197,.04);color:#b9ccd6;
  font-size:10px;line-height:1;letter-spacing:.06em;white-space:nowrap;
}
.mc-ux-context.mc-ux-belt .mc-ux-belt-actions>button:hover,
.mc-ux-context.mc-ux-belt .mc-ux-belt-actions>button:focus-visible{
  color:#fff;border-color:rgba(193,223,239,.28);background:rgba(153,202,230,.11);
}
body.mc-ux-prototype:not(.mc-ux-legacy) .globe-section{padding-bottom:74px}
@media(max-width:760px){
 .mc-ux-context.mc-ux-belt{left:7px;right:7px;bottom:7px;padding:6px;gap:5px;border-radius:12px}
 .mc-ux-belt-group{padding:4px 5px 5px}
 .mc-ux-context.mc-ux-belt .mc-ux-belt-actions>button{min-height:32px;padding:8px 9px;font-size:9px}
 .mc-ux-belt-label{font-size:8px}
 body.mc-ux-prototype:not(.mc-ux-legacy) .globe-section{padding-bottom:78px}
}

@media(max-width:760px){
 .mc-ux-top{overflow:visible}
 .mc-ux-top nav{
   display:flex;position:fixed;top:50px;left:7px;right:7px;z-index:3;
   gap:2px;padding:4px;overflow-x:auto;overscroll-behavior-x:contain;
   background:rgba(4,10,17,.88);border:1px solid var(--ux-line);
   border-radius:10px;backdrop-filter:blur(14px);scrollbar-width:none;
 }
 .mc-ux-top nav::-webkit-scrollbar{display:none}
 .mc-ux-top nav button,.mc-ux-top nav a{
   flex:0 0 auto;padding:7px 9px;font-size:9px;line-height:1;
   white-space:nowrap;border-radius:6px;
 }
 body.mc-ux-prototype .globe-section{margin-top:52px}
}
