#omniaCityStateV58,
#omniaCityStateV58 *{
 box-sizing:border-box;
}

#omniaCityStateV58{
 position:relative;
 min-height:100vh;
}

#omniaCityStageV58{
 position:relative;
 min-height:calc(100vh - 70px);
 transition:
  opacity .2s ease,
  transform .2s ease;
}

#omniaCityStageV58.leaving{
 opacity:.12;
 transform:translateY(9px) scale(.995);
}

#omniaCityStageV58.arriving{
 animation:
  omniaV58Arrival
  420ms
  cubic-bezier(.2,.75,.2,1)
  both;
}

#omniaRariV58{
 position:fixed;
 right:15px;
 bottom:58px;
 z-index:999800;
 width:58px;
 height:76px;
 pointer-events:auto;
 cursor:pointer;
}

.rari58-head{
 position:absolute;
 left:17px;
 top:2px;
 width:24px;
 height:26px;
 border:1px solid rgba(126,219,220,.34);
 border-radius:50% 50% 45% 45%;
 background:
  radial-gradient(circle at 50% 36%,#c8edf0 0 5%,transparent 6%),
  linear-gradient(180deg,#17313a,#09171e);
 box-shadow:
  0 0 22px rgba(86,211,203,.12);
}

.rari58-body{
 position:absolute;
 left:8px;
 top:28px;
 width:42px;
 height:45px;
 clip-path:
  polygon(
   28% 0,
   72% 0,
   100% 100%,
   0 100%
  );
 border:1px solid rgba(126,219,220,.22);
 background:
  linear-gradient(180deg,#102630,#061219);
}

.rari58-label{
 position:absolute;
 right:48px;
 top:28px;
 padding:6px 8px;
 white-space:nowrap;
 border:1px solid rgba(126,219,220,.16);
 border-radius:999px;
 background:rgba(4,12,17,.82);
 color:#86cfc9;
 font:850 7px Inter,system-ui,sans-serif;
 opacity:.72;
}

#omniaRariV58:hover,
#omniaRariV58.approach{
 transform:translateX(-8px) scale(1.04);
 transition:transform .28s ease;
}

#omniaCityContextV58{
 position:fixed;
 left:14px;
 bottom:14px;
 z-index:999700;
 max-width:min(460px,calc(100% - 100px));
 padding:7px 9px;
 border:1px solid rgba(126,219,220,.14);
 border-radius:999px;
 background:rgba(3,10,14,.78);
 backdrop-filter:blur(12px);
 color:#6f8994;
 font:800 7px Inter,system-ui,sans-serif;
 pointer-events:none;
}

@keyframes omniaV58Arrival{
 from{
  opacity:.15;
  transform:translateX(10px) scale(.995);
 }
 to{
  opacity:1;
  transform:none;
 }
}

@media(prefers-reduced-motion:reduce){
 #omniaCityStageV58{
  transition:none!important;
 }

 #omniaCityStageV58.arriving{
  animation:none!important;
 }
}