#fenixOracleFloat{
  position:fixed;
  right:18px;
  top:52%;
  transform:translateY(-50%);
  z-index:999999;
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
}
#oracleFloatBtn{
  width:58px;
  height:58px;
  border-radius:50%;
  border:1px solid rgba(201,170,85,.35);
  background:
    radial-gradient(circle at 50% 45%,rgba(201,170,85,.95),rgba(88,75,180,.38) 45%,rgba(0,0,0,.82) 75%);
  color:#f2d987;
  box-shadow:0 0 28px rgba(201,170,85,.22);
  display:grid;
  place-items:center;
  font-size:22px;
}
#oracleFloatMenu{
  position:absolute;
  right:72px;
  top:50%;
  transform:translateY(-50%) scale(.92);
  opacity:0;
  pointer-events:none;
  transition:.28s ease;
}
#fenixOracleFloat.open #oracleFloatMenu{
  opacity:1;
  pointer-events:auto;
  transform:translateY(-50%) scale(1);
}
.oracleFloatItem{
  width:150px;
  height:48px;
  margin:8px 0;
  border-radius:999px;
  border:1px solid rgba(201,170,85,.22);
  background:rgba(4,4,7,.88);
  backdrop-filter:blur(14px);
  color:#f0e6c8;
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-size:12px;
  letter-spacing:2px;
  box-shadow:0 14px 38px rgba(0,0,0,.36);
}
.oracleFloatItem small{
  color:#c9aa55;
  font-size:15px;
}
body.venere #oracleFloatBtn{
  background:
    radial-gradient(circle at 50% 45%,rgba(226,174,217,.95),rgba(135,82,190,.42) 45%,rgba(0,0,0,.82) 75%);
  border-color:rgba(226,174,217,.38);
  box-shadow:0 0 30px rgba(226,174,217,.25);
}
body.venere .oracleFloatItem{
  border-color:rgba(226,174,217,.24);
}
@media(max-width:560px){
  #fenixOracleFloat{
    right:14px;
    top:auto;
    bottom:96px;
    transform:none;
  }
  #oracleFloatMenu{
    right:0;
    bottom:72px;
    top:auto;
    transform:scale(.92);
  }
  #fenixOracleFloat.open #oracleFloatMenu{
    transform:scale(1);
  }
  .oracleFloatItem{
    width:142px;
    height:46px;
    font-size:11px;
  }
}